https://gv-lastfm-playground.vercel.app/js/barberpole.js

1let lottiePath = "../assets/lottie/barberpole.json";
2
3let chapterOneBarberPole = bodymovin.loadAnimation({
4  container: document.getElementById("chapter-one-barberpole"),
5  path: lottiePath,
6  renderer: "svg",
7  loop: false,
8  autoplay: false,
9});
10
11let chapterThreeBarberPole = bodymovin.loadAnimation({
12  container: document.getElementById("chapter-three-barber-pole"),
13  path: lottiePath,
14  renderer: "svg",
15  loop: false,
16  autoplay: false,
17});
18
19let chapterFourBarberPole = bodymovin.loadAnimation({
20  container: document.getElementById("chapter-four-barber-pole"),
21  path: lottiePath,
22  renderer: "svg",
23  loop: false,
24  autoplay: false,
25});
26
27let chapterFiveBarberPole = bodymovin.loadAnimation({
28  container: document.getElementById("chapter-five-barber-pole"),
29  path: lottiePath,
30  renderer: "svg",
31  loop: false,
32  autoplay: false,
33});
34
35let chapterSixBarberPole = bodymovin.loadAnimation({
36  container: document.getElementById("chapter-six-barber-pole"),
37  path: lottiePath,
38  renderer: "svg",
39  loop: false,
40  autoplay: false,
41});
42
43let chapterSevenBarberPoleDesktop = bodymovin.loadAnimation({
44  container: document.getElementById("chapter-seven-barber-pole-desktop"),
45  path: lottiePath,
46  renderer: "svg",
47  loop: false,
48  autoplay: false,
49});
50
51let chapterSevenBarberPoleMobile = bodymovin.loadAnimation({
52  container: document.getElementById("chapter-seven-barber-pole-mobile"),
53  path: lottiePath,
54  renderer: "svg",
55  loop: false,
56  autoplay: false,
57});