1;(function($) { 2 "use strict"; 3 4window.addEventListener('load', function () { 5 6 // title-animation 7 function wa_split_text() { 8 9 var wa_st = $(".wa-split-text"); 10 if (wa_st.length === 0) return; 11 12 gsap.registerPlugin(SplitText, ScrollTrigger); 13 14 wa_st.each(function (index, wa_el) { 15 // Skip RTL elements 16 if ($(wa_el).css("direction") === "rtl" || $(wa_el).attr("dir") === "rtl") { 17 return; 18 } 19 20 var wa_els = wa_el; 21 22 const wa_split = new SplitText(wa_els, { 23 type: "lines, words, chars", 24 lineThreshold: 0.5, 25 linesClass: "split-line", 26 }); 27 28 var split_type_set = wa_split.chars; 29 30 gsap.set(wa_els, { perspective: 400 }); 31 32 var settings = { 33 scrollTrigger: { 34 trigger: wa_els, 35 toggleActions: "play none none none", 36 start: "top 86%", 37 once: true, 38 }, 39 duration: 0.35, 40 stagger: 0.02, 41 ease: "expo.out", 42 }; 43 44 if ($(wa_el).hasClass("split-in-fade")) { 45 settings.opacity = 0; 46 } 47 if ($(wa_el).hasClass("split-in-right")) { 48 settings.opacity = 0; 49 settings.x = 50; 50 } 51 if ($(wa_el).hasClass("split-in-left")) { 52 settings.opacity = 0; 53 settings.x = -50; 54 } 55 if ($(wa_el).hasClass("split-in-up")) { 56 settings.opacity = 0; 57 settings.y = 80; 58 } 59 if ($(wa_el).hasClass("split-in-down")) { 60 settings.opacity = 0; 61 settings.y = -80; 62 } 63 if ($(wa_el).hasClass("split-in-rotate")) { 64 settings.opacity = 0; 65 settings.rotateX = 50; 66 } 67 if ($(wa_el).hasClass("split-in-scale")) { 68 settings.opacity = 0; 69 settings.scale = 0.5; 70 } 71 72 if ($(wa_el).hasClass("split-up")) { 73 74 wa_split.split({ type: "words" }); 75 split_type_set = wa_split.words; 76 77 $(split_type_set).each(function (i, elw) { 78 gsap.from(elw, { 79 opacity: 0, 80 duration: 0.65, 81 y: 40, 82 rotate: 10, 83 transformOrigin: "bottom right", 84 filter: "blur(5px)", 85 delay: 0.25 + i * 0.065, 86 ease: "expo.out", 87 scrollTrigger: { 88 trigger: wa_el, 89 start: "top 86%", 90 toggleActions: "play none none none", 91 }, 92 }); 93 }); 94 95 } 96 else if ($(wa_el).hasClass("split-words-scale")) { 97 let atDelay = parseFloat(wa_el.getAttribute("data-delay")) || 0; 98 99 wa_split.split({ type: "words" }); 100 split_type_set = wa_split.words; 101 102 gsap.set(split_type_set, { 103 opacity: 0, 104 scale: (i) => (i % 2 === 0 ? 0 : 2), 105 force3D: true, 106 }); 107 108 gsap.to(split_type_set, { 109 scrollTrigger: { 110 trigger: wa_el, 111 toggleActions: "play reverse play reverse", 112 start: "top 86%", 113 }, 114 rotateX: 0, 115 scale: 1, 116 opacity: 1, 117 stagger: 0.03, 118 delay: atDelay, 119 }); 120 121 } 122 else { 123 var wa_anim = gsap.from(split_type_set, settings); 124 125 if ($(wa_el).hasClass("hover-split-text")) { 126 $(wa_el).on("mouseenter", function () { 127 wa_anim.restart(); 128 }); 129 } 130 } 131 132 }); 133 } 134 wa_split_text(); 135 136 /* 137 wa-split-clr 138 */ 139 if ($(".wa-split-clr").length) { 140 var waSplitClr = $(".wa-split-clr"); 141 if (waSplitClr.length == 0) return; 142 143 gsap.registerPlugin(SplitText); 144 145 waSplitClr.each(function (index, el) { 146 el.split = new SplitText(el, { 147 type: "lines,words,chars", 148 linesClass: "split-line", 149 }); 150 151 gsap.set(el, { perspective: 400 }); 152 153 let delayValue = $(el).attr("data-split-delay") || "0s"; 154 delayValue = parseFloat(delayValue) || 0; 155 156 if ($(el).hasClass("wa-split-clr")) { 157 gsap.set(el.split.chars, { 158 x: "50", 159 opacity: 0, 160 });
161 } 162 163 el.anim = gsap.to(el.split.chars, { 164 scrollTrigger: { 165 trigger: el, 166 start: "top 86%", 167 toggleActions: 'play none none reverse', 168 }, 169 x: 0, 170 opacity: 1, 171 duration: 0.4, 172 ease: "ease1", 173 stagger: 0.02, 174 delay: delayValue, 175 }); 176 }); 177 } 178 179 180 181 // button-animation 182 if ($(".wa_btn_split_1").length) { 183 var wa_btn_split_1 = $(".wa_btn_split_1"); 184 gsap.registerPlugin(SplitText); 185 186 wa_btn_split_1.each(function (index, el) { 187 // Skip RTL elements 188 if ($('body').hasClass('rtl') || $(el).css("direction") === "rtl" || $(el).attr("dir") === "rtl") { 189 return; 190 } 191 el.split = new SplitText(el, { 192 type: "words,chars", 193 }); 194 195 $(el).on("mouseenter", function () { 196 el.split.chars.forEach((char, i) => { 197 198 gsap.fromTo( 199 char, 200 { x: 10, opacity: 0, }, 201 { 202 x: 0, 203 opacity: 1, 204 duration: 0.4, 205 ease: "power2.out", 206 delay: i * 0.03 207 } 208 ); 209 }); 210 }); 211 }); 212 } 213 214 215 // hero-1-animation 216 const asHero4 = gsap.timeline(); 217 asHero4.from(".as-hero-1-img img", { 218 transformOrigin: "100% 50%", 219 rotateX: -10, 220 rotateY: 75, 221 delay: 1, 222 duration: 1.5, 223 }); 224 asHero4.to(".as-hero-1-bg-img img", { 225 scale: 1.2, 226 duration: 15, 227 },"<"); 228 229 const asHeroScroll4 = gsap.timeline({ 230 scrollTrigger: { 231 trigger: ".as-hero-1-area", 232 start: "top 0%", 233 end: "top -50%", 234 scrub: true, 235 markers: false, 236 } 237 }); 238 asHeroScroll4.to(".as-hero-1-img", { 239 yPercent: 10, 240 }); 241 242 /* 243 add-active-class 244 */ 245 const waAddClass = gsap.utils.toArray('.wa_add_class'); 246 waAddClass.forEach(waAddClassItem => { 247 gsap.to(waAddClassItem, { 248 scrollTrigger: { 249 trigger: waAddClassItem, 250 start: "top 90%", 251 end: "bottom bottom", 252 toggleActions: "play none none reverse", 253 toggleClass: "active", 254 once: true, 255 markers: false, 256 } 257 }); 258 }); 259 260 261 262 263 264 // hero-2-slider 265 if ($('.as_hero2_slider').length) { 266 var as_hero2_slider = new Swiper(".as_hero2_slider", { 267 loop: true, 268 speed: 500, 269 spaceBetween: 0, 270 271 effect: "fade", 272 fadeEffect: { 273 crossFade: true 274 }, 275 276 autoplay: { 277 delay: 6000, 278 }, 279 280 on: { 281 slideChangeTransitionStart: () => { 282 h2_split_text(); 283 }, 284 }, 285 286 }); 287 288 289 function h2_split_text() { 290 const currentSlide = document.querySelectorAll('.swiper-slide-active .h2_split_text'); 291 292 const split = new SplitText(currentSlide, { 293 type: 'lines,words', 294 linesClass: "split-line" 295 }); 296 297 gsap.set(split.words, { 298 opacity: 0, 299 filter: "blur(5px)", 300 }); 301 302 gsap.to(split.words, { 303 opacity: 1, 304 filter: "blur(0px)", 305 stagger: 0.3, 306 delay: 0.5, 307 duration: .5, 308 }); 309 } 310 311 h2_split_text(); 312 } 313 314}) 315 316if($('.nm_hero_img_slide').length) { 317 318 let nm_hero_img_slide = new Swiper('.nm_hero_img_slide', { 319 loop: true, 320 speed: 1000, 321 322 effect: "creative", 323 creativeEffect: { 324 prev: { 325 shadow: false, 326 translate: [0, 0, -400], 327 }, 328 next: { 329 translate: ["100%", 0, 0], 330 }, 331 }, 332 333 autoplay: { 334 delay: 4000, 335 }, 336 337 338 339 }); 340 341 342} 343 344 345// about-1-img-animation 346let asAbout1img = gsap.timeline({ 347 scrollTrigger: { 348 trigger: ".as-about-1-fold-scene", 349 start: "top 70%", 350 end: "bottom 80%", 351 scrub: 1, 352 markers: false, 353 } 354}) 355.to(".as-about-1-fold-scene .left", { 356 rotateY: 0, 357 duration: 1.4, 358 ease: "power3.out" 359}) 360.to(".as-about-1-fold-scene .right", { 361 rotateY: 0, 362 duration: 1.4, 363 ease: "power3.out" 364}, "<") 365.from(".as-about-1-fold-scene-line", { 366 scaleX: 0, 367 duration: 1.4, 368 ease: "power3.out" 369}, "<") 370.from(".as-about-1-progress", { 371 yPercent: 10, 372 opacity: 0, 373 duration: 1, 374},"<50%"); 375 376 377// achieve-1-circle 378let asAh1circle = gsap.timeline({ 379 scrollTrigger: { 380 trigger: ".as-achieve-1-award ", 381 start: "top 70%", 382 toggleActions: "play none none reverse", 383 markers: false, 384 }, 385}); 386 387asAh1circle.from(".as-achieve-1-award .bg-shape-2 img", { 388 rotate: 90, 389 duration: 2, 390}); 391 392// achieve-1-shape 393let asAh1shpe = gsap.timeline({ 394 scrollTrigger: { 395 trigger: ".as-achieve-1-projects ", 396 start: "top 70%", 397 toggleActions: "play none none reverse", 398 markers: false, 399 }, 400}); 401 402asAh1shpe.from(".as-achieve-1-projects .img-elm-single-clr", { 403 yPercent: 100, 404 duration: 1, 405}); 406asAh1shpe.from(".as-achieve-1-projects .img-elm-single", { 407 yPercent: 100, 408 duration: 1, 409},"<50%"); 410 411 412 413 414// achieve-1-bg-shape 415let asAchiBgShape = gsap.timeline({ 416 scrollTrigger: { 417 trigger: ".as-achieve-1-bg-img", 418 toggleActions: "play none none reverse", 419 scrub: true, 420 markers: false, 421 }, 422}); 423asAchiBgShape.from(".as-achieve-1-bg-img img", { 424 yPercent: -40, 425}); 426 427// footer-1-shape 428let asFooter1shape = gsap.timeline({ 429 scrollTrigger: { 430 trigger: ".as-footer-1-favicon", 431 toggleActions: "play none none reverse", 432 scrub: true, 433 markers: false, 434 }, 435}); 436 437asFooter1shape.from(".as-footer-1-favicon img", { 438 yPercent: -100, 439}); 440 441// footer-1-btn 442let asFooter1Btn = gsap.timeline({ 443 scrollTrigger: { 444 trigger: ".as-footer-1-lets-btn-ani", 445 toggleActions: "play none none reverse", 446 markers: false, 447 }, 448}); 449 450asFooter1Btn.from(".as-footer-1-lets-btn-ani", { 451 duration:2.5, 452 ease: "elastic.out(1,0.3)", 453 scale: 0, 454}); 455 456// faqs-big-title 457let asFaqs1 = gsap.timeline({ 458 scrollTrigger: { 459 trigger: ".as-faqs-1-big-title", 460 end: "top 60%", 461 toggleActions: "play none none reverse", 462 scrub: true, 463 markers: false, 464 }, 465}); 466 467asFaqs1.from(".as-faqs-1-big-title", { 468 y: 200, 469}); 470 471 472 473 474 475// team-1-slider 476if ($('.as_t1_slider').length) { 477 var as_t1_slider = new Swiper(".as_t1_slider", { 478 loop: true, 479 speed: 400, 480 spaceBetween: 0, 481 slidesPerView: 4, 482 483 // autoplay: { 484 // delay: 5000, 485 // }, 486 487 navigation: { 488 nextEl: ".as_t1_slider_next", 489 prevEl: ".as_t1_slider_prev", 490 }, 491 492 493 breakpoints: { 494 0: { 495 slidesPerView: 1, 496 }, 497 576: { 498 slidesPerView: 1, 499 }, 500 768: { 501 slidesPerView: 2, 502 }, 503 992: { 504 slidesPerView: 3, 505 }, 506 1200: { 507 slidesPerView: 3, 508 }, 509 1400: { 510 slidesPerView: 4, 511 }, 512 1600: { 513 slidesPerView: 4, 514 }, 515 516 }, 517 518 }); 519 520} 521 522 523// services-1-tabs-btn 524document.querySelectorAll('.as-services-1-tabs-btn .nav-link')
525.forEach(tab => { 526 527 tab.addEventListener('mouseenter', function () { 528 const bsTab = new bootstrap.Tab(this); 529 bsTab.show(); 530 }); 531 532}); 533 534 535 536// projects-1-slider 537if ($('.as_p1_slider_preview').length) { 538 539 let as_p1_slider_preview = new Swiper('.as_p1_slider_preview', { 540 speed: 1000, 541 }); 542 543 let as_p1_slider_main = new Swiper('.as_p1_slider_main', { 544 speed: 1000, 545 546 navigation: { 547 nextEl: ".as_p1_slider_main_next", 548 prevEl: ".as_p1_slider_main_prev", 549 }, 550 551 thumbs: { 552 swiper: as_p1_slider_preview, 553 }, 554 }); 555 556} 557 558 559 560 561 562if($(".as-testimonial-1-card-all").length) { 563 function initStackCards() { 564 565 const container = document.querySelector('.as-testimonial-1-card-all'); 566 const cards = container.querySelectorAll('.as-testimonial-1-card-single'); 567 568 const offset = 44; // gap between cards 569 const baseHeight = cards[0].offsetHeight; 570 let maxHeight = 0; 571 572 573 cards.forEach((card, index) => { 574 card.style.bottom = `${index * offset}px`; 575 576 // optional: different background shade 577 // const darkness = 15 + (index * 8); 578 // card.style.backgroundColor = `rgb(${darkness}, ${darkness}, ${darkness + 10})`; 579 580 const cardHeight = card.offsetHeight; 581 if (cardHeight > maxHeight) { 582 maxHeight = cardHeight; 583 } 584 585 card.style.zIndex = index; 586 }); 587 588 const totalHeight = baseHeight + (cards.length - 1) * offset; 589 590 container.style.height = totalHeight + 'px'; 591 } 592 593 window.addEventListener('load', initStackCards); 594 window.addEventListener('resize', initStackCards); 595} 596 597 598 599 600 601 602/* 603 data-mask-image 604*/ 605$('[data-mask-image]').each(function() { 606 $(this).css('mask-image', 'url('+ $(this).attr('data-mask-image') + ')'); 607}); 608 609 610/* 611 add-class-remove-class 612*/ 613$(document).on('click', '.wa_toggle_active', function () { 614 615 if ($(this).hasClass('active')) { 616 $(this).removeClass('active'); 617 } else { 618 $(this).addClass('active').siblings().removeClass('active'); 619 } 620 621}); 622 623 624/* 625 faqs-active-class 626*/ 627$(document).on('click', '.wa_accordion_item', function () { 628 629 if ($(this).hasClass('active')) { 630 $(this).removeClass('active'); 631 } else { 632 $(this).addClass('active').siblings().removeClass('active'); 633 } 634 635}); 636 637 638if ($(".as-testimonial-1-card-single").length) { 639 const cards = document.querySelectorAll('.as-testimonial-1-card-single'); 640 const upBtn = document.querySelector('.up-button'); 641 const downBtn = document.querySelector('.down-button'); 642 let currentIndex = cards.length - 1; 643 upBtn.addEventListener('click', () => { 644 if (currentIndex > 0) { 645 cards[currentIndex].style.transform = 'translateY(-150%)'; 646 currentIndex--; 647 } 648 }); 649 downBtn.addEventListener('click', () => { 650 if (currentIndex < cards.length - 1) { 651 currentIndex++; 652 cards[currentIndex].style.transform = 'translateY(0%)'; 653 } 654 }); 655} 656 657 658// price-1-class 659if($(".wa_hover_class_toggle").length) { 660 const wa_hover_class = document.querySelectorAll(".wa_hover_class_toggle"); 661 const defaultActive = document.querySelector(".wa_hover_class_toggle.active"); 662 wa_hover_class.forEach(card => { 663 card.addEventListener("mouseenter", function () { 664 wa_hover_class.forEach(c => c.classList.remove("active")); 665 this.classList.add("active"); 666 }); 667 card.addEventListener("mouseleave", function () { 668 wa_hover_class.forEach(c => c.classList.remove("active")); 669 if (defaultActive) { 670 defaultActive.classList.add("active"); 671 } 672 673 }); 674 }); 675}; 676 677// choose-1-class 678if($(".as-choose-1-features-single").length) { 679 const ch1_hover_class = document.querySelectorAll(".as-choose-1-features-single"); 680 const ch1_defaultActive = document.querySelector(".as-choose-1-features-single.active2"); 681 ch1_hover_class.forEach(card2 => { 682 card2.addEventListener("mouseenter", function () { 683 ch1_hover_class.forEach(c => c.classList.remove("active2")); 684 this.classList.add("active2"); 685 }); 686 card2.addEventListener("mouseleave", function () { 687 ch1_hover_class.forEach(c => c.classList.remove("active2")); 688 if (ch1_defaultActive) { 689 ch1_defaultActive.classList.add("active2"); 690 } 691 692 }); 693 });
694}; 695 696 697/* 698 marquee-left-nopause 699*/ 700 701$('.wa_marquee_left_nopause').marquee({ 702 speed: 20, 703 gap: 0, 704 delayBeforeStart: 0, 705 startVisible:true, 706 direction: 'left', 707 duplicated: true, 708 pauseOnHover: false, 709}) 710 711$('.wa_marquee_right_nopause').marquee({ 712 speed: 20, 713 gap: 0, 714 delayBeforeStart: 0, 715 startVisible:true, 716 direction: 'right', 717 duplicated: true, 718 pauseOnHover: false, 719}) 720 721 722 723// achieve-2-scroll-animation 724if (window.matchMedia("(min-width: 1400px)").matches) { 725 let asAh2 = gsap.timeline({ 726 scrollTrigger: { 727 trigger: ".as-achieve-2-area", 728 start: "top 100%", 729 end: "top 0%", 730 toggleActions: "play none none reverse", 731 scrub: true, 732 markers: false, 733 }, 734 }); 735 736 asAh2.from(".as-achieve-2-client", {y: -780}); 737 asAh2.from(".as-achieve-2-card.card-1", { xPercent: -80, autoAlpha: 0}); 738 asAh2.from(".as-achieve-2-card.card-2", { xPercent: -100, autoAlpha: 0}); 739} 740 741 742if ($(".wa_magnetic_1_trigger").length) { 743 var waMagnets2v2 = document.querySelectorAll('.wa_magnetic_1_trigger'); 744 var waStrength2v2 = 30; 745 746 waMagnets2v2.forEach((magnet) => { 747 magnet.addEventListener('mousemove', moveMagnet2); 748 magnet.addEventListener('mouseout', function(event) { 749 const innerElements = event.currentTarget.querySelectorAll('.wa_magnetic_1_elm'); 750 innerElements.forEach((elm) => { 751 gsap.to(elm, { 752 x: 0, 753 y: 0, 754 duration: 3, 755 ease: "ease1" 756 }); 757 }); 758 }); 759 }); 760 761 function moveMagnet2(event) { 762 var magnetButton = event.currentTarget; 763 var bounding = magnetButton.getBoundingClientRect(); 764 const innerElements = magnetButton.querySelectorAll('.wa_magnetic_1_elm'); 765 766 const xMove = (((event.clientX - bounding.left) / magnetButton.offsetWidth) - 0.5) * waStrength2v2; 767 const yMove = (((event.clientY - bounding.top) / magnetButton.offsetHeight) - 0.5) * waStrength2v2; 768 769 innerElements.forEach((elm) => { 770 gsap.to(elm, { 771 x: - xMove, 772 y: - yMove, 773 duration: 3, 774 ease: "ease1" 775 }); 776 }); 777 } 778} 779 780 781if ($(".wa_magnetic_2_trigger").length) { 782 783 var waMagnets3v3 = document.querySelectorAll('.wa_magnetic_2_trigger'); 784 var waStrength3v3 = 30; 785 786 waMagnets3v3.forEach((magnet) => { 787 788 magnet.addEventListener('mousemove', waMoveMagnet3v3); 789 790 magnet.addEventListener('mouseout', function(event) { 791 792 const innerElements = event.currentTarget.querySelectorAll('.wa_magnetic_2_elm'); 793 794 innerElements.forEach((elm) => { 795 gsap.to(elm, { 796 x: 0, 797 y: 0, 798 duration: 3, 799 ease: "power2.out" 800 }); 801 }); 802 803 }); 804 805 }); 806 807 function waMoveMagnet3v3(event) { 808 809 var magnetButton = event.currentTarget; 810 var bounding = magnetButton.getBoundingClientRect(); 811 812 const innerElements = magnetButton.querySelectorAll('.wa_magnetic_2_elm'); 813 814 const xMove = (((event.clientX - bounding.left) / magnetButton.offsetWidth) - 0.5) * waStrength3v3; 815 const yMove = (((event.clientY - bounding.top) / magnetButton.offsetHeight) - 0.5) * waStrength3v3; 816 817 innerElements.forEach((elm) => { 818 gsap.to(elm, { 819 x: xMove, 820 y: yMove, 821 duration: 3, 822 ease: "power2.out" 823 }); 824 }); 825 826 } 827 828} 829 830if (window.matchMedia("(min-width: 1400px)").matches) { 831 832 let asProject2 = gsap.timeline({ 833 scrollTrigger: { 834 trigger: ".as-projects-2-height", 835 start: "top top", 836 end: "bottom bottom", 837 toggleActions: "play none none reverse", 838 scrub: true, 839 markers: false, 840 }, 841 }); 842 843 asProject2.from(".as-projects-2-item-content:nth-of-type(1)", {height: "496px"}); 844 asProject2.to(".as-projects-2-item-content:nth-of-type(2)", {height: "496px"},"<"); 845 asProject2.fromTo(".as-projects-2-item-content:nth-of-type(1) .title", {color: "#fff", opacity: 1,},{color: "white", opacity: .8},"<"); 846 asProject2.fromTo(".as-projects-2-item-content:nth-of-type(2) .title", {color: "white"},{color: "#fff", opacity: 1},"<"); 847 asProject2.to(".as-projects-2-item-content:nth-of-type(1) .bg-favicon", {op
847acity: 0},"<"); 848 asProject2.from(".as-projects-2-item-content:nth-of-type(2) .bg-favicon", {opacity: 0},"<"); 849 asProject2.to(".as-projects-2-item-content:nth-of-type(3)", {height: "496px"}); 850 asProject2.to(".as-projects-2-item-content:nth-of-type(2)", {height: "109px"},"<"); 851 asProject2.fromTo(".as-projects-2-item-content:nth-of-type(3) .title", {color: "white"},{color: "#fff", opacity: 1},"<"); 852 asProject2.to(".as-projects-2-item-content:nth-of-type(2) .title", {color: "white", opacity: .8},"<"); 853 asProject2.to(".as-projects-2-item-content:nth-of-type(2) .bg-favicon", {opacity: 0},"<"); 854 asProject2.from(".as-projects-2-item-content:nth-of-type(3) .bg-favicon", {opacity: 0},"<"); 855 asProject2.to(".as-projects-2-item-content:nth-of-type(4)", {height: "496px"}); 856 asProject2.fromTo(".as-projects-2-item-content:nth-of-type(4) .title", {color: "white"},{color: "#fff", opacity: 1},"<"); 857 asProject2.to(".as-projects-2-item-content:nth-of-type(3) .title", {color: "white", opacity: .8},"<"); 858 asProject2.to(".as-projects-2-item-content:nth-of-type(3)", {height: "109px"},"<"); 859 asProject2.to(".as-projects-2-item-content:nth-of-type(3) .bg-favicon", {opacity: 0},"<"); 860 asProject2.from(".as-projects-2-item-content:nth-of-type(4) .bg-favicon", {opacity: 0},"<"); 861 862 863 let asProject22 = gsap.timeline({ 864 scrollTrigger: { 865 trigger: ".as-projects-2-height", 866 start: "top top", 867 end: "bottom bottom", 868 toggleActions: "play none none reverse", 869 scrub: true, 870 markers: false, 871 }, 872 }); 873 874 asProject22.to(".as-projects-2-item-img-single:nth-of-type(4)", {width: 0}); 875 asProject22.to(".as-projects-2-item-img-single:nth-of-type(4) .tags-list", {xPercent: -30, opacity: 0},"<"); 876 asProject22.to(".as-projects-2-item-img-single:nth-of-type(3)", {width: 0}); 877 asProject22.to(".as-projects-2-item-img-single:nth-of-type(3) .tags-list", {xPercent: -30, opacity: 0},"<"); 878 asProject22.to(".as-projects-2-item-img-single:nth-of-type(2)", {width: 0}); 879 asProject22.to(".as-projects-2-item-img-single:nth-of-type(2) .tags-list", {xPercent: -30, opacity: 0},"<"); 880} 881 882if (window.matchMedia("(min-width: 1400px)").matches) { 883 884 let asChoose2card = gsap.timeline({ 885 scrollTrigger: { 886 trigger: ".as-choose-2-wrap-right", 887 start: "top 70%", 888 end: "bottom bottom", 889 toggleActions: "play none none reverse", 890 scrub: false, 891 markers: false, 892 }, 893 }); 894 895 asChoose2card.from(".as-choose-2-card", {xPercent: 100, duration: .5}); 896 asChoose2card.from(".as-choose-2-card-single.card-4", { x: 0, y: 0, rotate: 0, duration: .5}); 897 asChoose2card.from(".as-choose-2-card-single.card-3", { x: 0, y: 0, rotate: 0, duration: .5},"<50%"); 898 asChoose2card.from(".as-choose-2-card-single.card-2", { x: 0, y: 0, rotate: 0, duration: .5},"<50%"); 899 900} 901 902if (window.matchMedia("(min-width: 1400px)").matches) { 903 904 let asTestimonial2 = gsap.timeline({ 905 scrollTrigger: { 906 trigger: ".as-testimonial-2-height", 907 start: "top top", 908 end: "bottom bottom", 909 toggleActions: "play none none reverse", 910 scrub: true, 911 markers: false, 912 }, 913 }); 914 915 asTestimonial2.from(".as-testimonial-2-card-single", { rotateX: -30, rotateY: 10, rotateZ: -2, y: 400, duration: 1, filter: "blur(10px)", autoAlpha: "auto", stagger: 1}); 916 917} 918 919 920 921// counter-2-animation 922let asCounter2 = gsap.timeline({ 923 scrollTrigger: { 924 trigger: ".as-counter-2-item", 925 top: "top 80%", 926 toggleActions: "play none none reverse", 927 markers: false, 928 }, 929}); 930 931asCounter2.from(".as-counter-2-item .dot-line", { 932 width: 0, 933 duration: 2, 934 stagger: 0.1 935}); 936 937asCounter2.from(".as-counter-2-item .number-x-disc", { 938 yPercent: -130, 939 duration: 1, 940 stagger: 0.1 941},"<40%"); 942 943 944 945// industry-2-cursor-follow 946if($(".as-industry-2-item").length) { 947 const featureItems = document.querySelectorAll(".as-industry-2-item"); 948
949 featureItems.forEach((featureItem) => { 950 const flair = featureItem.querySelector(".cursor-follow"); 951 952 gsap.set(flair, { scale: 0, opacity: 0, xPercent: -50, yPercent: -10 }); 953 954 featureItem.addEventListener("mouseenter", () => { 955 gsap.to(flair, { scale: 1, opacity: 1, duration: 0.4, ease: "power3.out" }); 956 }); 957 958 959 featureItem.addEventListener("mousemove", (e) => { 960 const rect = featureItem.getBoundingClientRect(); 961 const x = e.clientX - rect.left; 962 const y = e.clientY - rect.top; 963 gsap.to(flair, { x, y, duration: 0.1 }); 964 }); 965 966 featureItem.addEventListener("mouseleave", () => { 967 gsap.to(flair, { scale: 0, opacity: 0, duration: 0.4, ease: "power3.in" }); 968 }); 969 }); 970 971} 972 973 974// award-2-img-animation 975let asAward2imgAnimation = gsap.timeline({ 976 scrollTrigger: { 977 trigger: ".as-award-2-bg-img", 978 start: "top 50%", 979 end: "top 0%", 980 toggleActions: "play none none reverse", 981 markers: false, 982 }, 983}); 984 985asAward2imgAnimation.to(".as-award-2-bg-img img:nth-of-type(1)", { 986 opacity: 0, 987 duration: .5, 988}); 989
990asAward2imgAnimation.to(".as-award-2-bg-img img:nth-of-type(2)", { 991 opacity: 1, 992 duration: .5, 993},"<50%"); 994 995 996// process-2-card-animation 997if (window.matchMedia("(min-width: 1400px)").matches) { 998 let asProcess2card = gsap.timeline({ 999 scrollTrigger: { 1000 trigger: ".as-process-2-height", 1001 start: "top top", 1002 end: "bottom bottom", 1003 toggleActions: "play none none reverse", 1004 scrub: true, 1005 markers: false, 1006 }, 1007 }); 1008 1009 asProcess2card.from(".as-process-2-card", { 1010 yPercent: 60, 1011 autoAlpha: 0, 1012 stagger: .5, 1013 }); 1014 1015 asProcess2card.to(".as-process-2-card .hand-img", { 1016 opacity: 0, 1017 }); 1018 1019 asProcess2card.to(".as-process-2-hand", { 1020 opacity: 1, 1021 },"<"); 1022 1023 asProcess2card.to(".as-process-2-card", { 1024 background: "transparent", 1025 },"<"); 1026 1027 asProcess2card.to(".as-process-2-hand .left-hand", { 1028 x: 40, 1029 },"<"); 1030 1031 asProcess2card.to(".as-process-2-hand .right-hand", { 1032 x: -40, 1033 },"<"); 1034} 1035 1036 1037// team-2-card-animation 1038if (window.matchMedia("(min-width: 1400px)").matches) { 1039 let asTeam2card = gsap.timeline({ 1040 scrollTrigger: { 1041 trigger: ".as-team-2-wrap", 1042 start: "top 70%", 1043 end: "bottom bottom", 1044 toggleActions: "play none none reverse", 1045 markers: false, 1046 }, 1047 }); 1048 1049 asTeam2card.from(".as-team-2-member.has-1", { 1050 xPercent: 100, 1051 autoAlpha: 0, 1052 duration: .5, 1053 }); 1054 1055 asTeam2card.from(".as-team-2-member.has-4", { 1056 xPercent: -100, 1057 autoAlpha: 0, 1058 duration: .5, 1059 },"<"); 1060 1061 1062} 1063 1064 1065// wa-bg-parallax 1066gsap.utils.toArray(".wa_parallax_bg").forEach(element => { 1067 gsap.fromTo( 1068 element, 1069 { backgroundPosition: "50% 0%" }, 1070 { 1071 backgroundPosition: "50% 100%", 1072 ease: "none", 1073 scrollTrigger: { 1074 trigger: element, 1075 scrub: 1, 1076 markers: false, 1077 }, 1078 } 1079 ); 1080}); 1081 1082// wa-parallax-img 1083gsap.utils.toArray(".wa_parallax_img").forEach(element => { 1084 gsap.fromTo( 1085 element, 1086 { objectPosition: "50% 110%" }, 1087 { 1088 objectPosition: "50% 0%", 1089 ease: "none", 1090 scrollTrigger: { 1091 trigger: element, 1092 scrub: true, 1093 markers: false, 1094 }, 1095 } 1096 ); 1097}); 1098 1099})(jQuery);
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.