1 2 3 4document.addEventListener("DOMContentLoaded", (event) => { 5 6 const swiperBanner = new Swiper('.swiperBanner', { 7 slidesPerView: 1.2, 8 spaceBetween: 16, 9 grabCursor: true, 10 speed: 800, 11 pagination: { 12 el: '.swiper-pagination', 13 clickable: true 14 }, 15 breakpoints: { 16 769: { 17 slidesPerView: 2.5, 18 }, 19 641: { 20 slidesPerView: 1.8, 21 }, 22 481: { 23 slidesPerView: 1.4, 24 } 25 } 26 }); 27 28 29 const swiperTeamQ = new Swiper('.swiperTeamQ', { 30 slidesPerView: 1, 31 speed: 3000, 32 autoplay: { 33 delay: 2000, 34 disableOnInteraction: false, 35 }, 36 effect: "flip", 37 loop: true, 38 flipEffect: { 39 slideShadows: false 40 } 41 }); 42 43 44 const swiperPartner = new Swiper('.swiperPartner', { 45 slidesPerView: "auto", 46 spaceBetween: 20, 47 speed: 3000, 48 autoplay: { 49 delay: 0, 50 disableOnInteraction: false, 51 }, 52 // autoplay: false, 53 // loop: true, 54 breakpoints: { 55 481: { 56 spaceBetween: 36, 57 } 58 } 59 }); 60 61 var headHeight = getComputedStyle(document.body).getPropertyValue('--header-height'); 62 63 64 gsap.registerPlugin(ScrollTrigger) 65 66 gsap.timeline({ 67 scrollTrigger: { 68 trigger: ".banner-section", 69 start: `0% ${headHeight}`, 70 end: "100% 100%", 71 scrub: 1, 72 pin: ".banner-sticky", 73 pinType: "fixed", 74 onEnter: () => { 75 swiperPartner.autoplay.stop() 76 swiperPartner.autoplay.start() 77 } 78 // markers: true, 79 }, 80 }) 81 82 83 // gsap.timeline({ 84 // scrollTrigger: { 85 // trigger: ".banner-trigger-2", 86 // start: `0% 80%`, 87 // end: "100% 80%", 88 // toggleActions: "play none none reverse", 89 // preventOverlaps: true 90 // // markers: true, 91 // }, 92 // }) 93 // .to(".banner-wrap-2", { 94 // opacity: 0, 95 // y: "-100%", 96 // duration: 0.8 97 // }, 0) 98 99 100 gsap.timeline({ 101 scrollTrigger: { 102 trigger: ".banner-trigger-5", 103 start: `0% 80%`, 104 end: "100% 0%", 105 scrub: 1 106 }, 107 }) 108 .to(".disc-wrap", { 109 y: 0, 110 opacity: 1, 111 }, 0) 112 113 114 gsap.timeline({ 115 scrollTrigger: { 116 trigger: ".car-wrap", 117 start: "0% 0%", 118 end: "100% 100%", 119 scrub: 1, 120 pin: ".car-sticky", 121 pinType: "fixed" 122 // markers: true, 123 }, 124 }) 125 126 var carTabs = document.querySelectorAll(".car-tabs a") 127 const containerTabs = document.querySelector('.car-tabs'); 128 carTabs.forEach((element, i) => { 129 const swiperCarTabs = new Swiper('.swiperCarTabs', { 130 slidesPerView: "auto", 131 spaceBetween: 16, 132 speed: 800, 133 }); 134 if (screen.width <= 990) { 135 gsap.timeline({ 136 scrollTrigger: { 137 trigger: `.car-trigger-${i + 1}`, 138 start: "0% 50%", 139 end: "0% 50%", 140 toggleActions: "play none none reverse", 141 preventOverlaps: true, 142 // markers: true, 143 onEnter: () => { 144 swiperCarTabs.slideTo(i) 145 }, 146 onLeaveBack: () => { 147 swiperCarTabs.slideTo(i - 1) 148 } 149 }, 150 }) 151 } 152 153 154 gsap.timeline({ 155 scrollTrigger: { 156 trigger: `.car-trigger-${i + 1}`, 157 start: "0% 50%", 158 end: "0% 50%", 159 toggleActions: "play none none reverse", 160 preventOverlaps: true, 161 // markers: true, 162 onEnter: (j) => { 163 for (j = 0; j < carTabs.length; j++) { 164 carTabs[j].classList.remove('active'); 165 } 166 element.classList.add('active') 167 }, 168 onLeaveBack: (j) => { 169 for (j = 0; j < carTabs.length; j++) { 170 carTabs[j].classList.remove('active'); 171 } 172 if (i > 0) { 173 carTabs[i - 1].classList.add('active') 174 } 175 } 176 }, 177 }) 178 .to(".car-left-" + (i + 1), { 179 opacity: 1, 180 y: 0, 181 zIndex: 1, 182 duration: 0.8, 183 ease: "power2.inOut()" 184 }, 0)
185 .to(".car-slide-" + (i + 1), { 186 opacity: 1, 187 scale: 1.2, 188 y: i == 0 ? 0 : i == 1 ? "-73%" : i == 2 ? "-203%" : "-253%", 189 duration: 0.8, 190 ease: "power2.inOut()" 191 }, 0) 192 .to(".car-icon-" + (i + 1), { 193 opacity: 1, 194 scale: 1, 195 duration: 0.8, 196 ease: "power2.inOut()" 197 }, 0) 198 199 .to(".car-left-" + i, { 200 opacity: 0, 201 y: "-100%", 202 zIndex: 0, 203 duration: 0.8, 204 ease: "power2.inOut()" 205 }, 0) 206 .to(".car-slide-" + i, { 207 opacity: 0, 208 scale: 0.5, 209 duration: 0.8, 210 ease: "power2.inOut()" 211 }, 0) 212 213 214 }); 215 216 gsap.timeline({ 217 scrollTrigger: { 218 trigger: ".car-trigger-1", 219 start: "0% 50%", 220 end: "0% 0%", 221 scrub: 1, 222 // markers: true, 223 224 }, 225 }) 226 .to(".car-tabs", { 227 y: 0, 228 opacity: 1 229 }, 0) 230 .to(".car-img-wrap", { 231 width: $(".car-right-dummy").width(), 232 right: 0 233 }, 0) 234 235 if (screen.width > 480) { 236 gsap.timeline({ 237 scrollTrigger: { 238 trigger: ".car-trigger-5", 239 start: "0% 50%", 240 end: "0% 0%", 241 scrub: 1, 242 onEnter: () => { 243 $(".car-tabs a").removeClass('active'); 244 }, 245 }, 246 }) 247 .to(".car-left-4", { 248 opacity: 0, 249 y: 0, 250 zIndex: 0 251 }, 0) 252 .to(".car-slide-4", { 253 opacity: 0, 254 scale: 0.5 255 }, 0) 256 .to(".car-img-wrap", { 257 right: screen.width > 1024 ? "100%" : 0, 258 x: screen.width > 1024 ? "85%" : 0, 259 }, 0) 260 .to(".car-right-wrap", { 261 opacity: 1 262 }, 0) 263 264 } 265 266 267 gsap.timeline({ 268 scrollTrigger: { 269 trigger: ".banner-trigger-2", 270 start: `0% 90%`, 271 end: "100% 90%", 272 toggleActions: "play none none reverse", 273 fastScrollEnd: 3000, 274 preventOverlaps: "black" 275 }, 276 }) 277 .to("body", { 278 background: "#000", 279 ease: "power2.inOut()", 280 duration: 0.8 281 }, 0) 282 283 gsap.timeline({ 284 scrollTrigger: { 285 trigger: ".car-section", 286 start: "0% 50%", 287 end: "0% 50%", 288 toggleActions: "play none none reverse", 289 fastScrollEnd: 3000, 290 preventOverlaps: "black" 291 }, 292 }) 293 .to("body", { 294 background: "#fff" 295 }, 0) 296 297 298 299 300 301 302 303 gsap.timeline({ 304 scrollTrigger: { 305 trigger: ".blogs-section", 306 start: "0% 60%", 307 end: "0% 30%", 308 scrub: 1, 309 // markers: true 310 }, 311 }) 312 .to(".big-blog-box", { 313 y: 0, 314 stagger: 0.08 315 }, 0) 316 317 gsap.timeline({ 318 scrollTrigger: { 319 trigger: ".global-section", 320 start: `0% 60%`, 321 end: "0% 30%", 322 scrub: 1, 323 // markers: true 324 }, 325 }) 326 .from(".global-number-box", { 327 top: "auto", 328 }, 0) 329 .from(".global-number-box-1", { 330 left: "auto", 331 }, 0) 332 .from(".global-number-box-2", { 333 right: "auto", 334 }, 0) 335 .from(".global-number-box-3", { 336 left: "auto", 337 }, 0) 338 .from(".global-number-box-4", { 339 right: "auto", 340 }, 0) 341 .from(".global-head", { 342 opacity: 0, 343 y: 200 344 }, 0) 345 346 347 348});
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.