From 01edc2251d2316acdca84e0523b1859b0877779d Mon Sep 17 00:00:00 2001 From: Juan Francisco Schallibaum Date: Sun, 7 Jan 2024 13:42:01 -0300 Subject: [PATCH] fix video calidad --- bundle.js | 2 +- bundle.js.map | 4 ++-- index.html | 2 +- src/index.js | 3 +++ 4 files changed, 7 insertions(+), 4 deletions(-) diff --git a/bundle.js b/bundle.js index 1f77c90..430abd2 100644 --- a/bundle.js +++ b/bundle.js @@ -1,2 +1,2 @@ -(()=>{function l(){return window.innerWidth<=900}var I=!1,k;function P(){if(!I){I=!0,clearInterval(k);let a=1,r=30,t=1e3;k=setInterval(function(){t-=100,t<=0&&(t=1e3,r--,r<=0&&(a--,a===0&&r===0?(a=1,r=30,t=1e3,P()):r=59));let e=`00:${String(a).padStart(2,"0")}:${String(r).padStart(2,"0")}:${String(Math.floor(t/100)).padStart(2,"0")}`;M(e)},100)}}function M(a){let r=document.getElementById("countdown-timer");r&&(r.innerText=a)}gsap.registerPlugin(ScrollTrigger,ScrollToPlugin);var F=new Lenis;function j(a){F.raf(a),requestAnimationFrame(j)}requestAnimationFrame(j);window.onload=()=>{let a=document.getElementById("init");a.style.display="none"};var Y=setTimeout(()=>{window.location.href="/harrison-web/404.html"},1e4);window.addEventListener("load",()=>{clearTimeout(Y)});var o=gsap.timeline({scrollTrigger:{trigger:"main.wrapper",start:"top top",end:"bottom+=3000% bottom",scrub:!0,pin:!0,inertia:!0}}),U=document.querySelector("html"),c=document.getElementById("body"),L=document.getElementById("collapse"),D=document.getElementById("menu"),$=document.getElementsByClassName("nav-item"),B=document.getElementsByClassName("separator"),X=document.getElementById("buttonIcon"),n=document.querySelectorAll(".social-img"),A=document.querySelector(".wrapper"),f=document.querySelectorAll(".expand"),q=document.querySelectorAll(".btn-img");c.addEventListener("mousemove",a=>{if(l())return;let r=document.createElement("bubbles"),t=a.pageX,e=a.pageY;r.style.left=t+"px",r.style.top=e+"px",r.style.width="25px",r.style.height="25px",document.body.className.match("open")?(r.style.background="rgb(29, 62, 78)",r.style.boxShadow="10px 10px 30px rgb(29, 62, 78), -10px -10px 30px rgb(29, 62, 78)"):(r.style.background="#D1D821",r.style.boxShadow="10px 10px 30px #D1D821, -10px -10px 30px #D1D821"),document.body.appendChild(r),setTimeout(function(){r.remove()},500)});var s=gsap.timeline({paused:!0});l()?(s.fromTo(D,{y:1e3,opacity:0,background:"transparent",display:"none",ease:"power2.inOut"},{y:0,duration:.5,opacity:1,background:"rgb(203, 219, 67)",display:"block",ease:"power2.inOut"}),s.fromTo(B,{y:1e3},{y:0,transformOrigin:"100% 50%",duration:.5})):(s.fromTo(D,{x:1e3,opacity:0,background:"transparent",display:"none",ease:"power2.inOut"},{x:0,duration:.5,opacity:1,background:"rgb(203, 219, 67)",display:"block",ease:"power2.inOut"}),s.fromTo(B,{x:1e3},{x:0,transformOrigin:"100% 50%",duration:.5}));s.fromTo($,{opacity:0,y:50},{opacity:1,y:0,duration:.5});var m=!1;L.addEventListener("click",()=>{s.isActive()&&s.reversed()||(m=!m,X.src=m?"src/assets/x-dark.png":"src/assets/Menu.png",L.style.transform=m?"rotate(90deg)":"rotate(0deg)",c.className.match("close")?(c.className="open",n[0].src="src/assets/mail-dark.png",n[1].src="src/assets/whatsapp-dark.png",n[2].src="src/assets/ig-dark.png",n[3].src="src/assets/Linkedin-dark.png"):c.className.includes("open")&&(c.className="close",n[0].src="src/assets/mail.png",n[1].src="src/assets/wsp.png",n[2].src="src/assets/ig.png",n[3].src="src/assets/Linkedin.png"),s.totalProgress()===0?s.play():s.totalProgress()>0&&s.reverse())});var R=gsap.utils.toArray(".nav-link");R.forEach(a=>{a.addEventListener("click",r=>{r.preventDefault(),a.innerText.toLowerCase()==="inicio"?gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("intro")}):a.innerText.toLowerCase()==="portfolio"?gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("portfolio")}):a.innerText.toLowerCase()==="servicios"?gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("servicios")}):a.innerText.toLowerCase()==="clientes"&&gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("clientes")}),m=!m,X.src=m?"src/assets/x-dark.png":"src/assets/Menu.png",L.style.transform=m?"rotate(90deg)":"rotate(0deg)",c.className.match("close")?(c.className="open",n[0].src="src/assets/mail-dark.png",n[1].src="src/assets/whatsapp-dark.png",n[2].src="src/assets/ig-dark.png",n[3].src="src/assets/Linkedin-dark.png"):c.className.includes("open")&&(c.className="close",n[0].src="src/assets/mail.png",n[1].src="src/assets/wsp.png",n[2].src="src/assets/ig.png",n[3].src="src/assets/Linkedin.png"),s.paused()||s.totalProgress()===0?s.play():s&&s.reverse()})});var Z=document.getElementById("init"),oo=document.getElementById("scrollea"),W=document.getElementById("video-camara"),T=document.getElementById("middleVidCtn"),to=document.getElementById("tiempoVidCtn"),eo=document.getElementById("progressbar-ctn"),ro=document.querySelector("nav"),ao=document.querySelectorAll(".text-ctn-1"),E=document.querySelectorAll("section.portfolio fieldset"),d=document.querySelectorAll("section.portfolio li h2"),io=document.querySelectorAll("section.portfolio li h2:hover"),h=document.querySelectorAll(".desc-ctn"),v=document.querySelectorAll("hr.ctn-line"),x=document.querySelectorAll(".preview-video"),b=document.querySelector(".logo-box"),w=document.querySelector(".vid-overlay"),O=document.querySelector("#tiempoVidCtn"),no=document.querySelector("section#video-tiempo"),so=document.querySelectorAll(".child .text-ctn"),p=document.querySelectorAll(".child .text-ctn ol"),C=[];C.push(document.querySelector("#eugenie h2"));C.push(document.querySelector("#delsud h2"));C.push(document.querySelector("#flexy h2"));var S=document.getElementById("modal"),_=document.getElementById("modalContent"),lo=document.getElementById("modalVideo"),H=document.getElementById("closeModal"),z=document.getElementById("middleVidCtn"),co=document.getElementById("portfolio"),G=["src/assets/casos/eugenie-comp.webm","src/assets/casos/delsud-comp.webm","src/assets/casos/flexy-comp.webm"],y=null;l()?z.src="src/assets/calidad-vertical.webm":z.src="src/assets/calidad.webm";l()?O.src="src/assets/Video-tiempo_v.mp4":O.src="src/assets/video-tiempo.webm";T.addEventListener("ended",()=>{T.style.display="none",gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("start-tiempo")}),T.currentTime=0,T.load()});var u=document.querySelectorAll(".child"),N=document.querySelectorAll(".child .title-ctn");if(l()){let a=!1;f.forEach((r,t)=>{r.addEventListener("click",()=>{if(a=!a,a){q[t].src="src/assets/contract.png";for(let e=0;e{i!==t.currentTarget&&i.nodeType===1&&gsap.to(i,.7,{width:"1000px"})}),(e===1||e===2)&&gsap.to(u[0],.7,{marginLeft:"-100px"}),e===1&&(gsap.to(u[1],.7,{width:"3000px"}),gsap.to(u[0],.7,{marginLeft:"-200px"}))},r=function(t,e){let i=getComputedStyle(t.currentTarget).width;gsap.to(t.currentTarget,.7,{width:i}),t.currentTarget.parentNode.childNodes.forEach(g=>{g!==t.currentTarget&&g.nodeType===1&&gsap.to(g,.7,{width:i})}),(e===1||e===2)&&gsap.to(u[0],.7,{marginLeft:"0"}),e===1&&gsap.to(u[1],.7,{width:i})};u.forEach((t,e)=>{t.addEventListener("mouseover",i=>a(i,e)),t.addEventListener("mouseout",i=>r(i,e))})}if(l()){let a=function(t){E.forEach((e,i)=>{i!==t&&(e.disabled=!0,d[i].style.zIndex=-1,r(i))}),d[t].style.zIndex=10,gsap.to(v[t],.5,{margin:"20 0 10 0"}),gsap.to(h[t],.3,{y:0,opacity:1}),gsap.to(d[t],.3,{color:"rgb(203, 219, 67)"}),gsap.to(d[2],.7,{height:70}),gsap.to(d[1],.7,{height:120}),gsap.to(x[t],.4,{opacity:1}),gsap.to(w,.4,{opacity:.4}),gsap.to(b,.4,{opacity:0})},r=function(t){gsap.to(v[t],.5,{margin:"-12 0"}),gsap.to(h[t],.3,{y:-100,opacity:0}),gsap.to(d[t],.3,{color:"transparent",height:"auto"}),gsap.to(x[t],.4,{opacity:0}),gsap.to(w,.4,{opacity:1}),gsap.to(b,.4,{opacity:.4})};E.forEach((t,e)=>{t.addEventListener("click",i=>{t.disabled=!0,i.stopPropagation(),a(e)})}),document.addEventListener("click",t=>{let e=Array.from(E);e.some(i=>i.contains(t.target))||e.forEach((i,g)=>{i.disabled=!0,r(g),d[g].style.zIndex=-1})})}else{let a=function(t,e){gsap.to(v[e],.5,{margin:"20 0 10 0"}),gsap.to(h[e],.3,{y:0,opacity:1}),gsap.to(d[e],.3,{color:"rgb(203, 219, 67)",height:100}),gsap.to(d[1],.7,{height:190}),gsap.to(x[e],.4,{opacity:1}),gsap.to(w,.4,{opacity:.4}),gsap.to(b,.4,{opacity:0})},r=function(t,e){gsap.to(v[e],.5,{margin:"-12 0"}),gsap.to(h[e],.3,{y:-100,opacity:0}),gsap.to(d[e],.3,{color:"transparent",height:"auto"}),gsap.to(x[e],.4,{opacity:0}),gsap.to(w,.4,{opacity:1}),gsap.to(b,.4,{opacity:.4})};d.forEach((t,e)=>{t.addEventListener("mouseover",i=>a(i,e)),t.addEventListener("mouseout",i=>r(i,e))})}C.forEach((a,r)=>a.addEventListener("click",()=>{y&&y.parentNode&&y.parentNode.removeChild(y);let t=document.createElement("video");t.id="modalVideo";let e=document.createElement("source");e.src=G[r],t.appendChild(e),_.appendChild(t),S.classList.remove("hidden"),S.classList.add("shown"),t.play(),y=t,o.seek("portfolio"),c.style.position="fixed",gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("portfolio")})}));H.addEventListener("click",()=>{y&&setTimeout(()=>{y.pause(),y.parentNode.removeChild(y),y=null,S.classList.remove("shown"),S.classList.add("hidden")},500),A.style.overflow="",A.style.top="",o.seek("portfolio"),c.style.position="absolute",gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("portfolio")})});var J=new Array(380).fill().map((a,r)=>`src/assets/camara-frames/introframes(${(r+1).toString()}).webp`);J.forEach(a=>{let r=new Image;r.src=a,r.class="camara",W.appendChild(r)});o.fromTo("#scrollea",{display:"none"},{display:"flex"}).addLabel("intro");o.fromTo("#scrollea",{opacity:1,duration:8,x:0},{opacity:0,duration:8,x:-100});o.fromTo("#scrollea",{display:"flex"},{display:"none"});o.fromTo("#video",{display:"none"},{display:"flex"});o.fromTo("#video-camara",{opacity:0,duration:5},{opacity:1,duration:5});var V=gsap.utils.toArray("#video-camara img");V.forEach((a,r)=>{o.fromTo(a,{display:"none"},{display:"block",stagger:.3,duration:.5}),r{console.log("start"),T.play()}});o.fromTo("#portfolio",{display:"block",delay:0},{display:"none",delay:0});o.fromTo("#middleVidCtn",{opacity:1,duration:10,delay:-10},{opacity:0,duration:10,delay:20});o.fromTo("#middleVidCtn",{display:"block",duration:0},{display:"none",duration:0});o.fromTo(".bg-video",{delay:-10,opacity:0,duration:5},{delay:-10,opacity:.1,duration:5});o.fromTo("#progressbar-ctn",{opacity:0,delay:5,y:200},{opacity:1,y:0,duration:4,delay:5});o.fromTo(".accordion",{display:"none",duration:0},{display:"flex",duration:0});o.fromTo("#middle .text",{y:1e3,duration:10},{y:0,stagger:1,duration:10}).addLabel("start-tiempo");o.to("#rect2",{attr:{rx:"8.5",y:"34",width:"17",height:"43.4444"},fill:"#D9D9D9",duration:1});o.to("#rect3",{attr:{rx:"12.2778",y:"0",width:"24.5556",height:"86.8889"},fill:"#CBDB43",duration:1}).addLabel("servicios");o.to("#middle #text-container .letter",{color:"#D1D821",stagger:1.5,duration:3});l()?(o.fromTo("#middle .text",{y:0},{y:-2e3,delay:3,duration:50,scrollTrigger:".acc-borders"}),o.fromTo(".acc-borders",{opacity:1,x:1e3,duration:20,width:"0vw",delay:-10,scrollTrigger:".accordion #parent"},{opacity:1,x:0,duration:20,width:"400vw",delay:-10,scrollTrigger:".accordion #parent"}),o.fromTo(".accordion #parent",{y:2e3,duration:20,delay:-5},{y:0,duration:20,delay:-5}).addLabel("servicios")):(o.fromTo("#middle #text-container",{x:0},{x:-2e3,delay:3,duration:30}),o.to(".acc-borders",{opacity:1,x:0,duration:20,width:"400vw",delay:-30}),o.fromTo(".accordion",{x:2e3,delay:-20,duration:20},{x:0,delay:-20,duration:20}).addLabel("servicios"));o.to(".accordion",{rotateX:-69.3,duration:10,delay:30});o.to(".accordion",{opacity:0,duration:2,delay:-4});o.to(".bg-video",{opacity:0,duration:10,delay:-10});o.fromTo("#progressbar-ctn",{opacity:1},{opacity:0,duration:16,delay:0});o.fromTo("#video-tiempo",{opacity:0,duration:0},{opacity:1,duration:0});o.fromTo(".bg-video",{rotateX:"0",duration:0},{rotateX:"-65deg",duration:0});o.fromTo(".accordion",{display:"flex",duration:0},{display:"none",duration:0});o.fromTo("#video-tiempo",{zIndex:-1,rotateX:115.3},{zIndex:4,rotateX:0,duration:10,scrollTrigger:".accordion",onStart:()=>{P()}});o.to("#video-tiempo #text-container-2 .text",{y:1500,duration:0});o.fromTo("#tiempoVidCtn",{opacity:0,delay:-10},{opacity:1,duration:6});o.fromTo("#video-tiempo #text-container-2",{x:-2e3,duration:0,delay:-10},{x:0,duration:0,delay:-10});o.fromTo("#video-tiempo #text-container-2 .text",{y:1500,delay:15},{y:0,stagger:.5,duration:8,delay:10});o.fromTo("#video-tiempo #text-container-2 .letter",{color:"transparent",duration:4,delay:15},{color:"rgb(203, 219, 67)",stagger:4,duration:4,delay:15});o.fromTo("#video-tiempo",{rotateX:0,duration:20},{rotateX:110,duration:20,scrollTrigger:".accordion"});o.fromTo("#video-tiempo",{opacity:1,duration:20,scrollTrigger:".accordion"},{opacity:0,duration:20});o.fromTo("#video-tiempo",{display:"flex",duration:0},{display:"none",duration:0});o.fromTo("#txt-container-2",{display:"none",duration:0},{display:"flex",duration:0});o.fromTo(".bg-video",{opacity:0,duration:0},{opacity:.1,duration:0});o.fromTo(".bg-video",{rotateX:-65,duration:20},{rotateX:0,duration:20});var K=document.getElementById("carousel-container"),Q=document.getElementById("carouselFig");K.style.transform==="scale(1)"&&(Q.style.animation="rotateAnim 30s infinite forwards");o.fromTo("#txt-container-2",{zIndex:-1,opacity:0,duration:10,delay:-20},{zIndex:5,opacity:1,duration:10,delay:-20});l()?(o.fromTo("#p1",{y:2e3,x:0},{y:150,x:0,duration:25}),o.fromTo("#p2",{y:2e3,x:0},{y:150,x:0,duration:30,delay:-18}),o.to("#p1",{delay:20,duration:30,y:-2e3}),o.to("#p2",{delay:-30,duration:20,y:-50}),o.fromTo("#progressbar-ctn",{opacity:0,y:200},{opacity:1,y:0,duration:16,delay:-2}),o.to("#rect3",{attr:{rx:"8.5",y:"34",width:"17",height:"43.4444"},fill:"#D9D9D9",duration:1}),o.to("#rect4",{attr:{rx:"12.2778",y:"0",width:"24.5556",height:"86.8889"},fill:"#CBDB43",duration:1}),o.fromTo("#mobileBrandsCtn",{visibility:"hidden",y:200,x:0},{visibility:"visible",y:0,x:0,duration:5})):(o.fromTo("#p1",{x:2e3},{x:0,duration:25}),o.fromTo("#p2",{x:2e3},{x:0,duration:30,delay:-18}),o.to("#p1",{delay:20,duration:30,x:-2e3}),o.fromTo("#progressbar-ctn",{opacity:0,y:200},{opacity:1,y:0,duration:16,delay:-2}),o.to("#p1",{opacity:0,duration:0}),o.to("#rect3",{attr:{rx:"8.5",y:"34",width:"17",height:"43.4444"},fill:"#D9D9D9",duration:1}),o.to("#rect4",{attr:{rx:"12.2778",y:"0",width:"24.5556",height:"86.8889"},fill:"#CBDB43",duration:1}),o.to("#p2",{delay:-30,duration:20,y:150}));o.fromTo(".flipLogoContainer",{display:"none",duration:0},{display:"flex",duration:0});o.fromTo("#carousel-container",{display:"none",duration:0,delay:-20},{display:"block",duration:0,delay:-20});o.fromTo("#carousel-container",{transform:"scale(0)",duration:10,delay:-20},{transform:"scale(1.3)",duration:10,delay:-20}).addLabel("clientes");o.to("#txt-container-2",{delay:30,y:800,duration:30,transform:"scale(0.5)",opacity:0});o.fromTo("#txt-container-2",{display:"flex",duration:0},{display:"none",duration:0});o.fromTo("#progressbar-ctn",{opacity:1,duration:100},{opacity:0,duration:2,delay:20});o.fromTo(".bg-video",{opacity:.1,duration:12,delay:-15},{opacity:.2,duration:12,delay:-15});o.fromTo("#svgOutro",{y:-1e3,transform:"scale(2.5)",duration:20,delay:-20,opacity:0},{delay:-20,y:0,transform:"scale(1.6)",duration:20,opacity:1});o.to("#svgOutro",{delay:10,duration:70,rotateY:809});o.fromTo("#txt-container-2",{display:"flex",duration:0},{display:"none",duration:0});o.to("#svgOutro",{visibility:"hidden"});o.fromTo("#textAllCtn",{visibility:"hidden",rotateY:-90,duration:8},{visibility:"visible",rotateY:0,duration:8,delay:15});o.staggerTo([".charSpan"],1,{color:"#D1D821",stagger:1,duration:80},2);o.to(".charSpan",{delay:10});o.to("#textAllCtn",{scale:.6,y:-100,duration:15});o.to(".subTextContainer",{y:0,visibility:"visible"});o.fromTo("nav .social-ctn a",{scale:1,duration:4},{scale:0,duration:4});o.fromTo(".svgSocial",{scale:0,duration:10},{scale:1,duration:10});o.staggerTo([".charSpan2"],3,{color:"#D1D821",opacity:1,duration:25},.5);})(); +(()=>{function l(){return window.innerWidth<=900}var I=!1,k;function P(){if(!I){I=!0,clearInterval(k);let a=1,r=30,t=1e3;k=setInterval(function(){t-=100,t<=0&&(t=1e3,r--,r<=0&&(a--,a===0&&r===0?(a=1,r=30,t=1e3,P()):r=59));let e=`00:${String(a).padStart(2,"0")}:${String(r).padStart(2,"0")}:${String(Math.floor(t/100)).padStart(2,"0")}`;M(e)},100)}}function M(a){let r=document.getElementById("countdown-timer");r&&(r.innerText=a)}gsap.registerPlugin(ScrollTrigger,ScrollToPlugin);var F=new Lenis;function j(a){F.raf(a),requestAnimationFrame(j)}requestAnimationFrame(j);window.onload=()=>{let a=document.getElementById("init");a.style.display="none"};var Y=setTimeout(()=>{window.location.href="/harrison-web/404.html"},1e4);window.addEventListener("load",()=>{clearTimeout(Y)});var o=gsap.timeline({scrollTrigger:{trigger:"main.wrapper",start:"top top",end:"bottom+=3000% bottom",scrub:!0,pin:!0,inertia:!0}}),U=document.querySelector("html"),c=document.getElementById("body"),L=document.getElementById("collapse"),D=document.getElementById("menu"),$=document.getElementsByClassName("nav-item"),B=document.getElementsByClassName("separator"),X=document.getElementById("buttonIcon"),n=document.querySelectorAll(".social-img"),A=document.querySelector(".wrapper"),T=document.querySelectorAll(".expand"),q=document.querySelectorAll(".btn-img");c.addEventListener("mousemove",a=>{if(l())return;let r=document.createElement("bubbles"),t=a.pageX,e=a.pageY;r.style.left=t+"px",r.style.top=e+"px",r.style.width="25px",r.style.height="25px",document.body.className.match("open")?(r.style.background="rgb(29, 62, 78)",r.style.boxShadow="10px 10px 30px rgb(29, 62, 78), -10px -10px 30px rgb(29, 62, 78)"):(r.style.background="#D1D821",r.style.boxShadow="10px 10px 30px #D1D821, -10px -10px 30px #D1D821"),document.body.appendChild(r),setTimeout(function(){r.remove()},500)});var s=gsap.timeline({paused:!0});l()?(s.fromTo(D,{y:1e3,opacity:0,background:"transparent",display:"none",ease:"power2.inOut"},{y:0,duration:.5,opacity:1,background:"rgb(203, 219, 67)",display:"block",ease:"power2.inOut"}),s.fromTo(B,{y:1e3},{y:0,transformOrigin:"100% 50%",duration:.5})):(s.fromTo(D,{x:1e3,opacity:0,background:"transparent",display:"none",ease:"power2.inOut"},{x:0,duration:.5,opacity:1,background:"rgb(203, 219, 67)",display:"block",ease:"power2.inOut"}),s.fromTo(B,{x:1e3},{x:0,transformOrigin:"100% 50%",duration:.5}));s.fromTo($,{opacity:0,y:50},{opacity:1,y:0,duration:.5});var m=!1;L.addEventListener("click",()=>{s.isActive()&&s.reversed()||(m=!m,X.src=m?"src/assets/x-dark.png":"src/assets/Menu.png",L.style.transform=m?"rotate(90deg)":"rotate(0deg)",c.className.match("close")?(c.className="open",n[0].src="src/assets/mail-dark.png",n[1].src="src/assets/whatsapp-dark.png",n[2].src="src/assets/ig-dark.png",n[3].src="src/assets/Linkedin-dark.png"):c.className.includes("open")&&(c.className="close",n[0].src="src/assets/mail.png",n[1].src="src/assets/wsp.png",n[2].src="src/assets/ig.png",n[3].src="src/assets/Linkedin.png"),s.totalProgress()===0?s.play():s.totalProgress()>0&&s.reverse())});var R=gsap.utils.toArray(".nav-link");R.forEach(a=>{a.addEventListener("click",r=>{r.preventDefault(),a.innerText.toLowerCase()==="inicio"?gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("intro")}):a.innerText.toLowerCase()==="portfolio"?gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("portfolio")}):a.innerText.toLowerCase()==="servicios"?gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("servicios")}):a.innerText.toLowerCase()==="clientes"&&gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("clientes")}),m=!m,X.src=m?"src/assets/x-dark.png":"src/assets/Menu.png",L.style.transform=m?"rotate(90deg)":"rotate(0deg)",c.className.match("close")?(c.className="open",n[0].src="src/assets/mail-dark.png",n[1].src="src/assets/whatsapp-dark.png",n[2].src="src/assets/ig-dark.png",n[3].src="src/assets/Linkedin-dark.png"):c.className.includes("open")&&(c.className="close",n[0].src="src/assets/mail.png",n[1].src="src/assets/wsp.png",n[2].src="src/assets/ig.png",n[3].src="src/assets/Linkedin.png"),s.paused()||s.totalProgress()===0?s.play():s&&s.reverse()})});var Z=document.getElementById("init"),oo=document.getElementById("scrollea"),W=document.getElementById("video-camara"),f=document.getElementById("middleVidCtn"),to=document.getElementById("tiempoVidCtn"),eo=document.getElementById("progressbar-ctn"),ro=document.querySelector("nav"),ao=document.querySelectorAll(".text-ctn-1"),E=document.querySelectorAll("section.portfolio fieldset"),d=document.querySelectorAll("section.portfolio li h2"),io=document.querySelectorAll("section.portfolio li h2:hover"),h=document.querySelectorAll(".desc-ctn"),v=document.querySelectorAll("hr.ctn-line"),x=document.querySelectorAll(".preview-video"),b=document.querySelector(".logo-box"),w=document.querySelector(".vid-overlay"),O=document.querySelector("#tiempoVidCtn"),no=document.querySelector("section#video-tiempo"),so=document.querySelectorAll(".child .text-ctn"),p=document.querySelectorAll(".child .text-ctn ol"),S=[];S.push(document.querySelector("#eugenie h2"));S.push(document.querySelector("#delsud h2"));S.push(document.querySelector("#flexy h2"));var C=document.getElementById("modal"),_=document.getElementById("modalContent"),lo=document.getElementById("modalVideo"),H=document.getElementById("closeModal"),z=document.getElementById("middleVidCtn"),co=document.getElementById("portfolio"),G=["src/assets/casos/eugenie-comp.webm","src/assets/casos/delsud-comp.webm","src/assets/casos/flexy-comp.webm"],y=null;l()?z.src="src/assets/calidad-vertical.webm":z.src="src/assets/calidad.webm";l()?O.src="src/assets/Video-tiempo_v.mp4":O.src="src/assets/video-tiempo.webm";f.addEventListener("ended",()=>{f.style.display="none",gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("start-tiempo")}),f.currentTime=0,f.load()});var u=document.querySelectorAll(".child"),N=document.querySelectorAll(".child .title-ctn");if(l()){let a=!1;T.forEach((r,t)=>{r.addEventListener("click",()=>{if(a=!a,a){q[t].src="src/assets/contract.png";for(let e=0;e{i!==t.currentTarget&&i.nodeType===1&&gsap.to(i,.7,{width:"1000px"})}),(e===1||e===2)&&gsap.to(u[0],.7,{marginLeft:"-100px"}),e===1&&(gsap.to(u[1],.7,{width:"3000px"}),gsap.to(u[0],.7,{marginLeft:"-200px"}))},r=function(t,e){let i=getComputedStyle(t.currentTarget).width;gsap.to(t.currentTarget,.7,{width:i}),t.currentTarget.parentNode.childNodes.forEach(g=>{g!==t.currentTarget&&g.nodeType===1&&gsap.to(g,.7,{width:i})}),(e===1||e===2)&&gsap.to(u[0],.7,{marginLeft:"0"}),e===1&&gsap.to(u[1],.7,{width:i})};u.forEach((t,e)=>{t.addEventListener("mouseover",i=>a(i,e)),t.addEventListener("mouseout",i=>r(i,e))})}if(l()){let a=function(t){E.forEach((e,i)=>{i!==t&&(e.disabled=!0,d[i].style.zIndex=-1,r(i))}),d[t].style.zIndex=10,gsap.to(v[t],.5,{margin:"20 0 10 0"}),gsap.to(h[t],.3,{y:0,opacity:1}),gsap.to(d[t],.3,{color:"rgb(203, 219, 67)"}),gsap.to(d[2],.7,{height:70}),gsap.to(d[1],.7,{height:120}),gsap.to(x[t],.4,{opacity:1}),gsap.to(w,.4,{opacity:.4}),gsap.to(b,.4,{opacity:0})},r=function(t){gsap.to(v[t],.5,{margin:"-12 0"}),gsap.to(h[t],.3,{y:-100,opacity:0}),gsap.to(d[t],.3,{color:"transparent",height:"auto"}),gsap.to(x[t],.4,{opacity:0}),gsap.to(w,.4,{opacity:1}),gsap.to(b,.4,{opacity:.4})};E.forEach((t,e)=>{t.addEventListener("click",i=>{t.disabled=!0,i.stopPropagation(),a(e)})}),document.addEventListener("click",t=>{let e=Array.from(E);e.some(i=>i.contains(t.target))||e.forEach((i,g)=>{i.disabled=!0,r(g),d[g].style.zIndex=-1})})}else{let a=function(t,e){gsap.to(v[e],.5,{margin:"20 0 10 0"}),gsap.to(h[e],.3,{y:0,opacity:1}),gsap.to(d[e],.3,{color:"rgb(203, 219, 67)",height:100}),gsap.to(d[1],.7,{height:190}),gsap.to(x[e],.4,{opacity:1}),gsap.to(w,.4,{opacity:.4}),gsap.to(b,.4,{opacity:0})},r=function(t,e){gsap.to(v[e],.5,{margin:"-12 0"}),gsap.to(h[e],.3,{y:-100,opacity:0}),gsap.to(d[e],.3,{color:"transparent",height:"auto"}),gsap.to(x[e],.4,{opacity:0}),gsap.to(w,.4,{opacity:1}),gsap.to(b,.4,{opacity:.4})};d.forEach((t,e)=>{t.addEventListener("mouseover",i=>a(i,e)),t.addEventListener("mouseout",i=>r(i,e))})}S.forEach((a,r)=>a.addEventListener("click",()=>{y&&y.parentNode&&y.parentNode.removeChild(y);let t=document.createElement("video");t.id="modalVideo";let e=document.createElement("source");e.src=G[r],t.appendChild(e),_.appendChild(t),C.classList.remove("hidden"),C.classList.add("shown"),t.play(),y=t,o.seek("portfolio"),c.style.position="fixed",gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("portfolio")})}));H.addEventListener("click",()=>{y&&setTimeout(()=>{y.pause(),y.parentNode.removeChild(y),y=null,C.classList.remove("shown"),C.classList.add("hidden")},500),A.style.overflow="",A.style.top="",o.seek("portfolio"),c.style.position="absolute",gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("portfolio")})});var J=new Array(380).fill().map((a,r)=>`src/assets/camara-frames/introframes(${(r+1).toString()}).webp`);J.forEach(a=>{let r=new Image;r.src=a,r.class="camara",W.appendChild(r)});o.fromTo("#scrollea",{display:"none"},{display:"flex"}).addLabel("intro");o.fromTo("#scrollea",{opacity:1,duration:8,x:0},{opacity:0,duration:8,x:-100});o.fromTo("#scrollea",{display:"flex"},{display:"none"});o.fromTo("#video",{display:"none"},{display:"flex"});o.fromTo("#video-camara",{opacity:0,duration:5},{opacity:1,duration:5});var V=gsap.utils.toArray("#video-camara img");V.forEach((a,r)=>{o.fromTo(a,{display:"none"},{display:"block",stagger:.3,duration:.5}),r{console.log("start"),f.play()}});o.fromTo("#portfolio",{display:"block",delay:0},{display:"none",delay:0});o.fromTo("#middleVidCtn",{opacity:1,duration:10,delay:-10},{opacity:0,duration:10,delay:20,onComplete:()=>{f.pause()}});o.fromTo("#middleVidCtn",{display:"block",duration:0},{display:"none",duration:0});o.fromTo(".bg-video",{delay:-10,opacity:0,duration:5},{delay:-10,opacity:.1,duration:5});o.fromTo("#progressbar-ctn",{opacity:0,delay:5,y:200},{opacity:1,y:0,duration:4,delay:5});o.fromTo(".accordion",{display:"none",duration:0},{display:"flex",duration:0});o.fromTo("#middle .text",{y:1e3,duration:10},{y:0,stagger:1,duration:10}).addLabel("start-tiempo");o.to("#rect2",{attr:{rx:"8.5",y:"34",width:"17",height:"43.4444"},fill:"#D9D9D9",duration:1});o.to("#rect3",{attr:{rx:"12.2778",y:"0",width:"24.5556",height:"86.8889"},fill:"#CBDB43",duration:1}).addLabel("servicios");o.to("#middle #text-container .letter",{color:"#D1D821",stagger:1.5,duration:3});l()?(o.fromTo("#middle .text",{y:0},{y:-2e3,delay:3,duration:50,scrollTrigger:".acc-borders"}),o.fromTo(".acc-borders",{opacity:1,x:1e3,duration:20,width:"0vw",delay:-10,scrollTrigger:".accordion #parent"},{opacity:1,x:0,duration:20,width:"400vw",delay:-10,scrollTrigger:".accordion #parent"}),o.fromTo(".accordion #parent",{y:2e3,duration:20,delay:-5},{y:0,duration:20,delay:-5}).addLabel("servicios")):(o.fromTo("#middle #text-container",{x:0},{x:-2e3,delay:3,duration:30}),o.to(".acc-borders",{opacity:1,x:0,duration:20,width:"400vw",delay:-30}),o.fromTo(".accordion",{x:2e3,delay:-20,duration:20},{x:0,delay:-20,duration:20}).addLabel("servicios"));o.to(".accordion",{rotateX:-69.3,duration:10,delay:30});o.to(".accordion",{opacity:0,duration:2,delay:-4});o.to(".bg-video",{opacity:0,duration:10,delay:-10});o.fromTo("#progressbar-ctn",{opacity:1},{opacity:0,duration:16,delay:0});o.fromTo("#video-tiempo",{opacity:0,duration:0},{opacity:1,duration:0});o.fromTo(".bg-video",{rotateX:"0",duration:0},{rotateX:"-65deg",duration:0});o.fromTo(".accordion",{display:"flex",duration:0},{display:"none",duration:0});o.fromTo("#video-tiempo",{zIndex:-1,rotateX:115.3},{zIndex:4,rotateX:0,duration:10,scrollTrigger:".accordion",onStart:()=>{P()}});o.to("#video-tiempo #text-container-2 .text",{y:1500,duration:0});o.fromTo("#tiempoVidCtn",{opacity:0,delay:-10},{opacity:1,duration:6});o.fromTo("#video-tiempo #text-container-2",{x:-2e3,duration:0,delay:-10},{x:0,duration:0,delay:-10});o.fromTo("#video-tiempo #text-container-2 .text",{y:1500,delay:15},{y:0,stagger:.5,duration:8,delay:10});o.fromTo("#video-tiempo #text-container-2 .letter",{color:"transparent",duration:4,delay:15},{color:"rgb(203, 219, 67)",stagger:4,duration:4,delay:15});o.fromTo("#video-tiempo",{rotateX:0,duration:20},{rotateX:110,duration:20,scrollTrigger:".accordion"});o.fromTo("#video-tiempo",{opacity:1,duration:20,scrollTrigger:".accordion"},{opacity:0,duration:20});o.fromTo("#video-tiempo",{display:"flex",duration:0},{display:"none",duration:0});o.fromTo("#txt-container-2",{display:"none",duration:0},{display:"flex",duration:0});o.fromTo(".bg-video",{opacity:0,duration:0},{opacity:.1,duration:0});o.fromTo(".bg-video",{rotateX:-65,duration:20},{rotateX:0,duration:20});var K=document.getElementById("carousel-container"),Q=document.getElementById("carouselFig");K.style.transform==="scale(1)"&&(Q.style.animation="rotateAnim 30s infinite forwards");o.fromTo("#txt-container-2",{zIndex:-1,opacity:0,duration:10,delay:-20},{zIndex:5,opacity:1,duration:10,delay:-20});l()?(o.fromTo("#p1",{y:2e3,x:0},{y:150,x:0,duration:25}),o.fromTo("#p2",{y:2e3,x:0},{y:150,x:0,duration:30,delay:-18}),o.to("#p1",{delay:20,duration:30,y:-2e3}),o.to("#p2",{delay:-30,duration:20,y:-50}),o.fromTo("#progressbar-ctn",{opacity:0,y:200},{opacity:1,y:0,duration:16,delay:-2}),o.to("#rect3",{attr:{rx:"8.5",y:"34",width:"17",height:"43.4444"},fill:"#D9D9D9",duration:1}),o.to("#rect4",{attr:{rx:"12.2778",y:"0",width:"24.5556",height:"86.8889"},fill:"#CBDB43",duration:1}),o.fromTo("#mobileBrandsCtn",{visibility:"hidden",y:200,x:0},{visibility:"visible",y:0,x:0,duration:5})):(o.fromTo("#p1",{x:2e3},{x:0,duration:25}),o.fromTo("#p2",{x:2e3},{x:0,duration:30,delay:-18}),o.to("#p1",{delay:20,duration:30,x:-2e3}),o.fromTo("#progressbar-ctn",{opacity:0,y:200},{opacity:1,y:0,duration:16,delay:-2}),o.to("#p1",{opacity:0,duration:0}),o.to("#rect3",{attr:{rx:"8.5",y:"34",width:"17",height:"43.4444"},fill:"#D9D9D9",duration:1}),o.to("#rect4",{attr:{rx:"12.2778",y:"0",width:"24.5556",height:"86.8889"},fill:"#CBDB43",duration:1}),o.to("#p2",{delay:-30,duration:20,y:150}));o.fromTo(".flipLogoContainer",{display:"none",duration:0},{display:"flex",duration:0});o.fromTo("#carousel-container",{display:"none",duration:0,delay:-20},{display:"block",duration:0,delay:-20});o.fromTo("#carousel-container",{transform:"scale(0)",duration:10,delay:-20},{transform:"scale(1.3)",duration:10,delay:-20}).addLabel("clientes");o.to("#txt-container-2",{delay:30,y:800,duration:30,transform:"scale(0.5)",opacity:0});o.fromTo("#txt-container-2",{display:"flex",duration:0},{display:"none",duration:0});o.fromTo("#progressbar-ctn",{opacity:1,duration:100},{opacity:0,duration:2,delay:20});o.fromTo(".bg-video",{opacity:.1,duration:12,delay:-15},{opacity:.2,duration:12,delay:-15});o.fromTo("#svgOutro",{y:-1e3,transform:"scale(2.5)",duration:20,delay:-20,opacity:0},{delay:-20,y:0,transform:"scale(1.6)",duration:20,opacity:1});o.to("#svgOutro",{delay:10,duration:70,rotateY:809});o.fromTo("#txt-container-2",{display:"flex",duration:0},{display:"none",duration:0});o.to("#svgOutro",{visibility:"hidden"});o.fromTo("#textAllCtn",{visibility:"hidden",rotateY:-90,duration:8},{visibility:"visible",rotateY:0,duration:8,delay:15});o.staggerTo([".charSpan"],1,{color:"#D1D821",stagger:1,duration:80},2);o.to(".charSpan",{delay:10});o.to("#textAllCtn",{scale:.6,y:-100,duration:15});o.to(".subTextContainer",{y:0,visibility:"visible"});o.fromTo("nav .social-ctn a",{scale:1,duration:4},{scale:0,duration:4});o.fromTo(".svgSocial",{scale:0,duration:10},{scale:1,duration:10});o.staggerTo([".charSpan2"],3,{color:"#D1D821",opacity:1,duration:25},.5);})(); //# sourceMappingURL=bundle.js.map diff --git a/bundle.js.map b/bundle.js.map index 290d71b..8db9fa7 100644 --- a/bundle.js.map +++ b/bundle.js.map @@ -1,7 +1,7 @@ { "version": 3, "sources": ["src/index.js"], - "sourcesContent": ["// Function to check if the screen width is 900px or less\r\nfunction isMobile() {\r\n return window.innerWidth <= 900;\r\n}\r\n\r\nlet countdownStarted = false;\r\nlet countdownInterval;\r\n\r\nfunction startCountdown() {\r\n // Check if the countdown has already started\r\n if (!countdownStarted) {\r\n countdownStarted = true;\r\n\r\n // Clear any existing interval before starting a new one\r\n clearInterval(countdownInterval);\r\n\r\n let minutes = 1;\r\n let seconds = 30;\r\n let milliseconds = 1000;\r\n\r\n countdownInterval = setInterval(function () {\r\n milliseconds -= 100;\r\n\r\n if (milliseconds <= 0) {\r\n milliseconds = 1000;\r\n seconds--;\r\n\r\n if (seconds <= 0) {\r\n minutes--;\r\n\r\n if (minutes === 0 && seconds === 0) {\r\n minutes = 1;\r\n seconds = 30;\r\n milliseconds = 1000;\r\n startCountdown();\r\n } else {\r\n seconds = 59;\r\n }\r\n }\r\n }\r\n\r\n // Format the time as 00:00:00:00\r\n const formattedTime = `00:${String(minutes).padStart(2, \"0\")}:${String(\r\n seconds\r\n ).padStart(2, \"0\")}:${String(Math.floor(milliseconds / 100)).padStart(\r\n 2,\r\n \"0\"\r\n )}`;\r\n\r\n // Render the formatted time\r\n renderCountdown(formattedTime);\r\n }, 100);\r\n }\r\n}\r\n\r\nfunction renderCountdown(time) {\r\n // Assuming countdown is the ID of your container\r\n const countdownContainer = document.getElementById(\"countdown-timer\");\r\n if (countdownContainer) {\r\n countdownContainer.innerText = time;\r\n }\r\n}\r\n\r\n/* var paths = document.querySelectorAll(\".path\");\r\n\r\npaths.forEach((path) => {\r\n var length = path.getTotalLength();\r\n path.style.transition = path.style.WebkitTransition = \"none\";\r\n path.style.strokeDasharray = length + \" \" + length;\r\n path.style.strokeDashoffset = length;\r\n path.getBoundingClientRect();\r\n path.style.transition = path.style.WebkitTransition =\r\n \"stroke-dashoffset 2s ease-in-out\";\r\n path.style.strokeDashoffset = \"0\";\r\n}); */\r\n\r\n/* gsap config */\r\n\r\ngsap.registerPlugin(ScrollTrigger, ScrollToPlugin);\r\n\r\n/* Lenis config */\r\n\r\nconst lenis = new Lenis();\r\n\r\nfunction raf(time) {\r\n lenis.raf(time);\r\n requestAnimationFrame(raf);\r\n}\r\n\r\nrequestAnimationFrame(raf);\r\n\r\nwindow.onload = () => {\r\n const init = document.getElementById(\"init\");\r\n init.style.display = \"none\";\r\n};\r\n\r\nconst timeout = setTimeout(() => {\r\n window.location.href = \"/harrison-web/404.html\"; // Adjust the path as needed\r\n}, 10000); // 5 seconds in milliseconds\r\n\r\n// Clear the timeout if the content loads before the timeout triggers\r\nwindow.addEventListener(\"load\", () => {\r\n clearTimeout(timeout);\r\n});\r\n\r\n/* ********* Timeline ********* */\r\n\r\nconst mainTimeline = gsap.timeline({\r\n scrollTrigger: {\r\n trigger: \"main.wrapper\",\r\n start: \"top top\",\r\n end: \"bottom+=3000% bottom\",\r\n scrub: true,\r\n pin: true,\r\n inertia: true,\r\n },\r\n});\r\n\r\n/* ************* DOM elements ************ */\r\nconst html = document.querySelector(\"html\");\r\nconst body = document.getElementById(\"body\");\r\nconst collapse = document.getElementById(\"collapse\");\r\nconst menu = document.getElementById(\"menu\");\r\nconst navItems = document.getElementsByClassName(\"nav-item\");\r\nconst separators = document.getElementsByClassName(\"separator\");\r\nconst icon = document.getElementById(\"buttonIcon\");\r\nconst social = document.querySelectorAll(\".social-img\");\r\nconst wrapperCtn = document.querySelector(\".wrapper\");\r\nconst expandBtns = document.querySelectorAll(\".expand\");\r\nconst expandBtnImgs = document.querySelectorAll(\".btn-img\");\r\n\r\n/* ********* CURSOR *********** */\r\n\r\nbody.addEventListener(\"mousemove\", (e) => {\r\n if (isMobile()) {\r\n return;\r\n }\r\n\r\n let bubbles = document.createElement(\"bubbles\");\r\n let x = e.pageX;\r\n let y = e.pageY;\r\n\r\n bubbles.style.left = x + \"px\";\r\n bubbles.style.top = y + \"px\";\r\n bubbles.style.width = 25 + \"px\";\r\n bubbles.style.height = 25 + \"px\";\r\n\r\n if (document.body.className.match(\"open\")) {\r\n bubbles.style.background = \"rgb(29, 62, 78)\";\r\n bubbles.style.boxShadow =\r\n \"10px 10px 30px rgb(29, 62, 78), -10px -10px 30px rgb(29, 62, 78)\";\r\n } else {\r\n bubbles.style.background = \"#D1D821\";\r\n bubbles.style.boxShadow =\r\n \"10px 10px 30px #D1D821, -10px -10px 30px #D1D821\";\r\n }\r\n\r\n document.body.appendChild(bubbles);\r\n\r\n setTimeout(function () {\r\n bubbles.remove();\r\n }, 500);\r\n});\r\n\r\n/* ********* end CURSOR *********** */\r\n\r\n/****** menu ***** */\r\n\r\nconst menuTl = gsap.timeline({ paused: true });\r\n\r\nif (isMobile()) {\r\n menuTl.fromTo(\r\n menu,\r\n {\r\n y: 1000,\r\n opacity: 0,\r\n background: \"transparent\",\r\n display: \"none\",\r\n ease: \"power2.inOut\",\r\n },\r\n {\r\n y: 0,\r\n duration: 0.5,\r\n opacity: 1,\r\n background: \"rgb(203, 219, 67)\",\r\n display: \"block\",\r\n ease: \"power2.inOut\",\r\n }\r\n );\r\n\r\n menuTl.fromTo(\r\n separators,\r\n {\r\n y: 1000,\r\n },\r\n {\r\n y: 0,\r\n transformOrigin: \"100% 50%\",\r\n duration: 0.5,\r\n }\r\n );\r\n} else {\r\n menuTl.fromTo(\r\n menu,\r\n {\r\n x: 1000,\r\n opacity: 0,\r\n background: \"transparent\",\r\n display: \"none\",\r\n ease: \"power2.inOut\",\r\n },\r\n {\r\n x: 0,\r\n duration: 0.5,\r\n opacity: 1,\r\n background: \"rgb(203, 219, 67)\",\r\n display: \"block\",\r\n ease: \"power2.inOut\",\r\n }\r\n );\r\n\r\n menuTl.fromTo(\r\n separators,\r\n {\r\n x: 1000,\r\n },\r\n {\r\n x: 0,\r\n transformOrigin: \"100% 50%\",\r\n duration: 0.5,\r\n }\r\n );\r\n}\r\n\r\nmenuTl.fromTo(\r\n navItems,\r\n {\r\n opacity: 0,\r\n y: 50,\r\n },\r\n {\r\n opacity: 1,\r\n y: 0,\r\n duration: 0.5,\r\n }\r\n);\r\n\r\nlet isRotated = false;\r\n\r\ncollapse.addEventListener(\"click\", () => {\r\n // Check if the timeline is reversing\r\n const isReversing = menuTl.isActive() && menuTl.reversed();\r\n\r\n // Disable the button if the timeline is reversing\r\n if (isReversing) {\r\n return;\r\n }\r\n\r\n isRotated = !isRotated;\r\n icon.src = isRotated ? \"src/assets/x-dark.png\" : \"src/assets/Menu.png\";\r\n collapse.style.transform = isRotated ? \"rotate(90deg)\" : \"rotate(0deg)\";\r\n\r\n if (body.className.match(\"close\")) {\r\n body.className = \"open\";\r\n social[0].src = \"src/assets/mail-dark.png\";\r\n social[1].src = \"src/assets/whatsapp-dark.png\";\r\n social[2].src = \"src/assets/ig-dark.png\";\r\n social[3].src = \"src/assets/Linkedin-dark.png\";\r\n } else if (body.className.includes(\"open\")) {\r\n body.className = \"close\";\r\n social[0].src = \"src/assets/mail.png\";\r\n social[1].src = \"src/assets/wsp.png\";\r\n social[2].src = \"src/assets/ig.png\";\r\n social[3].src = \"src/assets/Linkedin.png\";\r\n }\r\n if (menuTl.totalProgress() === 0) {\r\n menuTl.play();\r\n } else if (menuTl.totalProgress() > 0) {\r\n menuTl.reverse();\r\n }\r\n});\r\n\r\nlet links = gsap.utils.toArray(\".nav-link\");\r\n\r\nlinks.forEach((a) => {\r\n a.addEventListener(\"click\", (e) => {\r\n e.preventDefault();\r\n \r\n if (a.innerText.toLowerCase() === `inicio`) {\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"intro\"),\r\n });\r\n } else if (a.innerText.toLowerCase() === `portfolio`) {\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"portfolio\"),\r\n });\r\n } else if (a.innerText.toLowerCase() === `servicios`) {\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"servicios\"),\r\n });\r\n } else if (a.innerText.toLowerCase() === `clientes`) {\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"clientes\"),\r\n });\r\n }\r\n\r\n isRotated = !isRotated;\r\n icon.src = isRotated ? \"src/assets/x-dark.png\" : \"src/assets/Menu.png\";\r\n collapse.style.transform = isRotated ? \"rotate(90deg)\" : \"rotate(0deg)\";\r\n if (body.className.match(\"close\")) {\r\n body.className = \"open\";\r\n social[0].src = \"src/assets/mail-dark.png\";\r\n social[1].src = \"src/assets/whatsapp-dark.png\";\r\n social[2].src = \"src/assets/ig-dark.png\";\r\n social[3].src = \"src/assets/Linkedin-dark.png\";\r\n } else if (body.className.includes(\"open\")) {\r\n body.className = \"close\";\r\n social[0].src = \"src/assets/mail.png\";\r\n social[1].src = \"src/assets/wsp.png\";\r\n social[2].src = \"src/assets/ig.png\";\r\n social[3].src = \"src/assets/Linkedin.png\";\r\n }\r\n\r\n if (menuTl.paused() || menuTl.totalProgress() === 0) {\r\n menuTl.play();\r\n } else if (menuTl) {\r\n menuTl.reverse();\r\n }\r\n });\r\n});\r\n\r\n\r\n/* ****************** Intro dom ****************** */\r\n\r\nconst logoCtn = document.getElementById(\"init\");\r\nconst scrollCtn = document.getElementById(\"scrollea\");\r\nconst videoCamara = document.getElementById(\"video-camara\");\r\nconst middleVideo = document.getElementById(\"middleVidCtn\");\r\nconst tiempoVideo = document.getElementById(\"tiempoVidCtn\");\r\nconst progressBar = document.getElementById(\"progressbar-ctn\");\r\nconst nav = document.querySelector(\"nav\");\r\n\r\n/* ****************** end intro dom ****************** */\r\n\r\n/* ****************** Portfolio dom ****************** */\r\n\r\nlet txtCtn = document.querySelectorAll(\".text-ctn-1\");\r\nlet titleOuterCtn = document.querySelectorAll(\"section.portfolio fieldset\");\r\nlet titleCtn = document.querySelectorAll(\"section.portfolio li h2\");\r\nlet hoveredTitleCtn = document.querySelectorAll(\r\n \"section.portfolio li h2:hover\"\r\n);\r\nlet descCtn = document.querySelectorAll(\".desc-ctn\");\r\nlet ctnHr = document.querySelectorAll(\"hr.ctn-line\");\r\nlet previewVideos = document.querySelectorAll(\".preview-video\");\r\nlet logoPortfolio = document.querySelector(\".logo-box\");\r\nlet videoOverlay = document.querySelector(\".vid-overlay\");\r\nlet videoTiempo = document.querySelector(\"#tiempoVidCtn\");\r\nlet videoTiempoSection = document.querySelector(\"section#video-tiempo\");\r\nlet txtContainers = document.querySelectorAll(\".child .text-ctn\");\r\nlet txtInnerCtn = document.querySelectorAll(\".child .text-ctn ol\");\r\n\r\n// modals\r\nconst liElements = [];\r\nliElements.push(document.querySelector(\"#eugenie h2\"));\r\nliElements.push(document.querySelector(\"#delsud h2\"));\r\nliElements.push(document.querySelector(\"#flexy h2\"));\r\n\r\nconst modal = document.getElementById(\"modal\");\r\nconst modalContent = document.getElementById(\"modalContent\");\r\nconst videoEl = document.getElementById(\"modalVideo\");\r\nconst closeModal = document.getElementById(\"closeModal\");\r\nconst middleVidSection = document.getElementById(\"middleVidCtn\");\r\nconst portfolioSection = document.getElementById(\"portfolio\");\r\n\r\nconst videos = [\r\n \"src/assets/casos/eugenie-comp.webm\",\r\n \"src/assets/casos/delsud-comp.webm\",\r\n \"src/assets/casos/flexy-comp.webm\",\r\n];\r\nlet currentVideo = null;\r\n\r\nif (isMobile()) {\r\n middleVidSection.src = \"src/assets/calidad-vertical.webm\";\r\n} else {\r\n middleVidSection.src = \"src/assets/calidad.webm\";\r\n}\r\n\r\nif (isMobile()) {\r\n videoTiempo.src = \"src/assets/Video-tiempo_v.mp4\";\r\n} else {\r\n videoTiempo.src = \"src/assets/video-tiempo.webm\";\r\n}\r\n\r\n/* ****************** end Portfolio dom ****************** */\r\n\r\n/* ****************** Middle dom ****************** */\r\n\r\nmiddleVideo.addEventListener(\"ended\", () => {\r\n middleVideo.style.display = \"none\";\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"start-tiempo\"),\r\n });\r\n middleVideo.currentTime = 0;\r\n middleVideo.load();\r\n});\r\n\r\nlet ctn = document.querySelectorAll(\".child\");\r\nlet childTitleCtn = document.querySelectorAll(\".child .title-ctn\");\r\n\r\nif (isMobile()) {\r\n let isOpen = false;\r\n // console.log(txtContainers);\r\n\r\n expandBtns.forEach((btn, index) => {\r\n btn.addEventListener(\"click\", () => {\r\n isOpen = !isOpen; // Toggle the isOpen variable\r\n\r\n if (isOpen) {\r\n expandBtnImgs[index].src = \"src/assets/contract.png\";\r\n\r\n for (let i = 0; i < txtInnerCtn.length; i++) {\r\n if (index === 0) {\r\n txtInnerCtn[0].classList.add(\"reveal\");\r\n } else if (index === 1) {\r\n txtInnerCtn[1].classList.add(\"reveal\");\r\n txtInnerCtn[2].classList.add(\"reveal\");\r\n gsap.to(ctn[2], 0.3, {\r\n y: 100,\r\n });\r\n } else if (index === 2) {\r\n txtInnerCtn[3].classList.add(\"reveal\");\r\n }\r\n }\r\n\r\n gsap.to(childTitleCtn[index], 0.3, {\r\n y: -160,\r\n });\r\n\r\n if (index === 1) {\r\n gsap.to(expandBtns[1], 0.3, {\r\n y: 350,\r\n });\r\n } else {\r\n gsap.to(expandBtns[index], 0.3, {\r\n y: 130,\r\n });\r\n }\r\n } else {\r\n expandBtnImgs[index].src = \"src/assets/expand.png\";\r\n\r\n for (let i = 0; i < txtInnerCtn.length; i++) {\r\n if (index === 0) {\r\n txtInnerCtn[0].classList.remove(\"reveal\");\r\n } else if (index === 1) {\r\n txtInnerCtn[1].classList.remove(\"reveal\");\r\n txtInnerCtn[2].classList.remove(\"reveal\");\r\n gsap.to(ctn[2], 0.3, {\r\n y: 0,\r\n });\r\n } else if (index === 2) {\r\n txtInnerCtn[3].classList.remove(\"reveal\");\r\n }\r\n }\r\n\r\n gsap.to(childTitleCtn[index], 0.5, {\r\n y: 0,\r\n });\r\n\r\n gsap.to(expandBtns[index], 0.5, {\r\n y: 0,\r\n });\r\n\r\n gsap.to(expandBtns[1], 0.3, {\r\n y: 0,\r\n });\r\n }\r\n });\r\n });\r\n} else {\r\n ctn.forEach((element, index) => {\r\n element.addEventListener(\"mouseover\", (event) => hoverAcc(event, index));\r\n element.addEventListener(\"mouseout\", (event) => outAcc(event, index));\r\n });\r\n\r\n function hoverAcc(event, index) {\r\n // Calculate the original width dynamically\r\n // let originalWidth = getComputedStyle(event.currentTarget).width;\r\n\r\n gsap.to(event.currentTarget, 0.7, {\r\n width: \"2000px\",\r\n });\r\n\r\n // Use forEach to iterate over siblings\r\n event.currentTarget.parentNode.childNodes.forEach((sibling) => {\r\n if (sibling !== event.currentTarget && sibling.nodeType === 1) {\r\n gsap.to(sibling, 0.7, {\r\n width: \"1000px\",\r\n });\r\n }\r\n });\r\n\r\n // Check if the hovered element is the second or third\r\n if (index === 1 || index === 2) {\r\n gsap.to(ctn[0], 0.7, {\r\n marginLeft: \"-100px\",\r\n });\r\n }\r\n\r\n if (index === 1) {\r\n gsap.to(ctn[1], 0.7, {\r\n width: \"3000px\",\r\n });\r\n\r\n gsap.to(ctn[0], 0.7, {\r\n marginLeft: \"-200px\",\r\n });\r\n }\r\n }\r\n\r\n function outAcc(event, index) {\r\n // Retrieve the dynamically calculated original width\r\n let originalWidth = getComputedStyle(event.currentTarget).width;\r\n\r\n gsap.to(event.currentTarget, 0.7, {\r\n width: originalWidth,\r\n });\r\n\r\n // Use forEach to iterate over siblings\r\n event.currentTarget.parentNode.childNodes.forEach((sibling) => {\r\n if (sibling !== event.currentTarget && sibling.nodeType === 1) {\r\n gsap.to(sibling, 0.7, {\r\n width: originalWidth,\r\n });\r\n }\r\n });\r\n\r\n // Check if the hovered element is the second or third\r\n if (index === 1 || index === 2) {\r\n gsap.to(ctn[0], 0.7, {\r\n marginLeft: \"0\",\r\n });\r\n }\r\n\r\n if (index === 1) {\r\n gsap.to(ctn[1], 0.7, {\r\n width: originalWidth,\r\n });\r\n }\r\n }\r\n}\r\n\r\n/* ****************** End Middle dom ****************** */\r\n\r\n/* ****************** dom manipulation ****************** */\r\n\r\n\r\nif (isMobile()) {\r\n\r\n titleOuterCtn.forEach((element, index) => {\r\n element.addEventListener(\"click\", (event) => {\r\n element.disabled = true;\r\n event.stopPropagation();\r\n toggleClickCtn(index);\r\n });\r\n });\r\n\r\n // Add click event listener to the document\r\n document.addEventListener(\"click\", (event) => {\r\n // Convert titleOuterCtn to an array\r\n const titleOuterArray = Array.from(titleOuterCtn);\r\n\r\n // Check if the clicked element is not inside any fieldset\r\n if (!titleOuterArray.some((fieldset) => fieldset.contains(event.target))) {\r\n // Trigger animateOut for each element\r\n titleOuterArray.forEach((element, index) => {\r\n element.disabled = true;\r\n animateOut(index);\r\n titleCtn[index].style.zIndex = -1;\r\n });\r\n }\r\n });\r\n\r\n function toggleClickCtn(index) {\r\n titleOuterCtn.forEach((element, i) => {\r\n if (i !== index) {\r\n element.disabled = true;\r\n titleCtn[i].style.zIndex = -1;\r\n animateOut(i);\r\n }\r\n });\r\n\r\n titleCtn[index].style.zIndex = 10;\r\n\r\n gsap.to(ctnHr[index], 0.5, {\r\n margin: \"20 0 10 0\",\r\n });\r\n gsap.to(descCtn[index], 0.3, {\r\n y: 0,\r\n opacity: 1,\r\n });\r\n gsap.to(titleCtn[index], 0.3, {\r\n color: \"rgb(203, 219, 67)\",\r\n });\r\n gsap.to(titleCtn[(0, 2)], 0.7, {\r\n height: 70,\r\n });\r\n gsap.to(titleCtn[1], 0.7, {\r\n height: 120,\r\n });\r\n gsap.to(previewVideos[index], 0.4, {\r\n opacity: 1,\r\n });\r\n gsap.to(videoOverlay, 0.4, {\r\n opacity: 0.4,\r\n });\r\n gsap.to(logoPortfolio, 0.4, {\r\n opacity: 0,\r\n });\r\n }\r\n\r\n function animateOut(index) {\r\n // Your existing out function code\r\n gsap.to(ctnHr[index], 0.5, {\r\n margin: \"-12 0\",\r\n });\r\n gsap.to(descCtn[index], 0.3, {\r\n y: -100,\r\n opacity: 0,\r\n });\r\n gsap.to(titleCtn[index], 0.3, {\r\n color: \"transparent\",\r\n height: \"auto\",\r\n });\r\n gsap.to(previewVideos[index], 0.4, {\r\n opacity: 0,\r\n });\r\n gsap.to(videoOverlay, 0.4, {\r\n opacity: 1,\r\n });\r\n gsap.to(logoPortfolio, 0.4, {\r\n opacity: 0.4,\r\n });\r\n }\r\n\r\n} else {\r\n\r\n titleCtn.forEach((element, index) => {\r\n element.addEventListener(\"mouseover\", (event) => hover(event, index));\r\n element.addEventListener(\"mouseout\", (event) => out(event, index));\r\n });\r\n\r\n function hover(event, index) {\r\n gsap.to(ctnHr[index], 0.5, {\r\n margin: \"20 0 10 0\",\r\n });\r\n gsap.to(descCtn[index], 0.3, {\r\n y: 0,\r\n opacity: 1,\r\n });\r\n gsap.to(titleCtn[index], 0.3, {\r\n color: \"rgb(203, 219, 67)\",\r\n height: 100,\r\n });\r\n gsap.to(titleCtn[1], 0.7, {\r\n height: 190,\r\n });\r\n gsap.to(previewVideos[index], 0.4, {\r\n opacity: 1,\r\n });\r\n gsap.to(videoOverlay, 0.4, {\r\n opacity: 0.4,\r\n });\r\n gsap.to(logoPortfolio, 0.4, {\r\n opacity: 0,\r\n });\r\n }\r\n\r\n function out(event, index) {\r\n gsap.to(ctnHr[index], 0.5, {\r\n margin: \"-12 0\",\r\n });\r\n gsap.to(descCtn[index], 0.3, {\r\n y: -100,\r\n opacity: 0,\r\n });\r\n gsap.to(titleCtn[index], 0.3, {\r\n color: \"transparent\",\r\n height: \"auto\",\r\n });\r\n gsap.to(previewVideos[index], 0.4, {\r\n opacity: 0,\r\n });\r\n gsap.to(videoOverlay, 0.4, {\r\n opacity: 1,\r\n });\r\n gsap.to(logoPortfolio, 0.4, {\r\n opacity: 0.4,\r\n });\r\n }\r\n}\r\n\r\nliElements.forEach((liElement, index) =>\r\n liElement.addEventListener(\"click\", () => {\r\n if (currentVideo && currentVideo.parentNode) {\r\n currentVideo.parentNode.removeChild(currentVideo);\r\n }\r\n // Save the current scroll position\r\n // const scrollPosition = window.scrollY;\r\n\r\n // Disable body scrolling\r\n // wrapperCtn.style.overflow = \"hidden\";\r\n let newVideo = document.createElement(\"video\");\r\n newVideo.id = \"modalVideo\";\r\n let swapSrc = document.createElement(\"source\");\r\n swapSrc.src = videos[index];\r\n newVideo.appendChild(swapSrc);\r\n modalContent.appendChild(newVideo);\r\n modal.classList.remove(\"hidden\");\r\n modal.classList.add(\"shown\");\r\n // wrapperCtn.style.top = `-${scrollPosition}px`;\r\n newVideo.play();\r\n currentVideo = newVideo;\r\n // mainTimeline.scrub = 0;\r\n // mainTimeline.scrollTrigger.pause();\r\n mainTimeline.seek(\"portfolio\");\r\n body.style.position = \"fixed\";\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"portfolio\"),\r\n });\r\n // wrapperCtn.style.zIndex = \"500 !important\";\r\n\r\n // mainTimeline.scrollTrigger.disable(false);\r\n })\r\n);\r\n\r\ncloseModal.addEventListener(\"click\", () => {\r\n if (currentVideo) {\r\n setTimeout(() => {\r\n currentVideo.pause();\r\n currentVideo.parentNode.removeChild(currentVideo);\r\n currentVideo = null;\r\n modal.classList.remove(\"shown\");\r\n modal.classList.add(\"hidden\");\r\n }, 500);\r\n \r\n // progress.style.zIndex = \"0 !important\";\r\n }\r\n wrapperCtn.style.overflow = \"\";\r\n // const scrollPosition = parseInt(document.body.style.top || \"0\", 10);\r\n wrapperCtn.style.top = \"\";\r\n // window.scrollTo(0, -scrollPosition);\r\n\r\n\r\n mainTimeline.seek(\"portfolio\");\r\n body.style.position = \"absolute\";\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"portfolio\"),\r\n });\r\n\r\n // mainTimeline.scrollTrigger.enable(true);\r\n});\r\n\r\n/* ****************** end dom manipulation ****************** */\r\n\r\n/* ****************** end Portfolio dom ****************** */\r\n\r\n/* ******* Init svg animation ******* */\r\n\r\n/* ********** Frame animation function ********** */\r\n\r\n/* ******** Video frames ******** */\r\n\r\nlet urls1 = new Array(380)\r\n .fill()\r\n .map(\r\n (_, i) => `src/assets/camara-frames/introframes(${(i + 1).toString()}).webp`\r\n );\r\n\r\nurls1.forEach((url) => {\r\n let img = new Image();\r\n img.src = url;\r\n img.class = \"camara\";\r\n videoCamara.appendChild(img);\r\n});\r\n\r\n/* *********** END TIMELINE ********** */\r\n\r\n/* *********** INTRO SCROLLING ********** */\r\n\r\nmainTimeline\r\n .fromTo(\r\n \"#scrollea\",\r\n {\r\n display: \"none\",\r\n },\r\n {\r\n display: \"flex\",\r\n }\r\n )\r\n .addLabel(\"intro\");\r\n\r\nmainTimeline.fromTo(\r\n \"#scrollea\",\r\n {\r\n opacity: 1,\r\n duration: 8,\r\n x: 0,\r\n },\r\n {\r\n opacity: 0,\r\n duration: 8,\r\n x: -100,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#scrollea\",\r\n {\r\n display: \"flex\",\r\n },\r\n {\r\n display: \"none\",\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video\",\r\n {\r\n display: \"none\",\r\n },\r\n {\r\n display: \"flex\",\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-camara\",\r\n {\r\n opacity: 0,\r\n duration: 5,\r\n },\r\n {\r\n opacity: 1,\r\n duration: 5,\r\n }\r\n);\r\n\r\nconst cameraFrames = gsap.utils.toArray(\"#video-camara img\");\r\n\r\ncameraFrames.forEach((img, index) => {\r\n mainTimeline.fromTo(\r\n img,\r\n {\r\n display: \"none\",\r\n },\r\n {\r\n display: \"block\",\r\n stagger: 0.3,\r\n duration: 0.5,\r\n }\r\n );\r\n if (index < cameraFrames.length - 1) {\r\n mainTimeline.set(img, { display: \"none\" });\r\n }\r\n});\r\n\r\nmainTimeline.to(\"#video-camara\", {\r\n delay: 10,\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"#texto\",\r\n {\r\n transform: \"scale(0)\",\r\n opacity: 0,\r\n duration: 10,\r\n delay: -50,\r\n },\r\n {\r\n transform: \"scale(1)\",\r\n opacity: 1,\r\n duration: 20,\r\n delay: -50,\r\n }\r\n);\r\n\r\nmainTimeline.to(\".fill\", {\r\n color: \"#D1D821\",\r\n stagger: 3,\r\n duration: 10,\r\n delay: 1,\r\n});\r\n\r\nmainTimeline.to(\"#texto\", {\r\n y: -800,\r\n duration: 30,\r\n delay: 5,\r\n});\r\n\r\nmainTimeline.to(\"#intro\", {\r\n opacity: 0,\r\n duration: 8,\r\n scrollTrigger: \"#portfolio\",\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"#intro\",\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n }\r\n);\r\n\r\n/* *********** END INTRO SCROLLING ********** */\r\n\r\n/* *********** PORTFOLIO SCROLLING ********** */\r\n\r\nmainTimeline.fromTo(\r\n \"#portfolio\",\r\n {\r\n display: \"none\",\r\n delay: -50,\r\n },\r\n {\r\n display: \"block\",\r\n delay: -50,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".portfolio\",\r\n {\r\n opacity: 0,\r\n zIndex: -1,\r\n delay: -30,\r\n },\r\n {\r\n opacity: 1,\r\n delay: -30,\r\n duration: 10,\r\n zIndex: 2,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#intro\",\r\n {\r\n zIndex: 1,\r\n visibility: \"visible\",\r\n },\r\n {\r\n zIndex: -1,\r\n visibility: \"hidden\",\r\n }\r\n);\r\n\r\n// Conditional tweens based on screen width\r\nif (isMobile()) {\r\n // If the screen width is 900px or less\r\n mainTimeline.fromTo(\r\n \".bg-rodaje\",\r\n {\r\n yPercent: 40,\r\n duration: 25,\r\n opacity: 0.8,\r\n scrollTrigger: \".sup-rodaje\",\r\n ease: \"power1.inOut\",\r\n },\r\n {\r\n yPercent: 0,\r\n duration: 25,\r\n opacity: 0.8,\r\n scrollTrigger: \".sup-rodaje\",\r\n ease: \"power1.inOut\",\r\n }\r\n );\r\n\r\n mainTimeline.fromTo(\r\n \".sup-rodaje\",\r\n {\r\n delay: 3,\r\n duration: 23,\r\n yPercent: 50,\r\n ease: \"power1.inOut\",\r\n },\r\n {\r\n delay: 3,\r\n duration: 23,\r\n yPercent: 0,\r\n ease: \"power1.inOut\",\r\n }\r\n );\r\n} else {\r\n // If the screen width is greater than 900px\r\n mainTimeline.to(\".bg-rodaje\", {\r\n yPercent: -66,\r\n duration: 25,\r\n opacity: 0.8,\r\n scrollTrigger: \".sup-rodaje\",\r\n ease: \"power1.inOut\",\r\n });\r\n\r\n mainTimeline.to(\".sup-rodaje\", {\r\n delay: 3,\r\n duration: 23,\r\n yPercent: -66,\r\n ease: \"power1.inOut\",\r\n });\r\n}\r\n\r\nmainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 0,\r\n y: 200,\r\n },\r\n {\r\n opacity: 1,\r\n y: 0,\r\n duration: 2,\r\n delay: -5,\r\n }\r\n);\r\n\r\nmainTimeline.to(\".txt-ctn-1 .txt-row h2\", {\r\n opacity: 1,\r\n duration: 5,\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-1 .dup-ctn span\", {\r\n opacity: 1,\r\n stagger: 1,\r\n duration: 3,\r\n scrollTrigger: \".dup-ctn span\",\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-1 .dup-ctn span\", {\r\n color: \"#D1D821\",\r\n stagger: 1,\r\n duration: 3,\r\n delay: 5,\r\n});\r\n\r\nmainTimeline.to(\".sup-rodaje.zoomed\", {\r\n duration: 3,\r\n opacity: 1,\r\n delay: 10,\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-1\", {\r\n duration: 5,\r\n opacity: 0,\r\n});\r\n\r\nmainTimeline.to(\"#rect1\", {\r\n attr: { rx: \"8.5\", y: \"34\", width: \"17\", height: \"43.4444\" },\r\n fill: \"#D9D9D9\",\r\n duration: 1,\r\n});\r\n\r\nmainTimeline.to(\"#rect2\", {\r\n attr: { rx: \"12.2778\", y: \"0\", width: \"24.5556\", height: \"86.8889\" },\r\n fill: \"#CBDB43\",\r\n duration: 1,\r\n});\r\n\r\nif (isMobile()) {\r\n mainTimeline.to(\".sup-rodaje\", {\r\n duration: 10,\r\n scale: 2.5,\r\n transformOrigin: \"49% bottom\",\r\n scrollTrigger: \".txt-ctn-2 .txt-row h2, .bg-overlay\",\r\n });\r\n} else {\r\n mainTimeline.to(\".sup-rodaje\", {\r\n duration: 10,\r\n scale: 2.5,\r\n transformOrigin: \"32% bottom\",\r\n scrollTrigger: \".txt-ctn-2 .txt-row h2, .bg-overlay\",\r\n });\r\n}\r\n\r\nmainTimeline.to(\".bg-overlay\", {\r\n duration: 5,\r\n opacity: 0.3,\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-2 .txt-row h2\", {\r\n opacity: 1,\r\n duration: 4,\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-2 .dup-ctn span\", {\r\n opacity: 1,\r\n stagger: 1,\r\n duration: 2,\r\n scrollTrigger: \".dup-ctn span\",\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-2 .dup-ctn span\", {\r\n color: \"#D1D821\",\r\n stagger: 1,\r\n duration: 2,\r\n delay: 4,\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-2\", {\r\n opacity: 0,\r\n duration: 4,\r\n delay: 4,\r\n});\r\n\r\nif (isMobile()) {\r\n // Additional animations from animateOut()\r\n mainTimeline.to(\".ctn-line\", {\r\n margin: \"-12 0\",\r\n duration: 0.5,\r\n }, \"-=0.5\");\r\n \r\n mainTimeline.to(\".desc-ctn\", {\r\n y: -100,\r\n opacity: 0,\r\n duration: 0.5,\r\n }, \"-=0.5\");\r\n \r\n mainTimeline.to(\"section.portfolio li h2\", {\r\n color: \"transparent\",\r\n height: \"auto\",\r\n duration: 0.5,\r\n zIndex: -1\r\n }, \"-=0.5\");\r\n \r\n mainTimeline.to(\".preview-video\", {\r\n opacity: 0,\r\n duration: 0.5,\r\n }, \"-=0.5\");\r\n \r\n mainTimeline.to(\".vid-overlay\", {\r\n opacity: 1,\r\n duration: 0.5,\r\n }, \"-=0.5\");\r\n \r\n mainTimeline.to(\".logo-box\", {\r\n opacity: 0.4,\r\n duration: 0.5,\r\n }, \"-=0.5\");\r\n}\r\n\r\nmainTimeline.to(\".pf-accordion-outer\", {\r\n opacity: 1,\r\n duration: 4,\r\n scrollTrigger: \".bg-overlay\",\r\n zIndex: 20,\r\n});\r\n\r\nmainTimeline.to(\".bg-overlay\", {\r\n duration: 4,\r\n opacity: 0.5,\r\n scrollTrigger: \".pf-accordion-outer ol li h2\",\r\n});\r\n\r\nmainTimeline.to(\".pf-accordion-outer ol li h2\", {\r\n y: 0,\r\n opacity: 1,\r\n stagger: 1,\r\n duration: 3,\r\n delay: 2,\r\n // zIndex: -1\r\n});\r\n\r\nmainTimeline.to(\".pf-accordion\", {\r\n delay: 10,\r\n opacity: 1,\r\n duration: 2,\r\n}).addLabel(\"portfolio\");\r\n\r\nmainTimeline.to(\".pf-accordion\", {\r\n delay: 5,\r\n opacity: 0,\r\n duration: 6,\r\n scrollTrigger: \".pf-accordion\",\r\n});\r\n\r\nmainTimeline.to(\".pf-accordion-outer ol li h2\", {\r\n y: 30,\r\n opacity: 0,\r\n stagger: 1,\r\n delay: 4,\r\n duration: 5,\r\n});\r\n\r\nmainTimeline.to(\".pf-accordion-outer ol li h2\", {\r\n duration: 0,\r\n display: \"none\",\r\n});\r\n\r\nif (isMobile()) {\r\n// Additional animations from animateOut()\r\nmainTimeline.to(\".ctn-line\", {\r\n margin: \"-12 0\",\r\n duration: 0.5,\r\n}, \"-=0.5\");\r\n\r\nmainTimeline.to(\".desc-ctn\", {\r\n y: -100,\r\n opacity: 0,\r\n duration: 0.5,\r\n}, \"-=0.5\");\r\n\r\nmainTimeline.to(\"section.portfolio li h2\", {\r\n color: \"transparent\",\r\n height: \"auto\",\r\n duration: 0.5,\r\n zIndex: -1\r\n}, \"-=0.5\");\r\n\r\nmainTimeline.to(\".preview-video\", {\r\n opacity: 0,\r\n duration: 0.5,\r\n}, \"-=0.5\");\r\n\r\nmainTimeline.to(\".vid-overlay\", {\r\n opacity: 1,\r\n duration: 0.5,\r\n}, \"-=0.5\");\r\n\r\nmainTimeline.to(\".logo-box\", {\r\n opacity: 0.4,\r\n duration: 0.5,\r\n}, \"-=0.5\");\r\n}\r\n\r\nif (isMobile()) {\r\n mainTimeline.fromTo(\r\n \".sup-rodaje.zoomed, .sup-rodaje\",\r\n {\r\n transformOrigin: \"49% 100%\",\r\n scale: 2.5,\r\n duration: 5,\r\n y: 0,\r\n },\r\n {\r\n delay: 4,\r\n duration: 10,\r\n scale: 30,\r\n y: 1300,\r\n transformOrigin: \"50% 100%\",\r\n scrollTrigger: \".box-ctn\",\r\n }\r\n );\r\n} else {\r\n mainTimeline.to(\".sup-rodaje\", {\r\n delay: 4,\r\n duration: 10,\r\n width: \"450%\",\r\n left: \"-290%\",\r\n top: \"-200%\",\r\n scrollTrigger: \".box-ctn\",\r\n });\r\n}\r\n\r\nif (isMobile()) {\r\n mainTimeline.fromTo(\r\n \".vid-overlay\",\r\n {\r\n opacity: 1,\r\n duration: 1,\r\n },\r\n {\r\n opacity: 0,\r\n duration: 1,\r\n }\r\n );\r\n mainTimeline.fromTo(\r\n \".box-ctn\",\r\n {\r\n backgroundColor: \"transparent\",\r\n duration: 5,\r\n },\r\n {\r\n backgroundColor: \"transparent\",\r\n duration: 5,\r\n }\r\n );\r\n mainTimeline.to(\".box-ctn\", {\r\n delay: -2,\r\n duration: 9,\r\n transform: \"scale(4.1)\",\r\n top: \"50%\",\r\n });\r\n} else {\r\n mainTimeline.to(\".box-ctn\", {\r\n delay: 4,\r\n duration: 7.5,\r\n transform: \"scale(4)\",\r\n opacity: 0,\r\n xPercent: -100,\r\n top: \"30%\",\r\n });\r\n}\r\n\r\nmainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 1,\r\n y: 0,\r\n },\r\n {\r\n opacity: 0,\r\n y: 200,\r\n duration: 5,\r\n delay: 0,\r\n }\r\n);\r\n\r\nmainTimeline.to(\".portfolio\", {\r\n opacity: 0,\r\n duration: 8,\r\n});\r\n\r\n/* *********** END PORTFOLIO SCROLLING ********** */\r\n\r\n/* *********** MIDDLE SCROLLING ********** */\r\n\r\nmainTimeline.fromTo(\r\n \"#middle\",\r\n {\r\n opacity: 0,\r\n zIndex: -1,\r\n },\r\n {\r\n opacity: 1,\r\n duration: 8,\r\n delay: -10,\r\n zIndex: 3,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#middleVidCtn\",\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"block\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#middleVidCtn\",\r\n {\r\n opacity: 0,\r\n duration: 4,\r\n },\r\n {\r\n opacity: 1,\r\n duration: 4,\r\n onStart: () => {\r\n console.log('start')\r\n middleVideo.play();\r\n },\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#portfolio\",\r\n {\r\n display: \"block\",\r\n delay: 0,\r\n },\r\n {\r\n display: \"none\",\r\n delay: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#middleVidCtn\",\r\n {\r\n opacity: 1,\r\n duration: 10,\r\n delay: -10,\r\n },\r\n {\r\n opacity: 0,\r\n duration: 10,\r\n delay: 20,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#middleVidCtn\",\r\n {\r\n display: \"block\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".bg-video\",\r\n {\r\n delay: -10,\r\n opacity: 0,\r\n duration: 5,\r\n },\r\n {\r\n delay: -10,\r\n opacity: 0.1,\r\n duration: 5,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 0,\r\n delay: 5,\r\n y: 200,\r\n },\r\n {\r\n opacity: 1,\r\n y: 0,\r\n duration: 4,\r\n delay: 5,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".accordion\",\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline\r\n .fromTo(\r\n \"#middle .text\",\r\n {\r\n y: 1000,\r\n duration: 10,\r\n },\r\n {\r\n y: 0,\r\n stagger: 1,\r\n duration: 10,\r\n }\r\n )\r\n .addLabel(\"start-tiempo\");\r\n\r\nmainTimeline.to(\"#rect2\", {\r\n attr: { rx: \"8.5\", y: \"34\", width: \"17\", height: \"43.4444\" },\r\n fill: \"#D9D9D9\",\r\n duration: 1,\r\n});\r\n\r\nmainTimeline\r\n .to(\"#rect3\", {\r\n attr: { rx: \"12.2778\", y: \"0\", width: \"24.5556\", height: \"86.8889\" },\r\n fill: \"#CBDB43\",\r\n duration: 1,\r\n })\r\n .addLabel(\"servicios\");\r\n\r\nmainTimeline.to(\"#middle #text-container .letter\", {\r\n color: \"#D1D821\",\r\n stagger: 1.5,\r\n duration: 3,\r\n});\r\n\r\nif (isMobile()) {\r\n mainTimeline.fromTo(\r\n \"#middle .text\",\r\n {\r\n y: 0,\r\n },\r\n {\r\n y: -2000,\r\n delay: 3,\r\n duration: 50,\r\n scrollTrigger: \".acc-borders\",\r\n }\r\n );\r\n mainTimeline.fromTo(\r\n \".acc-borders\",\r\n {\r\n opacity: 1,\r\n x: 1000,\r\n duration: 20,\r\n width: \"0vw\",\r\n delay: -10,\r\n scrollTrigger: \".accordion #parent\",\r\n },\r\n {\r\n opacity: 1,\r\n x: 0,\r\n duration: 20,\r\n width: \"400vw\",\r\n delay: -10,\r\n scrollTrigger: \".accordion #parent\",\r\n }\r\n );\r\n mainTimeline\r\n .fromTo(\r\n \".accordion #parent\",\r\n {\r\n y: 2000,\r\n duration: 20,\r\n delay: -5,\r\n },\r\n {\r\n y: 0,\r\n duration: 20,\r\n delay: -5,\r\n }\r\n )\r\n .addLabel(\"servicios\");\r\n} else {\r\n mainTimeline.fromTo(\r\n \"#middle #text-container\",\r\n {\r\n x: 0,\r\n },\r\n {\r\n x: -2000,\r\n delay: 3,\r\n duration: 30,\r\n }\r\n );\r\n mainTimeline.to(\".acc-borders\", {\r\n opacity: 1,\r\n x: 0,\r\n duration: 20,\r\n width: \"400vw\",\r\n delay: -30,\r\n });\r\n mainTimeline\r\n .fromTo(\r\n \".accordion\",\r\n {\r\n x: 2000,\r\n delay: -20,\r\n duration: 20,\r\n },\r\n {\r\n x: 0,\r\n delay: -20,\r\n duration: 20,\r\n }\r\n )\r\n .addLabel(\"servicios\");\r\n}\r\n\r\nmainTimeline.to(\".accordion\", {\r\n rotateX: -69.3,\r\n duration: 10,\r\n delay: 30,\r\n});\r\n\r\nmainTimeline.to(\".accordion\", {\r\n opacity: 0,\r\n duration: 2,\r\n delay: -4,\r\n});\r\n\r\nmainTimeline.to(\".bg-video\", {\r\n opacity: 0,\r\n duration: 10,\r\n delay: -10,\r\n});\r\n\r\n/* *********** END MIDDLE SCROLLING ********** */\r\n\r\n/* *********** TIEMPO SCROLLING ********** */\r\n\r\nmainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 1,\r\n },\r\n {\r\n opacity: 0,\r\n duration: 16,\r\n delay: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo\",\r\n {\r\n opacity: 0,\r\n duration: 0,\r\n },\r\n {\r\n opacity: 1,\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".bg-video\",\r\n {\r\n rotateX: \"0\",\r\n duration: 0,\r\n },\r\n {\r\n rotateX: \"-65deg\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".accordion\",\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n }\r\n);\r\n\r\n/* mainTimeline.fromTo(\"svg#TEXT\", {\r\n opacity: 0,\r\n duration: 0\r\n}, {\r\n opacity: 1,\r\n duration: 0\r\n}); */\r\n\r\n// mainTimeline.to(\"#video-tiempo\", {\r\n// scrollTrigger: {\r\n// trigger: \"#video-tiempo\",\r\n// onEnter: () => {\r\n// startCountdown();\r\n// },\r\n// onLeave: () => {\r\n// stopCountdown();\r\n// }\r\n// }\r\n// });\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo\",\r\n {\r\n zIndex: -1,\r\n rotateX: 115.3,\r\n },\r\n {\r\n zIndex: 4,\r\n rotateX: 0,\r\n // translateY: -90,\r\n duration: 10,\r\n scrollTrigger: \".accordion\",\r\n onStart: () => {\r\n startCountdown();\r\n },\r\n }\r\n);\r\n\r\nmainTimeline.to(\"#video-tiempo #text-container-2 .text\", {\r\n y: 1500,\r\n duration: 0,\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"#tiempoVidCtn\",\r\n {\r\n opacity: 0,\r\n delay: -10,\r\n },\r\n {\r\n opacity: 1,\r\n duration: 6,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo #text-container-2\",\r\n {\r\n x: -2000,\r\n duration: 0,\r\n delay: -10,\r\n },\r\n {\r\n x: 0,\r\n duration: 0,\r\n delay: -10,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo #text-container-2 .text\",\r\n {\r\n y: 1500,\r\n delay: 15,\r\n },\r\n {\r\n y: 0,\r\n stagger: 0.5,\r\n duration: 8,\r\n delay: 10,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo #text-container-2 .letter\",\r\n {\r\n color: \"transparent\",\r\n duration: 4,\r\n delay: 15,\r\n },\r\n {\r\n color: \"rgb(203, 219, 67)\",\r\n stagger: 4,\r\n duration: 4,\r\n delay: 15,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo\",\r\n {\r\n rotateX: 0,\r\n duration: 20,\r\n },\r\n {\r\n rotateX: 110,\r\n duration: 20,\r\n scrollTrigger: \".accordion\",\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo\",\r\n {\r\n opacity: 1,\r\n duration: 20,\r\n scrollTrigger: \".accordion\",\r\n },\r\n {\r\n opacity: 0,\r\n // delay: 12,\r\n duration: 20,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo\",\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#txt-container-2\",\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".bg-video\",\r\n {\r\n opacity: 0,\r\n duration: 0,\r\n },\r\n {\r\n opacity: 0.1,\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".bg-video\",\r\n {\r\n rotateX: -65,\r\n duration: 20,\r\n },\r\n {\r\n rotateX: 0,\r\n duration: 20,\r\n }\r\n);\r\n\r\n/* *********** TIEMPO SCROLLING ********** */\r\n\r\n/* **************** SECCION FINAL ***************** */\r\n\r\nconst carouselCtn = document.getElementById(\"carousel-container\");\r\nconst carousel = document.getElementById(\"carouselFig\");\r\n\r\nif (carouselCtn.style.transform === \"scale(1)\") {\r\n carousel.style.animation = \"rotateAnim 30s infinite forwards\";\r\n}\r\n\r\nmainTimeline.fromTo(\r\n \"#txt-container-2\",\r\n {\r\n zIndex: -1,\r\n opacity: 0,\r\n duration: 10,\r\n delay: -20,\r\n },\r\n {\r\n zIndex: 5,\r\n opacity: 1,\r\n duration: 10,\r\n delay: -20,\r\n }\r\n);\r\n\r\nif (isMobile()) {\r\n mainTimeline.fromTo(\r\n \"#p1\",\r\n {\r\n y: 2000,\r\n x: 0\r\n },\r\n {\r\n y: 150,\r\n x: 0,\r\n duration: 25,\r\n }\r\n );\r\n\r\n mainTimeline.fromTo(\r\n \"#p2\",\r\n {\r\n y: 2000,\r\n x: 0\r\n },\r\n {\r\n y: 150,\r\n x: 0,\r\n duration: 30,\r\n delay: -18,\r\n }\r\n );\r\n\r\n mainTimeline.to(\"#p1\", {\r\n delay: 20,\r\n duration: 30,\r\n y: -2000,\r\n });\r\n\r\n mainTimeline.to(\"#p2\", {\r\n delay: -30,\r\n duration: 20,\r\n y: -50,\r\n // scrollTrigger: '#mobileBrandsCtn'\r\n });\r\n\r\n mainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 0,\r\n y: 200,\r\n },\r\n {\r\n opacity: 1,\r\n y: 0,\r\n duration: 16,\r\n delay: -2,\r\n }\r\n );\r\n\r\n mainTimeline.to(\"#rect3\", {\r\n attr: { rx: \"8.5\", y: \"34\", width: \"17\", height: \"43.4444\" },\r\n fill: \"#D9D9D9\",\r\n duration: 1,\r\n });\r\n\r\n mainTimeline.to(\"#rect4\", {\r\n attr: { rx: \"12.2778\", y: \"0\", width: \"24.5556\", height: \"86.8889\" },\r\n fill: \"#CBDB43\",\r\n duration: 1,\r\n });\r\n\r\n mainTimeline.fromTo('#mobileBrandsCtn', {\r\n visibility: 'hidden',\r\n y: 200,\r\n x: 0\r\n }, {\r\n visibility: 'visible',\r\n y: 0,\r\n x: 0,\r\n duration: 5,\r\n // scrollTrigger: '#p2'\r\n })\r\n\r\n} else {\r\n mainTimeline.fromTo(\r\n \"#p1\",\r\n {\r\n x: 2000,\r\n },\r\n {\r\n x: 0,\r\n duration: 25,\r\n }\r\n );\r\n\r\n mainTimeline.fromTo(\r\n \"#p2\",\r\n {\r\n x: 2000,\r\n },\r\n {\r\n x: 0,\r\n duration: 30,\r\n delay: -18,\r\n }\r\n );\r\n\r\n mainTimeline.to(\"#p1\", {\r\n delay: 20,\r\n duration: 30,\r\n x: -2000,\r\n });\r\n\r\n mainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 0,\r\n y: 200,\r\n },\r\n {\r\n opacity: 1,\r\n y: 0,\r\n duration: 16,\r\n delay: -2,\r\n }\r\n );\r\n\r\n mainTimeline.to(\"#p1\", {\r\n opacity: 0,\r\n duration: 0,\r\n });\r\n\r\n mainTimeline.to(\"#rect3\", {\r\n attr: { rx: \"8.5\", y: \"34\", width: \"17\", height: \"43.4444\" },\r\n fill: \"#D9D9D9\",\r\n duration: 1,\r\n });\r\n\r\n mainTimeline.to(\"#rect4\", {\r\n attr: { rx: \"12.2778\", y: \"0\", width: \"24.5556\", height: \"86.8889\" },\r\n fill: \"#CBDB43\",\r\n duration: 1,\r\n });\r\n\r\n mainTimeline.to(\"#p2\", {\r\n delay: -30,\r\n duration: 20,\r\n y: 150,\r\n });\r\n}\r\n\r\nmainTimeline.fromTo(\r\n \".flipLogoContainer\",\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#carousel-container\",\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n delay: -20,\r\n },\r\n {\r\n display: \"block\",\r\n duration: 0,\r\n delay: -20,\r\n }\r\n);\r\n\r\nmainTimeline\r\n .fromTo(\r\n \"#carousel-container\",\r\n {\r\n transform: \"scale(0)\",\r\n duration: 10,\r\n delay: -20,\r\n },\r\n {\r\n transform: \"scale(1.3)\",\r\n duration: 10,\r\n delay: -20,\r\n }\r\n )\r\n .addLabel(\"clientes\");\r\n\r\nmainTimeline.to(\"#txt-container-2\", {\r\n delay: 30,\r\n y: 800,\r\n duration: 30,\r\n transform: \"scale(0.5)\",\r\n opacity: 0,\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"#txt-container-2\",\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 1,\r\n duration: 100,\r\n },\r\n {\r\n opacity: 0,\r\n duration: 2,\r\n delay: 20,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".bg-video\",\r\n {\r\n opacity: 0.1,\r\n duration: 12,\r\n delay: -15,\r\n },\r\n {\r\n opacity: 0.2,\r\n duration: 12,\r\n delay: -15,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#svgOutro\",\r\n {\r\n y: -1000,\r\n transform: \"scale(2.5)\",\r\n duration: 20,\r\n delay: -20,\r\n opacity: 0,\r\n },\r\n {\r\n delay: -20,\r\n y: 0,\r\n transform: \"scale(1.6)\",\r\n duration: 20,\r\n opacity: 1,\r\n }\r\n);\r\n\r\nmainTimeline.to(\"#svgOutro\", {\r\n delay: 10,\r\n duration: 70,\r\n rotateY: 809,\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"#txt-container-2\",\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.to(\"#svgOutro\", {\r\n visibility: \"hidden\",\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"#textAllCtn\",\r\n {\r\n visibility: \"hidden\",\r\n rotateY: -90,\r\n duration: 8,\r\n },\r\n {\r\n visibility: \"visible\",\r\n rotateY: 0,\r\n duration: 8,\r\n delay: 15,\r\n }\r\n);\r\n\r\nmainTimeline.staggerTo(\r\n [\".charSpan\"],\r\n 1,\r\n {\r\n color: \"#D1D821\",\r\n stagger: 1,\r\n duration: 80,\r\n },\r\n 2\r\n);\r\n\r\nmainTimeline.to(\".charSpan\", {\r\n delay: 10,\r\n});\r\n\r\nmainTimeline.to(\"#textAllCtn\", {\r\n scale: 0.6,\r\n y: -100,\r\n duration: 15,\r\n});\r\n\r\nmainTimeline.to(\".subTextContainer\", {\r\n y: 0,\r\n visibility: \"visible\",\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"nav .social-ctn a\",\r\n {\r\n scale: 1,\r\n duration: 4,\r\n },\r\n {\r\n scale: 0,\r\n duration: 4,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".svgSocial\",\r\n { scale: 0, duration: 10 },\r\n { scale: 1, duration: 10 }\r\n);\r\n\r\nmainTimeline.staggerTo(\r\n [\".charSpan2\"],\r\n 3,\r\n {\r\n color: \"#D1D821\",\r\n opacity: 1,\r\n duration: 25,\r\n },\r\n 0.5\r\n);\r\n\r\n/******** JS MEDIA QUERIES ********/\r\n"], - "mappings": "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IAAK,KACP,CAAC,EAGHA,EAAa,OACX,mBACA,CACE,QAAS,EACT,EAAG,CACL,EACA,CACE,QAAS,EACT,EAAG,IACH,SAAU,EACV,MAAO,CACT,CACF,EAEAA,EAAa,GAAG,aAAc,CAC5B,QAAS,EACT,SAAU,CACZ,CAAC,EAMDA,EAAa,OACX,UACA,CACE,QAAS,EACT,OAAQ,EACV,EACA,CACE,QAAS,EACT,SAAU,EACV,MAAO,IACP,OAAQ,CACV,CACF,EAEAA,EAAa,OACX,gBACA,CACE,QAAS,OACT,SAAU,CACZ,EACA,CACE,QAAS,QACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,gBACA,CACE,QAAS,EACT,SAAU,CACZ,EACA,CACE,QAAS,EACT,SAAU,EACV,QAAS,IAAM,CACb,QAAQ,IAAI,OAAO,EACnBsB,EAAY,KAAK,CACnB,CACF,CACF,EAEAtB,EAAa,OACX,aACA,CACE,QAAS,QACT,MAAO,CACT,EACA,CACE,QAAS,OACT,MAAO,CACT,CACF,EAEAA,EAAa,OACX,gBACA,CACE,QAAS,EACT,SAAU,GACV,MAAO,GACT,EACA,CACE,QAAS,EACT,SAAU,GACV,MAAO,EACT,CACF,EAEAA,EAAa,OACX,gBACA,CACE,QAAS,QACT,SAAU,CACZ,EACA,CACE,QAAS,OACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,YACA,CACE,MAAO,IACP,QAAS,EACT,SAAU,CACZ,EACA,CACE,MAAO,IACP,QAAS,GACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,mBACA,CACE,QAAS,EACT,MAAO,EACP,EAAG,GACL,EACA,CACE,QAAS,EACT,EAAG,EACH,SAAU,EACV,MAAO,CACT,CACF,EAEAA,EAAa,OACX,aACA,CACE,QAAS,OACT,SAAU,CACZ,EACA,CACE,QAAS,OACT,SAAU,CACZ,CACF,EAEAA,EACG,OACC,gBACA,CACE,EAAG,IACH,SAAU,EACZ,EACA,CACE,EAAG,EACH,QAAS,EACT,SAAU,EACZ,CACF,EACC,SAAS,cAAc,EAE1BA,EAAa,GAAG,SAAU,CACxB,KAAM,CAAE,GAAI,MAAO,EAAG,KAAM,MAAO,KAAM,OAAQ,SAAU,EAC3D,KAAM,UACN,SAAU,CACZ,CAAC,EAEDA,EACG,GAAG,SAAU,CACZ,KAAM,CAAE,GAAI,UAAW,EAAG,IAAK,MAAO,UAAW,OAAQ,SAAU,EACnE,KAAM,UACN,SAAU,CACZ,CAAC,EACA,SAAS,WAAW,EAEvBA,EAAa,GAAG,kCAAmC,CACjD,MAAO,UACP,QAAS,IACT,SAAU,CACZ,CAAC,EAEGf,EAAS,GACXe,EAAa,OACX,gBACA,CACE,EAAG,CACL,EACA,CACE,EAAG,KACH,MAAO,EACP,SAAU,GACV,cAAe,cACjB,CACF,EACAA,EAAa,OACX,eACA,CACE,QAAS,EACT,EAAG,IACH,SAAU,GACV,MAAO,MACP,MAAO,IACP,cAAe,oBACjB,EACA,CACE,QAAS,EACT,EAAG,EACH,SAAU,GACV,MAAO,QACP,MAAO,IACP,cAAe,oBACjB,CACF,EACAA,EACG,OACC,qBACA,CACE,EAAG,IACH,SAAU,GACV,MAAO,EACT,EACA,CACE,EAAG,EACH,SAAU,GACV,MAAO,EACT,CACF,EACC,SAAS,WAAW,IAEvBA,EAAa,OACX,0BACA,CACE,EAAG,CACL,EACA,CACE,EAAG,KACH,MAAO,EACP,SAAU,EACZ,CACF,EACAA,EAAa,GAAG,eAAgB,CAC9B,QAAS,EACT,EAAG,EACH,SAAU,GACV,MAAO,QACP,MAAO,GACT,CAAC,EACDA,EACG,OACC,aACA,CACE,EAAG,IACH,MAAO,IACP,SAAU,EACZ,EACA,CACE,EAAG,EACH,MAAO,IACP,SAAU,EACZ,CACF,EACC,SAAS,WAAW,GAGzBA,EAAa,GAAG,aAAc,CAC5B,QAAS,MACT,SAAU,GACV,MAAO,EACT,CAAC,EAEDA,EAAa,GAAG,aAAc,CAC5B,QAAS,EACT,SAAU,EACV,MAAO,EACT,CAAC,EAEDA,EAAa,GAAG,YAAa,CAC3B,QAAS,EACT,SAAU,GACV,MAAO,GACT,CAAC,EAMDA,EAAa,OACX,mBACA,CACE,QAAS,CACX,EACA,CACE,QAAS,EACT,SAAU,GACV,MAAO,CACT,CACF,EAEAA,EAAa,OACX,gBACA,CACE,QAAS,EACT,SAAU,CACZ,EACA,CACE,QAAS,EACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,YACA,CACE,QAAS,IACT,SAAU,CACZ,EACA,CACE,QAAS,SACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,aACA,CACE,QAAS,OACT,SAAU,CACZ,EACA,CACE,QAAS,OACT,SAAU,CACZ,CACF,EAsBAA,EAAa,OACX,gBACA,CACE,OAAQ,GACR,QAAS,KACX,EACA,CACE,OAAQ,EACR,QAAS,EAET,SAAU,GACV,cAAe,aACf,QAAS,IAAM,CACbZ,EAAe,CACjB,CACF,CACF,EAEAY,EAAa,GAAG,wCAAyC,CACvD,EAAG,KACH,SAAU,CACZ,CAAC,EAEDA,EAAa,OACX,gBACA,CACE,QAAS,EACT,MAAO,GACT,EACA,CACE,QAAS,EACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,kCACA,CACE,EAAG,KACH,SAAU,EACV,MAAO,GACT,EACA,CACE,EAAG,EACH,SAAU,EACV,MAAO,GACT,CACF,EAEAA,EAAa,OACX,wCACA,CACE,EAAG,KACH,MAAO,EACT,EACA,CACE,EAAG,EACH,QAAS,GACT,SAAU,EACV,MAAO,EACT,CACF,EAEAA,EAAa,OACX,0CACA,CACE,MAAO,cACP,SAAU,EACV,MAAO,EACT,EACA,CACE,MAAO,oBACP,QAAS,EACT,SAAU,EACV,MAAO,EACT,CACF,EAEAA,EAAa,OACX,gBACA,CACE,QAAS,EACT,SAAU,EACZ,EACA,CACE,QAAS,IACT,SAAU,GACV,cAAe,YACjB,CACF,EAEAA,EAAa,OACX,gBACA,CACE,QAAS,EACT,SAAU,GACV,cAAe,YACjB,EACA,CACE,QAAS,EAET,SAAU,EACZ,CACF,EAEAA,EAAa,OACX,gBACA,CACE,QAAS,OACT,SAAU,CACZ,EACA,CACE,QAAS,OACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,mBACA,CACE,QAAS,OACT,SAAU,CACZ,EACA,CACE,QAAS,OACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,YACA,CACE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", + "sourcesContent": ["// Function to check if the screen width is 900px or less\r\nfunction isMobile() {\r\n return window.innerWidth <= 900;\r\n}\r\n\r\nlet countdownStarted = false;\r\nlet countdownInterval;\r\n\r\nfunction startCountdown() {\r\n // Check if the countdown has already started\r\n if (!countdownStarted) {\r\n countdownStarted = true;\r\n\r\n // Clear any existing interval before starting a new one\r\n clearInterval(countdownInterval);\r\n\r\n let minutes = 1;\r\n let seconds = 30;\r\n let milliseconds = 1000;\r\n\r\n countdownInterval = setInterval(function () {\r\n milliseconds -= 100;\r\n\r\n if (milliseconds <= 0) {\r\n milliseconds = 1000;\r\n seconds--;\r\n\r\n if (seconds <= 0) {\r\n minutes--;\r\n\r\n if (minutes === 0 && seconds === 0) {\r\n minutes = 1;\r\n seconds = 30;\r\n milliseconds = 1000;\r\n startCountdown();\r\n } else {\r\n seconds = 59;\r\n }\r\n }\r\n }\r\n\r\n // Format the time as 00:00:00:00\r\n const formattedTime = `00:${String(minutes).padStart(2, \"0\")}:${String(\r\n seconds\r\n ).padStart(2, \"0\")}:${String(Math.floor(milliseconds / 100)).padStart(\r\n 2,\r\n \"0\"\r\n )}`;\r\n\r\n // Render the formatted time\r\n renderCountdown(formattedTime);\r\n }, 100);\r\n }\r\n}\r\n\r\nfunction renderCountdown(time) {\r\n // Assuming countdown is the ID of your container\r\n const countdownContainer = document.getElementById(\"countdown-timer\");\r\n if (countdownContainer) {\r\n countdownContainer.innerText = time;\r\n }\r\n}\r\n\r\n/* var paths = document.querySelectorAll(\".path\");\r\n\r\npaths.forEach((path) => {\r\n var length = path.getTotalLength();\r\n path.style.transition = path.style.WebkitTransition = \"none\";\r\n path.style.strokeDasharray = length + \" \" + length;\r\n path.style.strokeDashoffset = length;\r\n path.getBoundingClientRect();\r\n path.style.transition = path.style.WebkitTransition =\r\n \"stroke-dashoffset 2s ease-in-out\";\r\n path.style.strokeDashoffset = \"0\";\r\n}); */\r\n\r\n/* gsap config */\r\n\r\ngsap.registerPlugin(ScrollTrigger, ScrollToPlugin);\r\n\r\n/* Lenis config */\r\n\r\nconst lenis = new Lenis();\r\n\r\nfunction raf(time) {\r\n lenis.raf(time);\r\n requestAnimationFrame(raf);\r\n}\r\n\r\nrequestAnimationFrame(raf);\r\n\r\nwindow.onload = () => {\r\n const init = document.getElementById(\"init\");\r\n init.style.display = \"none\";\r\n};\r\n\r\nconst timeout = setTimeout(() => {\r\n window.location.href = \"/harrison-web/404.html\"; // Adjust the path as needed\r\n}, 10000); // 5 seconds in milliseconds\r\n\r\n// Clear the timeout if the content loads before the timeout triggers\r\nwindow.addEventListener(\"load\", () => {\r\n clearTimeout(timeout);\r\n});\r\n\r\n/* ********* Timeline ********* */\r\n\r\nconst mainTimeline = gsap.timeline({\r\n scrollTrigger: {\r\n trigger: \"main.wrapper\",\r\n start: \"top top\",\r\n end: \"bottom+=3000% bottom\",\r\n scrub: true,\r\n pin: true,\r\n inertia: true,\r\n },\r\n});\r\n\r\n/* ************* DOM elements ************ */\r\nconst html = document.querySelector(\"html\");\r\nconst body = document.getElementById(\"body\");\r\nconst collapse = document.getElementById(\"collapse\");\r\nconst menu = document.getElementById(\"menu\");\r\nconst navItems = document.getElementsByClassName(\"nav-item\");\r\nconst separators = document.getElementsByClassName(\"separator\");\r\nconst icon = document.getElementById(\"buttonIcon\");\r\nconst social = document.querySelectorAll(\".social-img\");\r\nconst wrapperCtn = document.querySelector(\".wrapper\");\r\nconst expandBtns = document.querySelectorAll(\".expand\");\r\nconst expandBtnImgs = document.querySelectorAll(\".btn-img\");\r\n\r\n/* ********* CURSOR *********** */\r\n\r\nbody.addEventListener(\"mousemove\", (e) => {\r\n if (isMobile()) {\r\n return;\r\n }\r\n\r\n let bubbles = document.createElement(\"bubbles\");\r\n let x = e.pageX;\r\n let y = e.pageY;\r\n\r\n bubbles.style.left = x + \"px\";\r\n bubbles.style.top = y + \"px\";\r\n bubbles.style.width = 25 + \"px\";\r\n bubbles.style.height = 25 + \"px\";\r\n\r\n if (document.body.className.match(\"open\")) {\r\n bubbles.style.background = \"rgb(29, 62, 78)\";\r\n bubbles.style.boxShadow =\r\n \"10px 10px 30px rgb(29, 62, 78), -10px -10px 30px rgb(29, 62, 78)\";\r\n } else {\r\n bubbles.style.background = \"#D1D821\";\r\n bubbles.style.boxShadow =\r\n \"10px 10px 30px #D1D821, -10px -10px 30px #D1D821\";\r\n }\r\n\r\n document.body.appendChild(bubbles);\r\n\r\n setTimeout(function () {\r\n bubbles.remove();\r\n }, 500);\r\n});\r\n\r\n/* ********* end CURSOR *********** */\r\n\r\n/****** menu ***** */\r\n\r\nconst menuTl = gsap.timeline({ paused: true });\r\n\r\nif (isMobile()) {\r\n menuTl.fromTo(\r\n menu,\r\n {\r\n y: 1000,\r\n opacity: 0,\r\n background: \"transparent\",\r\n display: \"none\",\r\n ease: \"power2.inOut\",\r\n },\r\n {\r\n y: 0,\r\n duration: 0.5,\r\n opacity: 1,\r\n background: \"rgb(203, 219, 67)\",\r\n display: \"block\",\r\n ease: \"power2.inOut\",\r\n }\r\n );\r\n\r\n menuTl.fromTo(\r\n separators,\r\n {\r\n y: 1000,\r\n },\r\n {\r\n y: 0,\r\n transformOrigin: \"100% 50%\",\r\n duration: 0.5,\r\n }\r\n );\r\n} else {\r\n menuTl.fromTo(\r\n menu,\r\n {\r\n x: 1000,\r\n opacity: 0,\r\n background: \"transparent\",\r\n display: \"none\",\r\n ease: \"power2.inOut\",\r\n },\r\n {\r\n x: 0,\r\n duration: 0.5,\r\n opacity: 1,\r\n background: \"rgb(203, 219, 67)\",\r\n display: \"block\",\r\n ease: \"power2.inOut\",\r\n }\r\n );\r\n\r\n menuTl.fromTo(\r\n separators,\r\n {\r\n x: 1000,\r\n },\r\n {\r\n x: 0,\r\n transformOrigin: \"100% 50%\",\r\n duration: 0.5,\r\n }\r\n );\r\n}\r\n\r\nmenuTl.fromTo(\r\n navItems,\r\n {\r\n opacity: 0,\r\n y: 50,\r\n },\r\n {\r\n opacity: 1,\r\n y: 0,\r\n duration: 0.5,\r\n }\r\n);\r\n\r\nlet isRotated = false;\r\n\r\ncollapse.addEventListener(\"click\", () => {\r\n // Check if the timeline is reversing\r\n const isReversing = menuTl.isActive() && menuTl.reversed();\r\n\r\n // Disable the button if the timeline is reversing\r\n if (isReversing) {\r\n return;\r\n }\r\n\r\n isRotated = !isRotated;\r\n icon.src = isRotated ? \"src/assets/x-dark.png\" : \"src/assets/Menu.png\";\r\n collapse.style.transform = isRotated ? \"rotate(90deg)\" : \"rotate(0deg)\";\r\n\r\n if (body.className.match(\"close\")) {\r\n body.className = \"open\";\r\n social[0].src = \"src/assets/mail-dark.png\";\r\n social[1].src = \"src/assets/whatsapp-dark.png\";\r\n social[2].src = \"src/assets/ig-dark.png\";\r\n social[3].src = \"src/assets/Linkedin-dark.png\";\r\n } else if (body.className.includes(\"open\")) {\r\n body.className = \"close\";\r\n social[0].src = \"src/assets/mail.png\";\r\n social[1].src = \"src/assets/wsp.png\";\r\n social[2].src = \"src/assets/ig.png\";\r\n social[3].src = \"src/assets/Linkedin.png\";\r\n }\r\n if (menuTl.totalProgress() === 0) {\r\n menuTl.play();\r\n } else if (menuTl.totalProgress() > 0) {\r\n menuTl.reverse();\r\n }\r\n});\r\n\r\nlet links = gsap.utils.toArray(\".nav-link\");\r\n\r\nlinks.forEach((a) => {\r\n a.addEventListener(\"click\", (e) => {\r\n e.preventDefault();\r\n \r\n if (a.innerText.toLowerCase() === `inicio`) {\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"intro\"),\r\n });\r\n } else if (a.innerText.toLowerCase() === `portfolio`) {\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"portfolio\"),\r\n });\r\n } else if (a.innerText.toLowerCase() === `servicios`) {\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"servicios\"),\r\n });\r\n } else if (a.innerText.toLowerCase() === `clientes`) {\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"clientes\"),\r\n });\r\n }\r\n\r\n isRotated = !isRotated;\r\n icon.src = isRotated ? \"src/assets/x-dark.png\" : \"src/assets/Menu.png\";\r\n collapse.style.transform = isRotated ? \"rotate(90deg)\" : \"rotate(0deg)\";\r\n if (body.className.match(\"close\")) {\r\n body.className = \"open\";\r\n social[0].src = \"src/assets/mail-dark.png\";\r\n social[1].src = \"src/assets/whatsapp-dark.png\";\r\n social[2].src = \"src/assets/ig-dark.png\";\r\n social[3].src = \"src/assets/Linkedin-dark.png\";\r\n } else if (body.className.includes(\"open\")) {\r\n body.className = \"close\";\r\n social[0].src = \"src/assets/mail.png\";\r\n social[1].src = \"src/assets/wsp.png\";\r\n social[2].src = \"src/assets/ig.png\";\r\n social[3].src = \"src/assets/Linkedin.png\";\r\n }\r\n\r\n if (menuTl.paused() || menuTl.totalProgress() === 0) {\r\n menuTl.play();\r\n } else if (menuTl) {\r\n menuTl.reverse();\r\n }\r\n });\r\n});\r\n\r\n\r\n/* ****************** Intro dom ****************** */\r\n\r\nconst logoCtn = document.getElementById(\"init\");\r\nconst scrollCtn = document.getElementById(\"scrollea\");\r\nconst videoCamara = document.getElementById(\"video-camara\");\r\nconst middleVideo = document.getElementById(\"middleVidCtn\");\r\nconst tiempoVideo = document.getElementById(\"tiempoVidCtn\");\r\nconst progressBar = document.getElementById(\"progressbar-ctn\");\r\nconst nav = document.querySelector(\"nav\");\r\n\r\n/* ****************** end intro dom ****************** */\r\n\r\n/* ****************** Portfolio dom ****************** */\r\n\r\nlet txtCtn = document.querySelectorAll(\".text-ctn-1\");\r\nlet titleOuterCtn = document.querySelectorAll(\"section.portfolio fieldset\");\r\nlet titleCtn = document.querySelectorAll(\"section.portfolio li h2\");\r\nlet hoveredTitleCtn = document.querySelectorAll(\r\n \"section.portfolio li h2:hover\"\r\n);\r\nlet descCtn = document.querySelectorAll(\".desc-ctn\");\r\nlet ctnHr = document.querySelectorAll(\"hr.ctn-line\");\r\nlet previewVideos = document.querySelectorAll(\".preview-video\");\r\nlet logoPortfolio = document.querySelector(\".logo-box\");\r\nlet videoOverlay = document.querySelector(\".vid-overlay\");\r\nlet videoTiempo = document.querySelector(\"#tiempoVidCtn\");\r\nlet videoTiempoSection = document.querySelector(\"section#video-tiempo\");\r\nlet txtContainers = document.querySelectorAll(\".child .text-ctn\");\r\nlet txtInnerCtn = document.querySelectorAll(\".child .text-ctn ol\");\r\n\r\n// modals\r\nconst liElements = [];\r\nliElements.push(document.querySelector(\"#eugenie h2\"));\r\nliElements.push(document.querySelector(\"#delsud h2\"));\r\nliElements.push(document.querySelector(\"#flexy h2\"));\r\n\r\nconst modal = document.getElementById(\"modal\");\r\nconst modalContent = document.getElementById(\"modalContent\");\r\nconst videoEl = document.getElementById(\"modalVideo\");\r\nconst closeModal = document.getElementById(\"closeModal\");\r\nconst middleVidSection = document.getElementById(\"middleVidCtn\");\r\nconst portfolioSection = document.getElementById(\"portfolio\");\r\n\r\nconst videos = [\r\n \"src/assets/casos/eugenie-comp.webm\",\r\n \"src/assets/casos/delsud-comp.webm\",\r\n \"src/assets/casos/flexy-comp.webm\",\r\n];\r\nlet currentVideo = null;\r\n\r\nif (isMobile()) {\r\n middleVidSection.src = \"src/assets/calidad-vertical.webm\";\r\n} else {\r\n middleVidSection.src = \"src/assets/calidad.webm\";\r\n}\r\n\r\nif (isMobile()) {\r\n videoTiempo.src = \"src/assets/Video-tiempo_v.mp4\";\r\n} else {\r\n videoTiempo.src = \"src/assets/video-tiempo.webm\";\r\n}\r\n\r\n/* ****************** end Portfolio dom ****************** */\r\n\r\n/* ****************** Middle dom ****************** */\r\n\r\nmiddleVideo.addEventListener(\"ended\", () => {\r\n middleVideo.style.display = \"none\";\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"start-tiempo\"),\r\n });\r\n middleVideo.currentTime = 0;\r\n middleVideo.load();\r\n});\r\n\r\nlet ctn = document.querySelectorAll(\".child\");\r\nlet childTitleCtn = document.querySelectorAll(\".child .title-ctn\");\r\n\r\nif (isMobile()) {\r\n let isOpen = false;\r\n // console.log(txtContainers);\r\n\r\n expandBtns.forEach((btn, index) => {\r\n btn.addEventListener(\"click\", () => {\r\n isOpen = !isOpen; // Toggle the isOpen variable\r\n\r\n if (isOpen) {\r\n expandBtnImgs[index].src = \"src/assets/contract.png\";\r\n\r\n for (let i = 0; i < txtInnerCtn.length; i++) {\r\n if (index === 0) {\r\n txtInnerCtn[0].classList.add(\"reveal\");\r\n } else if (index === 1) {\r\n txtInnerCtn[1].classList.add(\"reveal\");\r\n txtInnerCtn[2].classList.add(\"reveal\");\r\n gsap.to(ctn[2], 0.3, {\r\n y: 100,\r\n });\r\n } else if (index === 2) {\r\n txtInnerCtn[3].classList.add(\"reveal\");\r\n }\r\n }\r\n\r\n gsap.to(childTitleCtn[index], 0.3, {\r\n y: -160,\r\n });\r\n\r\n if (index === 1) {\r\n gsap.to(expandBtns[1], 0.3, {\r\n y: 350,\r\n });\r\n } else {\r\n gsap.to(expandBtns[index], 0.3, {\r\n y: 130,\r\n });\r\n }\r\n } else {\r\n expandBtnImgs[index].src = \"src/assets/expand.png\";\r\n\r\n for (let i = 0; i < txtInnerCtn.length; i++) {\r\n if (index === 0) {\r\n txtInnerCtn[0].classList.remove(\"reveal\");\r\n } else if (index === 1) {\r\n txtInnerCtn[1].classList.remove(\"reveal\");\r\n txtInnerCtn[2].classList.remove(\"reveal\");\r\n gsap.to(ctn[2], 0.3, {\r\n y: 0,\r\n });\r\n } else if (index === 2) {\r\n txtInnerCtn[3].classList.remove(\"reveal\");\r\n }\r\n }\r\n\r\n gsap.to(childTitleCtn[index], 0.5, {\r\n y: 0,\r\n });\r\n\r\n gsap.to(expandBtns[index], 0.5, {\r\n y: 0,\r\n });\r\n\r\n gsap.to(expandBtns[1], 0.3, {\r\n y: 0,\r\n });\r\n }\r\n });\r\n });\r\n} else {\r\n ctn.forEach((element, index) => {\r\n element.addEventListener(\"mouseover\", (event) => hoverAcc(event, index));\r\n element.addEventListener(\"mouseout\", (event) => outAcc(event, index));\r\n });\r\n\r\n function hoverAcc(event, index) {\r\n // Calculate the original width dynamically\r\n // let originalWidth = getComputedStyle(event.currentTarget).width;\r\n\r\n gsap.to(event.currentTarget, 0.7, {\r\n width: \"2000px\",\r\n });\r\n\r\n // Use forEach to iterate over siblings\r\n event.currentTarget.parentNode.childNodes.forEach((sibling) => {\r\n if (sibling !== event.currentTarget && sibling.nodeType === 1) {\r\n gsap.to(sibling, 0.7, {\r\n width: \"1000px\",\r\n });\r\n }\r\n });\r\n\r\n // Check if the hovered element is the second or third\r\n if (index === 1 || index === 2) {\r\n gsap.to(ctn[0], 0.7, {\r\n marginLeft: \"-100px\",\r\n });\r\n }\r\n\r\n if (index === 1) {\r\n gsap.to(ctn[1], 0.7, {\r\n width: \"3000px\",\r\n });\r\n\r\n gsap.to(ctn[0], 0.7, {\r\n marginLeft: \"-200px\",\r\n });\r\n }\r\n }\r\n\r\n function outAcc(event, index) {\r\n // Retrieve the dynamically calculated original width\r\n let originalWidth = getComputedStyle(event.currentTarget).width;\r\n\r\n gsap.to(event.currentTarget, 0.7, {\r\n width: originalWidth,\r\n });\r\n\r\n // Use forEach to iterate over siblings\r\n event.currentTarget.parentNode.childNodes.forEach((sibling) => {\r\n if (sibling !== event.currentTarget && sibling.nodeType === 1) {\r\n gsap.to(sibling, 0.7, {\r\n width: originalWidth,\r\n });\r\n }\r\n });\r\n\r\n // Check if the hovered element is the second or third\r\n if (index === 1 || index === 2) {\r\n gsap.to(ctn[0], 0.7, {\r\n marginLeft: \"0\",\r\n });\r\n }\r\n\r\n if (index === 1) {\r\n gsap.to(ctn[1], 0.7, {\r\n width: originalWidth,\r\n });\r\n }\r\n }\r\n}\r\n\r\n/* ****************** End Middle dom ****************** */\r\n\r\n/* ****************** dom manipulation ****************** */\r\n\r\n\r\nif (isMobile()) {\r\n\r\n titleOuterCtn.forEach((element, index) => {\r\n element.addEventListener(\"click\", (event) => {\r\n element.disabled = true;\r\n event.stopPropagation();\r\n toggleClickCtn(index);\r\n });\r\n });\r\n\r\n // Add click event listener to the document\r\n document.addEventListener(\"click\", (event) => {\r\n // Convert titleOuterCtn to an array\r\n const titleOuterArray = Array.from(titleOuterCtn);\r\n\r\n // Check if the clicked element is not inside any fieldset\r\n if (!titleOuterArray.some((fieldset) => fieldset.contains(event.target))) {\r\n // Trigger animateOut for each element\r\n titleOuterArray.forEach((element, index) => {\r\n element.disabled = true;\r\n animateOut(index);\r\n titleCtn[index].style.zIndex = -1;\r\n });\r\n }\r\n });\r\n\r\n function toggleClickCtn(index) {\r\n titleOuterCtn.forEach((element, i) => {\r\n if (i !== index) {\r\n element.disabled = true;\r\n titleCtn[i].style.zIndex = -1;\r\n animateOut(i);\r\n }\r\n });\r\n\r\n titleCtn[index].style.zIndex = 10;\r\n\r\n gsap.to(ctnHr[index], 0.5, {\r\n margin: \"20 0 10 0\",\r\n });\r\n gsap.to(descCtn[index], 0.3, {\r\n y: 0,\r\n opacity: 1,\r\n });\r\n gsap.to(titleCtn[index], 0.3, {\r\n color: \"rgb(203, 219, 67)\",\r\n });\r\n gsap.to(titleCtn[(0, 2)], 0.7, {\r\n height: 70,\r\n });\r\n gsap.to(titleCtn[1], 0.7, {\r\n height: 120,\r\n });\r\n gsap.to(previewVideos[index], 0.4, {\r\n opacity: 1,\r\n });\r\n gsap.to(videoOverlay, 0.4, {\r\n opacity: 0.4,\r\n });\r\n gsap.to(logoPortfolio, 0.4, {\r\n opacity: 0,\r\n });\r\n }\r\n\r\n function animateOut(index) {\r\n // Your existing out function code\r\n gsap.to(ctnHr[index], 0.5, {\r\n margin: \"-12 0\",\r\n });\r\n gsap.to(descCtn[index], 0.3, {\r\n y: -100,\r\n opacity: 0,\r\n });\r\n gsap.to(titleCtn[index], 0.3, {\r\n color: \"transparent\",\r\n height: \"auto\",\r\n });\r\n gsap.to(previewVideos[index], 0.4, {\r\n opacity: 0,\r\n });\r\n gsap.to(videoOverlay, 0.4, {\r\n opacity: 1,\r\n });\r\n gsap.to(logoPortfolio, 0.4, {\r\n opacity: 0.4,\r\n });\r\n }\r\n\r\n} else {\r\n\r\n titleCtn.forEach((element, index) => {\r\n element.addEventListener(\"mouseover\", (event) => hover(event, index));\r\n element.addEventListener(\"mouseout\", (event) => out(event, index));\r\n });\r\n\r\n function hover(event, index) {\r\n gsap.to(ctnHr[index], 0.5, {\r\n margin: \"20 0 10 0\",\r\n });\r\n gsap.to(descCtn[index], 0.3, {\r\n y: 0,\r\n opacity: 1,\r\n });\r\n gsap.to(titleCtn[index], 0.3, {\r\n color: \"rgb(203, 219, 67)\",\r\n height: 100,\r\n });\r\n gsap.to(titleCtn[1], 0.7, {\r\n height: 190,\r\n });\r\n gsap.to(previewVideos[index], 0.4, {\r\n opacity: 1,\r\n });\r\n gsap.to(videoOverlay, 0.4, {\r\n opacity: 0.4,\r\n });\r\n gsap.to(logoPortfolio, 0.4, {\r\n opacity: 0,\r\n });\r\n }\r\n\r\n function out(event, index) {\r\n gsap.to(ctnHr[index], 0.5, {\r\n margin: \"-12 0\",\r\n });\r\n gsap.to(descCtn[index], 0.3, {\r\n y: -100,\r\n opacity: 0,\r\n });\r\n gsap.to(titleCtn[index], 0.3, {\r\n color: \"transparent\",\r\n height: \"auto\",\r\n });\r\n gsap.to(previewVideos[index], 0.4, {\r\n opacity: 0,\r\n });\r\n gsap.to(videoOverlay, 0.4, {\r\n opacity: 1,\r\n });\r\n gsap.to(logoPortfolio, 0.4, {\r\n opacity: 0.4,\r\n });\r\n }\r\n}\r\n\r\nliElements.forEach((liElement, index) =>\r\n liElement.addEventListener(\"click\", () => {\r\n if (currentVideo && currentVideo.parentNode) {\r\n currentVideo.parentNode.removeChild(currentVideo);\r\n }\r\n // Save the current scroll position\r\n // const scrollPosition = window.scrollY;\r\n\r\n // Disable body scrolling\r\n // wrapperCtn.style.overflow = \"hidden\";\r\n let newVideo = document.createElement(\"video\");\r\n newVideo.id = \"modalVideo\";\r\n let swapSrc = document.createElement(\"source\");\r\n swapSrc.src = videos[index];\r\n newVideo.appendChild(swapSrc);\r\n modalContent.appendChild(newVideo);\r\n modal.classList.remove(\"hidden\");\r\n modal.classList.add(\"shown\");\r\n // wrapperCtn.style.top = `-${scrollPosition}px`;\r\n newVideo.play();\r\n currentVideo = newVideo;\r\n // mainTimeline.scrub = 0;\r\n // mainTimeline.scrollTrigger.pause();\r\n mainTimeline.seek(\"portfolio\");\r\n body.style.position = \"fixed\";\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"portfolio\"),\r\n });\r\n // wrapperCtn.style.zIndex = \"500 !important\";\r\n\r\n // mainTimeline.scrollTrigger.disable(false);\r\n })\r\n);\r\n\r\ncloseModal.addEventListener(\"click\", () => {\r\n if (currentVideo) {\r\n setTimeout(() => {\r\n currentVideo.pause();\r\n currentVideo.parentNode.removeChild(currentVideo);\r\n currentVideo = null;\r\n modal.classList.remove(\"shown\");\r\n modal.classList.add(\"hidden\");\r\n }, 500);\r\n \r\n // progress.style.zIndex = \"0 !important\";\r\n }\r\n wrapperCtn.style.overflow = \"\";\r\n // const scrollPosition = parseInt(document.body.style.top || \"0\", 10);\r\n wrapperCtn.style.top = \"\";\r\n // window.scrollTo(0, -scrollPosition);\r\n\r\n\r\n mainTimeline.seek(\"portfolio\");\r\n body.style.position = \"absolute\";\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"portfolio\"),\r\n });\r\n\r\n // mainTimeline.scrollTrigger.enable(true);\r\n});\r\n\r\n/* ****************** end dom manipulation ****************** */\r\n\r\n/* ****************** end Portfolio dom ****************** */\r\n\r\n/* ******* Init svg animation ******* */\r\n\r\n/* ********** Frame animation function ********** */\r\n\r\n/* ******** Video frames ******** */\r\n\r\nlet urls1 = new Array(380)\r\n .fill()\r\n .map(\r\n (_, i) => `src/assets/camara-frames/introframes(${(i + 1).toString()}).webp`\r\n );\r\n\r\nurls1.forEach((url) => {\r\n let img = new Image();\r\n img.src = url;\r\n img.class = \"camara\";\r\n videoCamara.appendChild(img);\r\n});\r\n\r\n/* *********** END TIMELINE ********** */\r\n\r\n/* *********** INTRO SCROLLING ********** */\r\n\r\nmainTimeline\r\n .fromTo(\r\n \"#scrollea\",\r\n {\r\n display: \"none\",\r\n },\r\n {\r\n display: \"flex\",\r\n }\r\n )\r\n .addLabel(\"intro\");\r\n\r\nmainTimeline.fromTo(\r\n \"#scrollea\",\r\n {\r\n opacity: 1,\r\n duration: 8,\r\n x: 0,\r\n },\r\n {\r\n opacity: 0,\r\n duration: 8,\r\n x: -100,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#scrollea\",\r\n {\r\n display: \"flex\",\r\n },\r\n {\r\n display: \"none\",\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video\",\r\n {\r\n display: \"none\",\r\n },\r\n {\r\n display: \"flex\",\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-camara\",\r\n {\r\n opacity: 0,\r\n duration: 5,\r\n },\r\n {\r\n opacity: 1,\r\n duration: 5,\r\n }\r\n);\r\n\r\nconst cameraFrames = gsap.utils.toArray(\"#video-camara img\");\r\n\r\ncameraFrames.forEach((img, index) => {\r\n mainTimeline.fromTo(\r\n img,\r\n {\r\n display: \"none\",\r\n },\r\n {\r\n display: \"block\",\r\n stagger: 0.3,\r\n duration: 0.5,\r\n }\r\n );\r\n if (index < cameraFrames.length - 1) {\r\n mainTimeline.set(img, { display: \"none\" });\r\n }\r\n});\r\n\r\nmainTimeline.to(\"#video-camara\", {\r\n delay: 10,\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"#texto\",\r\n {\r\n transform: \"scale(0)\",\r\n opacity: 0,\r\n duration: 10,\r\n delay: -50,\r\n },\r\n {\r\n transform: \"scale(1)\",\r\n opacity: 1,\r\n duration: 20,\r\n delay: -50,\r\n }\r\n);\r\n\r\nmainTimeline.to(\".fill\", {\r\n color: \"#D1D821\",\r\n stagger: 3,\r\n duration: 10,\r\n delay: 1,\r\n});\r\n\r\nmainTimeline.to(\"#texto\", {\r\n y: -800,\r\n duration: 30,\r\n delay: 5,\r\n});\r\n\r\nmainTimeline.to(\"#intro\", {\r\n opacity: 0,\r\n duration: 8,\r\n scrollTrigger: \"#portfolio\",\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"#intro\",\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n }\r\n);\r\n\r\n/* *********** END INTRO SCROLLING ********** */\r\n\r\n/* *********** PORTFOLIO SCROLLING ********** */\r\n\r\nmainTimeline.fromTo(\r\n \"#portfolio\",\r\n {\r\n display: \"none\",\r\n delay: -50,\r\n },\r\n {\r\n display: \"block\",\r\n delay: -50,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".portfolio\",\r\n {\r\n opacity: 0,\r\n zIndex: -1,\r\n delay: -30,\r\n },\r\n {\r\n opacity: 1,\r\n delay: -30,\r\n duration: 10,\r\n zIndex: 2,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#intro\",\r\n {\r\n zIndex: 1,\r\n visibility: \"visible\",\r\n },\r\n {\r\n zIndex: -1,\r\n visibility: \"hidden\",\r\n }\r\n);\r\n\r\n// Conditional tweens based on screen width\r\nif (isMobile()) {\r\n // If the screen width is 900px or less\r\n mainTimeline.fromTo(\r\n \".bg-rodaje\",\r\n {\r\n yPercent: 40,\r\n duration: 25,\r\n opacity: 0.8,\r\n scrollTrigger: \".sup-rodaje\",\r\n ease: \"power1.inOut\",\r\n },\r\n {\r\n yPercent: 0,\r\n duration: 25,\r\n opacity: 0.8,\r\n scrollTrigger: \".sup-rodaje\",\r\n ease: \"power1.inOut\",\r\n }\r\n );\r\n\r\n mainTimeline.fromTo(\r\n \".sup-rodaje\",\r\n {\r\n delay: 3,\r\n duration: 23,\r\n yPercent: 50,\r\n ease: \"power1.inOut\",\r\n },\r\n {\r\n delay: 3,\r\n duration: 23,\r\n yPercent: 0,\r\n ease: \"power1.inOut\",\r\n }\r\n );\r\n} else {\r\n // If the screen width is greater than 900px\r\n mainTimeline.to(\".bg-rodaje\", {\r\n yPercent: -66,\r\n duration: 25,\r\n opacity: 0.8,\r\n scrollTrigger: \".sup-rodaje\",\r\n ease: \"power1.inOut\",\r\n });\r\n\r\n mainTimeline.to(\".sup-rodaje\", {\r\n delay: 3,\r\n duration: 23,\r\n yPercent: -66,\r\n ease: \"power1.inOut\",\r\n });\r\n}\r\n\r\nmainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 0,\r\n y: 200,\r\n },\r\n {\r\n opacity: 1,\r\n y: 0,\r\n duration: 2,\r\n delay: -5,\r\n }\r\n);\r\n\r\nmainTimeline.to(\".txt-ctn-1 .txt-row h2\", {\r\n opacity: 1,\r\n duration: 5,\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-1 .dup-ctn span\", {\r\n opacity: 1,\r\n stagger: 1,\r\n duration: 3,\r\n scrollTrigger: \".dup-ctn span\",\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-1 .dup-ctn span\", {\r\n color: \"#D1D821\",\r\n stagger: 1,\r\n duration: 3,\r\n delay: 5,\r\n});\r\n\r\nmainTimeline.to(\".sup-rodaje.zoomed\", {\r\n duration: 3,\r\n opacity: 1,\r\n delay: 10,\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-1\", {\r\n duration: 5,\r\n opacity: 0,\r\n});\r\n\r\nmainTimeline.to(\"#rect1\", {\r\n attr: { rx: \"8.5\", y: \"34\", width: \"17\", height: \"43.4444\" },\r\n fill: \"#D9D9D9\",\r\n duration: 1,\r\n});\r\n\r\nmainTimeline.to(\"#rect2\", {\r\n attr: { rx: \"12.2778\", y: \"0\", width: \"24.5556\", height: \"86.8889\" },\r\n fill: \"#CBDB43\",\r\n duration: 1,\r\n});\r\n\r\nif (isMobile()) {\r\n mainTimeline.to(\".sup-rodaje\", {\r\n duration: 10,\r\n scale: 2.5,\r\n transformOrigin: \"49% bottom\",\r\n scrollTrigger: \".txt-ctn-2 .txt-row h2, .bg-overlay\",\r\n });\r\n} else {\r\n mainTimeline.to(\".sup-rodaje\", {\r\n duration: 10,\r\n scale: 2.5,\r\n transformOrigin: \"32% bottom\",\r\n scrollTrigger: \".txt-ctn-2 .txt-row h2, .bg-overlay\",\r\n });\r\n}\r\n\r\nmainTimeline.to(\".bg-overlay\", {\r\n duration: 5,\r\n opacity: 0.3,\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-2 .txt-row h2\", {\r\n opacity: 1,\r\n duration: 4,\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-2 .dup-ctn span\", {\r\n opacity: 1,\r\n stagger: 1,\r\n duration: 2,\r\n scrollTrigger: \".dup-ctn span\",\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-2 .dup-ctn span\", {\r\n color: \"#D1D821\",\r\n stagger: 1,\r\n duration: 2,\r\n delay: 4,\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-2\", {\r\n opacity: 0,\r\n duration: 4,\r\n delay: 4,\r\n});\r\n\r\nif (isMobile()) {\r\n // Additional animations from animateOut()\r\n mainTimeline.to(\".ctn-line\", {\r\n margin: \"-12 0\",\r\n duration: 0.5,\r\n }, \"-=0.5\");\r\n \r\n mainTimeline.to(\".desc-ctn\", {\r\n y: -100,\r\n opacity: 0,\r\n duration: 0.5,\r\n }, \"-=0.5\");\r\n \r\n mainTimeline.to(\"section.portfolio li h2\", {\r\n color: \"transparent\",\r\n height: \"auto\",\r\n duration: 0.5,\r\n zIndex: -1\r\n }, \"-=0.5\");\r\n \r\n mainTimeline.to(\".preview-video\", {\r\n opacity: 0,\r\n duration: 0.5,\r\n }, \"-=0.5\");\r\n \r\n mainTimeline.to(\".vid-overlay\", {\r\n opacity: 1,\r\n duration: 0.5,\r\n }, \"-=0.5\");\r\n \r\n mainTimeline.to(\".logo-box\", {\r\n opacity: 0.4,\r\n duration: 0.5,\r\n }, \"-=0.5\");\r\n}\r\n\r\nmainTimeline.to(\".pf-accordion-outer\", {\r\n opacity: 1,\r\n duration: 4,\r\n scrollTrigger: \".bg-overlay\",\r\n zIndex: 20,\r\n});\r\n\r\nmainTimeline.to(\".bg-overlay\", {\r\n duration: 4,\r\n opacity: 0.5,\r\n scrollTrigger: \".pf-accordion-outer ol li h2\",\r\n});\r\n\r\nmainTimeline.to(\".pf-accordion-outer ol li h2\", {\r\n y: 0,\r\n opacity: 1,\r\n stagger: 1,\r\n duration: 3,\r\n delay: 2,\r\n // zIndex: -1\r\n});\r\n\r\nmainTimeline.to(\".pf-accordion\", {\r\n delay: 10,\r\n opacity: 1,\r\n duration: 2,\r\n}).addLabel(\"portfolio\");\r\n\r\nmainTimeline.to(\".pf-accordion\", {\r\n delay: 5,\r\n opacity: 0,\r\n duration: 6,\r\n scrollTrigger: \".pf-accordion\",\r\n});\r\n\r\nmainTimeline.to(\".pf-accordion-outer ol li h2\", {\r\n y: 30,\r\n opacity: 0,\r\n stagger: 1,\r\n delay: 4,\r\n duration: 5,\r\n});\r\n\r\nmainTimeline.to(\".pf-accordion-outer ol li h2\", {\r\n duration: 0,\r\n display: \"none\",\r\n});\r\n\r\nif (isMobile()) {\r\n// Additional animations from animateOut()\r\nmainTimeline.to(\".ctn-line\", {\r\n margin: \"-12 0\",\r\n duration: 0.5,\r\n}, \"-=0.5\");\r\n\r\nmainTimeline.to(\".desc-ctn\", {\r\n y: -100,\r\n opacity: 0,\r\n duration: 0.5,\r\n}, \"-=0.5\");\r\n\r\nmainTimeline.to(\"section.portfolio li h2\", {\r\n color: \"transparent\",\r\n height: \"auto\",\r\n duration: 0.5,\r\n zIndex: -1\r\n}, \"-=0.5\");\r\n\r\nmainTimeline.to(\".preview-video\", {\r\n opacity: 0,\r\n duration: 0.5,\r\n}, \"-=0.5\");\r\n\r\nmainTimeline.to(\".vid-overlay\", {\r\n opacity: 1,\r\n duration: 0.5,\r\n}, \"-=0.5\");\r\n\r\nmainTimeline.to(\".logo-box\", {\r\n opacity: 0.4,\r\n duration: 0.5,\r\n}, \"-=0.5\");\r\n}\r\n\r\nif (isMobile()) {\r\n mainTimeline.fromTo(\r\n \".sup-rodaje.zoomed, .sup-rodaje\",\r\n {\r\n transformOrigin: \"49% 100%\",\r\n scale: 2.5,\r\n duration: 5,\r\n y: 0,\r\n },\r\n {\r\n delay: 4,\r\n duration: 10,\r\n scale: 30,\r\n y: 1300,\r\n transformOrigin: \"50% 100%\",\r\n scrollTrigger: \".box-ctn\",\r\n }\r\n );\r\n} else {\r\n mainTimeline.to(\".sup-rodaje\", {\r\n delay: 4,\r\n duration: 10,\r\n width: \"450%\",\r\n left: \"-290%\",\r\n top: \"-200%\",\r\n scrollTrigger: \".box-ctn\",\r\n });\r\n}\r\n\r\nif (isMobile()) {\r\n mainTimeline.fromTo(\r\n \".vid-overlay\",\r\n {\r\n opacity: 1,\r\n duration: 1,\r\n },\r\n {\r\n opacity: 0,\r\n duration: 1,\r\n }\r\n );\r\n mainTimeline.fromTo(\r\n \".box-ctn\",\r\n {\r\n backgroundColor: \"transparent\",\r\n duration: 5,\r\n },\r\n {\r\n backgroundColor: \"transparent\",\r\n duration: 5,\r\n }\r\n );\r\n mainTimeline.to(\".box-ctn\", {\r\n delay: -2,\r\n duration: 9,\r\n transform: \"scale(4.1)\",\r\n top: \"50%\",\r\n });\r\n} else {\r\n mainTimeline.to(\".box-ctn\", {\r\n delay: 4,\r\n duration: 7.5,\r\n transform: \"scale(4)\",\r\n opacity: 0,\r\n xPercent: -100,\r\n top: \"30%\",\r\n });\r\n}\r\n\r\nmainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 1,\r\n y: 0,\r\n },\r\n {\r\n opacity: 0,\r\n y: 200,\r\n duration: 5,\r\n delay: 0,\r\n }\r\n);\r\n\r\nmainTimeline.to(\".portfolio\", {\r\n opacity: 0,\r\n duration: 8,\r\n});\r\n\r\n/* *********** END PORTFOLIO SCROLLING ********** */\r\n\r\n/* *********** MIDDLE SCROLLING ********** */\r\n\r\nmainTimeline.fromTo(\r\n \"#middle\",\r\n {\r\n opacity: 0,\r\n zIndex: -1,\r\n },\r\n {\r\n opacity: 1,\r\n duration: 8,\r\n delay: -10,\r\n zIndex: 3,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#middleVidCtn\",\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"block\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#middleVidCtn\",\r\n {\r\n opacity: 0,\r\n duration: 4,\r\n },\r\n {\r\n opacity: 1,\r\n duration: 4,\r\n onStart: () => {\r\n console.log('start')\r\n middleVideo.play();\r\n },\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#portfolio\",\r\n {\r\n display: \"block\",\r\n delay: 0,\r\n },\r\n {\r\n display: \"none\",\r\n delay: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#middleVidCtn\",\r\n {\r\n opacity: 1,\r\n duration: 10,\r\n delay: -10,\r\n },\r\n {\r\n opacity: 0,\r\n duration: 10,\r\n delay: 20,\r\n onComplete: () => {\r\n middleVideo.pause()\r\n }\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#middleVidCtn\",\r\n {\r\n display: \"block\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".bg-video\",\r\n {\r\n delay: -10,\r\n opacity: 0,\r\n duration: 5,\r\n },\r\n {\r\n delay: -10,\r\n opacity: 0.1,\r\n duration: 5,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 0,\r\n delay: 5,\r\n y: 200,\r\n },\r\n {\r\n opacity: 1,\r\n y: 0,\r\n duration: 4,\r\n delay: 5,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".accordion\",\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline\r\n .fromTo(\r\n \"#middle .text\",\r\n {\r\n y: 1000,\r\n duration: 10,\r\n },\r\n {\r\n y: 0,\r\n stagger: 1,\r\n duration: 10,\r\n }\r\n )\r\n .addLabel(\"start-tiempo\");\r\n\r\nmainTimeline.to(\"#rect2\", {\r\n attr: { rx: \"8.5\", y: \"34\", width: \"17\", height: \"43.4444\" },\r\n fill: \"#D9D9D9\",\r\n duration: 1,\r\n});\r\n\r\nmainTimeline\r\n .to(\"#rect3\", {\r\n attr: { rx: \"12.2778\", y: \"0\", width: \"24.5556\", height: \"86.8889\" },\r\n fill: \"#CBDB43\",\r\n duration: 1,\r\n })\r\n .addLabel(\"servicios\");\r\n\r\nmainTimeline.to(\"#middle #text-container .letter\", {\r\n color: \"#D1D821\",\r\n stagger: 1.5,\r\n duration: 3,\r\n});\r\n\r\nif (isMobile()) {\r\n mainTimeline.fromTo(\r\n \"#middle .text\",\r\n {\r\n y: 0,\r\n },\r\n {\r\n y: -2000,\r\n delay: 3,\r\n duration: 50,\r\n scrollTrigger: \".acc-borders\",\r\n }\r\n );\r\n mainTimeline.fromTo(\r\n \".acc-borders\",\r\n {\r\n opacity: 1,\r\n x: 1000,\r\n duration: 20,\r\n width: \"0vw\",\r\n delay: -10,\r\n scrollTrigger: \".accordion #parent\",\r\n },\r\n {\r\n opacity: 1,\r\n x: 0,\r\n duration: 20,\r\n width: \"400vw\",\r\n delay: -10,\r\n scrollTrigger: \".accordion #parent\",\r\n }\r\n );\r\n mainTimeline\r\n .fromTo(\r\n \".accordion #parent\",\r\n {\r\n y: 2000,\r\n duration: 20,\r\n delay: -5,\r\n },\r\n {\r\n y: 0,\r\n duration: 20,\r\n delay: -5,\r\n }\r\n )\r\n .addLabel(\"servicios\");\r\n} else {\r\n mainTimeline.fromTo(\r\n \"#middle #text-container\",\r\n {\r\n x: 0,\r\n },\r\n {\r\n x: -2000,\r\n delay: 3,\r\n duration: 30,\r\n }\r\n );\r\n mainTimeline.to(\".acc-borders\", {\r\n opacity: 1,\r\n x: 0,\r\n duration: 20,\r\n width: \"400vw\",\r\n delay: -30,\r\n });\r\n mainTimeline\r\n .fromTo(\r\n \".accordion\",\r\n {\r\n x: 2000,\r\n delay: -20,\r\n duration: 20,\r\n },\r\n {\r\n x: 0,\r\n delay: -20,\r\n duration: 20,\r\n }\r\n )\r\n .addLabel(\"servicios\");\r\n}\r\n\r\nmainTimeline.to(\".accordion\", {\r\n rotateX: -69.3,\r\n duration: 10,\r\n delay: 30,\r\n});\r\n\r\nmainTimeline.to(\".accordion\", {\r\n opacity: 0,\r\n duration: 2,\r\n delay: -4,\r\n});\r\n\r\nmainTimeline.to(\".bg-video\", {\r\n opacity: 0,\r\n duration: 10,\r\n delay: -10,\r\n});\r\n\r\n/* *********** END MIDDLE SCROLLING ********** */\r\n\r\n/* *********** TIEMPO SCROLLING ********** */\r\n\r\nmainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 1,\r\n },\r\n {\r\n opacity: 0,\r\n duration: 16,\r\n delay: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo\",\r\n {\r\n opacity: 0,\r\n duration: 0,\r\n },\r\n {\r\n opacity: 1,\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".bg-video\",\r\n {\r\n rotateX: \"0\",\r\n duration: 0,\r\n },\r\n {\r\n rotateX: \"-65deg\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".accordion\",\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n }\r\n);\r\n\r\n/* mainTimeline.fromTo(\"svg#TEXT\", {\r\n opacity: 0,\r\n duration: 0\r\n}, {\r\n opacity: 1,\r\n duration: 0\r\n}); */\r\n\r\n// mainTimeline.to(\"#video-tiempo\", {\r\n// scrollTrigger: {\r\n// trigger: \"#video-tiempo\",\r\n// onEnter: () => {\r\n// startCountdown();\r\n// },\r\n// onLeave: () => {\r\n// stopCountdown();\r\n// }\r\n// }\r\n// });\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo\",\r\n {\r\n zIndex: -1,\r\n rotateX: 115.3,\r\n },\r\n {\r\n zIndex: 4,\r\n rotateX: 0,\r\n // translateY: -90,\r\n duration: 10,\r\n scrollTrigger: \".accordion\",\r\n onStart: () => {\r\n startCountdown();\r\n },\r\n }\r\n);\r\n\r\nmainTimeline.to(\"#video-tiempo #text-container-2 .text\", {\r\n y: 1500,\r\n duration: 0,\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"#tiempoVidCtn\",\r\n {\r\n opacity: 0,\r\n delay: -10,\r\n },\r\n {\r\n opacity: 1,\r\n duration: 6,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo #text-container-2\",\r\n {\r\n x: -2000,\r\n duration: 0,\r\n delay: -10,\r\n },\r\n {\r\n x: 0,\r\n duration: 0,\r\n delay: -10,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo #text-container-2 .text\",\r\n {\r\n y: 1500,\r\n delay: 15,\r\n },\r\n {\r\n y: 0,\r\n stagger: 0.5,\r\n duration: 8,\r\n delay: 10,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo #text-container-2 .letter\",\r\n {\r\n color: \"transparent\",\r\n duration: 4,\r\n delay: 15,\r\n },\r\n {\r\n color: \"rgb(203, 219, 67)\",\r\n stagger: 4,\r\n duration: 4,\r\n delay: 15,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo\",\r\n {\r\n rotateX: 0,\r\n duration: 20,\r\n },\r\n {\r\n rotateX: 110,\r\n duration: 20,\r\n scrollTrigger: \".accordion\",\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo\",\r\n {\r\n opacity: 1,\r\n duration: 20,\r\n scrollTrigger: \".accordion\",\r\n },\r\n {\r\n opacity: 0,\r\n // delay: 12,\r\n duration: 20,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo\",\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#txt-container-2\",\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".bg-video\",\r\n {\r\n opacity: 0,\r\n duration: 0,\r\n },\r\n {\r\n opacity: 0.1,\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".bg-video\",\r\n {\r\n rotateX: -65,\r\n duration: 20,\r\n },\r\n {\r\n rotateX: 0,\r\n duration: 20,\r\n }\r\n);\r\n\r\n/* *********** TIEMPO SCROLLING ********** */\r\n\r\n/* **************** SECCION FINAL ***************** */\r\n\r\nconst carouselCtn = document.getElementById(\"carousel-container\");\r\nconst carousel = document.getElementById(\"carouselFig\");\r\n\r\nif (carouselCtn.style.transform === \"scale(1)\") {\r\n carousel.style.animation = \"rotateAnim 30s infinite forwards\";\r\n}\r\n\r\nmainTimeline.fromTo(\r\n \"#txt-container-2\",\r\n {\r\n zIndex: -1,\r\n opacity: 0,\r\n duration: 10,\r\n delay: -20,\r\n },\r\n {\r\n zIndex: 5,\r\n opacity: 1,\r\n duration: 10,\r\n delay: -20,\r\n }\r\n);\r\n\r\nif (isMobile()) {\r\n mainTimeline.fromTo(\r\n \"#p1\",\r\n {\r\n y: 2000,\r\n x: 0\r\n },\r\n {\r\n y: 150,\r\n x: 0,\r\n duration: 25,\r\n }\r\n );\r\n\r\n mainTimeline.fromTo(\r\n \"#p2\",\r\n {\r\n y: 2000,\r\n x: 0\r\n },\r\n {\r\n y: 150,\r\n x: 0,\r\n duration: 30,\r\n delay: -18,\r\n }\r\n );\r\n\r\n mainTimeline.to(\"#p1\", {\r\n delay: 20,\r\n duration: 30,\r\n y: -2000,\r\n });\r\n\r\n mainTimeline.to(\"#p2\", {\r\n delay: -30,\r\n duration: 20,\r\n y: -50,\r\n // scrollTrigger: '#mobileBrandsCtn'\r\n });\r\n\r\n mainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 0,\r\n y: 200,\r\n },\r\n {\r\n opacity: 1,\r\n y: 0,\r\n duration: 16,\r\n delay: -2,\r\n }\r\n );\r\n\r\n mainTimeline.to(\"#rect3\", {\r\n attr: { rx: \"8.5\", y: \"34\", width: \"17\", height: \"43.4444\" },\r\n fill: \"#D9D9D9\",\r\n duration: 1,\r\n });\r\n\r\n mainTimeline.to(\"#rect4\", {\r\n attr: { rx: \"12.2778\", y: \"0\", width: \"24.5556\", height: \"86.8889\" },\r\n fill: \"#CBDB43\",\r\n duration: 1,\r\n });\r\n\r\n mainTimeline.fromTo('#mobileBrandsCtn', {\r\n visibility: 'hidden',\r\n y: 200,\r\n x: 0\r\n }, {\r\n visibility: 'visible',\r\n y: 0,\r\n x: 0,\r\n duration: 5,\r\n // scrollTrigger: '#p2'\r\n })\r\n\r\n} else {\r\n mainTimeline.fromTo(\r\n \"#p1\",\r\n {\r\n x: 2000,\r\n },\r\n {\r\n x: 0,\r\n duration: 25,\r\n }\r\n );\r\n\r\n mainTimeline.fromTo(\r\n \"#p2\",\r\n {\r\n x: 2000,\r\n },\r\n {\r\n x: 0,\r\n duration: 30,\r\n delay: -18,\r\n }\r\n );\r\n\r\n mainTimeline.to(\"#p1\", {\r\n delay: 20,\r\n duration: 30,\r\n x: -2000,\r\n });\r\n\r\n mainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 0,\r\n y: 200,\r\n },\r\n {\r\n opacity: 1,\r\n y: 0,\r\n duration: 16,\r\n delay: -2,\r\n }\r\n );\r\n\r\n mainTimeline.to(\"#p1\", {\r\n opacity: 0,\r\n duration: 0,\r\n });\r\n\r\n mainTimeline.to(\"#rect3\", {\r\n attr: { rx: \"8.5\", y: \"34\", width: \"17\", height: \"43.4444\" },\r\n fill: \"#D9D9D9\",\r\n duration: 1,\r\n });\r\n\r\n mainTimeline.to(\"#rect4\", {\r\n attr: { rx: \"12.2778\", y: \"0\", width: \"24.5556\", height: \"86.8889\" },\r\n fill: \"#CBDB43\",\r\n duration: 1,\r\n });\r\n\r\n mainTimeline.to(\"#p2\", {\r\n delay: -30,\r\n duration: 20,\r\n y: 150,\r\n });\r\n}\r\n\r\nmainTimeline.fromTo(\r\n \".flipLogoContainer\",\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#carousel-container\",\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n delay: -20,\r\n },\r\n {\r\n display: \"block\",\r\n duration: 0,\r\n delay: -20,\r\n }\r\n);\r\n\r\nmainTimeline\r\n .fromTo(\r\n \"#carousel-container\",\r\n {\r\n transform: \"scale(0)\",\r\n duration: 10,\r\n delay: -20,\r\n },\r\n {\r\n transform: \"scale(1.3)\",\r\n duration: 10,\r\n delay: -20,\r\n }\r\n )\r\n .addLabel(\"clientes\");\r\n\r\nmainTimeline.to(\"#txt-container-2\", {\r\n delay: 30,\r\n y: 800,\r\n duration: 30,\r\n transform: \"scale(0.5)\",\r\n opacity: 0,\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"#txt-container-2\",\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 1,\r\n duration: 100,\r\n },\r\n {\r\n opacity: 0,\r\n duration: 2,\r\n delay: 20,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".bg-video\",\r\n {\r\n opacity: 0.1,\r\n duration: 12,\r\n delay: -15,\r\n },\r\n {\r\n opacity: 0.2,\r\n duration: 12,\r\n delay: -15,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#svgOutro\",\r\n {\r\n y: -1000,\r\n transform: \"scale(2.5)\",\r\n duration: 20,\r\n delay: -20,\r\n opacity: 0,\r\n },\r\n {\r\n delay: -20,\r\n y: 0,\r\n transform: \"scale(1.6)\",\r\n duration: 20,\r\n opacity: 1,\r\n }\r\n);\r\n\r\nmainTimeline.to(\"#svgOutro\", {\r\n delay: 10,\r\n duration: 70,\r\n rotateY: 809,\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"#txt-container-2\",\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.to(\"#svgOutro\", {\r\n visibility: \"hidden\",\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"#textAllCtn\",\r\n {\r\n visibility: \"hidden\",\r\n rotateY: -90,\r\n duration: 8,\r\n },\r\n {\r\n visibility: \"visible\",\r\n rotateY: 0,\r\n duration: 8,\r\n delay: 15,\r\n }\r\n);\r\n\r\nmainTimeline.staggerTo(\r\n [\".charSpan\"],\r\n 1,\r\n {\r\n color: \"#D1D821\",\r\n stagger: 1,\r\n duration: 80,\r\n },\r\n 2\r\n);\r\n\r\nmainTimeline.to(\".charSpan\", {\r\n delay: 10,\r\n});\r\n\r\nmainTimeline.to(\"#textAllCtn\", {\r\n scale: 0.6,\r\n y: -100,\r\n duration: 15,\r\n});\r\n\r\nmainTimeline.to(\".subTextContainer\", {\r\n y: 0,\r\n visibility: \"visible\",\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"nav .social-ctn a\",\r\n {\r\n scale: 1,\r\n duration: 4,\r\n },\r\n {\r\n scale: 0,\r\n duration: 4,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".svgSocial\",\r\n { scale: 0, duration: 10 },\r\n { scale: 1, duration: 10 }\r\n);\r\n\r\nmainTimeline.staggerTo(\r\n [\".charSpan2\"],\r\n 3,\r\n {\r\n color: \"#D1D821\",\r\n opacity: 1,\r\n duration: 25,\r\n },\r\n 0.5\r\n);\r\n\r\n/******** JS MEDIA QUERIES ********/\r\n"], + "mappings": "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IAAK,KACP,CAAC,EAGHA,EAAa,OACX,mBACA,CACE,QAAS,EACT,EAAG,CACL,EACA,CACE,QAAS,EACT,EAAG,IACH,SAAU,EACV,MAAO,CACT,CACF,EAEAA,EAAa,GAAG,aAAc,CAC5B,QAAS,EACT,SAAU,CACZ,CAAC,EAMDA,EAAa,OACX,UACA,CACE,QAAS,EACT,OAAQ,EACV,EACA,CACE,QAAS,EACT,SAAU,EACV,MAAO,IACP,OAAQ,CACV,CACF,EAEAA,EAAa,OACX,gBACA,CACE,QAAS,OACT,SAAU,CACZ,EACA,CACE,QAAS,QACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,gBACA,CACE,QAAS,EACT,SAAU,CACZ,EACA,CACE,QAAS,EACT,SAAU,EACV,QAAS,IAAM,CACb,QAAQ,IAAI,OAAO,EACnBsB,EAAY,KAAK,CACnB,CACF,CACF,EAEAtB,EAAa,OACX,aACA,CACE,QAAS,QACT,MAAO,CACT,EACA,CACE,QAAS,OACT,MAAO,CACT,CACF,EAEAA,EAAa,OACX,gBACA,CACE,QAAS,EACT,SAAU,GACV,MAAO,GACT,EACA,CACE,QAAS,EACT,SAAU,GACV,MAAO,GACP,WAAY,IAAM,CAChBsB,EAAY,MAAM,CACpB,CACF,CACF,EAEAtB,EAAa,OACX,gBACA,CACE,QAAS,QACT,SAAU,CACZ,EACA,CACE,QAAS,OACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,YACA,CACE,MAAO,IACP,QAAS,EACT,SAAU,CACZ,EACA,CACE,MAAO,IACP,QAAS,GACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,mBACA,CACE,QAAS,EACT,MAAO,EACP,EAAG,GACL,EACA,CACE,QAAS,EACT,EAAG,EACH,SAAU,EACV,MAAO,CACT,CACF,EAEAA,EAAa,OACX,aACA,CACE,QAAS,OACT,SAAU,CACZ,EACA,CACE,QAAS,OACT,SAAU,CACZ,CACF,EAEAA,EACG,OACC,gBACA,CACE,EAAG,IACH,SAAU,EACZ,EACA,CACE,EAAG,EACH,QAAS,EACT,SAAU,EACZ,CACF,EACC,SAAS,cAAc,EAE1BA,EAAa,GAAG,SAAU,CACxB,KAAM,CAAE,GAAI,MAAO,EAAG,KAAM,MAAO,KAAM,OAAQ,SAAU,EAC3D,KAAM,UACN,SAAU,CACZ,CAAC,EAEDA,EACG,GAAG,SAAU,CACZ,KAAM,CAAE,GAAI,UAAW,EAAG,IAAK,MAAO,UAAW,OAAQ,SAAU,EACnE,KAAM,UACN,SAAU,CACZ,CAAC,EACA,SAAS,WAAW,EAEvBA,EAAa,GAAG,kCAAmC,CACjD,MAAO,UACP,QAAS,IACT,SAAU,CACZ,CAAC,EAEGf,EAAS,GACXe,EAAa,OACX,gBACA,CACE,EAAG,CACL,EACA,CACE,EAAG,KACH,MAAO,EACP,SAAU,GACV,cAAe,cACjB,CACF,EACAA,EAAa,OACX,eACA,CACE,QAAS,EACT,EAAG,IACH,SAAU,GACV,MAAO,MACP,MAAO,IACP,cAAe,oBACjB,EACA,CACE,QAAS,EACT,EAAG,EACH,SAAU,GACV,MAAO,QACP,MAAO,IACP,cAAe,oBACjB,CACF,EACAA,EACG,OACC,qBACA,CACE,EAAG,IACH,SAAU,GACV,MAAO,EACT,EACA,CACE,EAAG,EACH,SAAU,GACV,MAAO,EACT,CACF,EACC,SAAS,WAAW,IAEvBA,EAAa,OACX,0BACA,CACE,EAAG,CACL,EACA,CACE,EAAG,KACH,MAAO,EACP,SAAU,EACZ,CACF,EACAA,EAAa,GAAG,eAAgB,CAC9B,QAAS,EACT,EAAG,EACH,SAAU,GACV,MAAO,QACP,MAAO,GACT,CAAC,EACDA,EACG,OACC,aACA,CACE,EAAG,IACH,MAAO,IACP,SAAU,EACZ,EACA,CACE,EAAG,EACH,MAAO,IACP,SAAU,EACZ,CACF,EACC,SAAS,WAAW,GAGzBA,EAAa,GAAG,aAAc,CAC5B,QAAS,MACT,SAAU,GACV,MAAO,EACT,CAAC,EAEDA,EAAa,GAAG,aAAc,CAC5B,QAAS,EACT,SAAU,EACV,MAAO,EACT,CAAC,EAEDA,EAAa,GAAG,YAAa,CAC3B,QAAS,EACT,SAAU,GACV,MAAO,GACT,CAAC,EAMDA,EAAa,OACX,mBACA,CACE,QAAS,CACX,EACA,CACE,QAAS,EACT,SAAU,GACV,MAAO,CACT,CACF,EAEAA,EAAa,OACX,gBACA,CACE,QAAS,EACT,SAAU,CACZ,EACA,CACE,QAAS,EACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,YACA,CACE,QAAS,IACT,SAAU,CACZ,EACA,CACE,QAAS,SACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,aACA,CACE,QAAS,OACT,SAAU,CACZ,EACA,CACE,QAAS,OACT,SAAU,CACZ,CACF,EAsBAA,EAAa,OACX,gBACA,CACE,OAAQ,GACR,QAAS,KACX,EACA,CACE,OAAQ,EACR,QAAS,EAET,SAAU,GACV,cAAe,aACf,QAAS,IAAM,CACbZ,EAAe,CACjB,CACF,CACF,EAEAY,EAAa,GAAG,wCAAyC,CACvD,EAAG,KACH,SAAU,CACZ,CAAC,EAEDA,EAAa,OACX,gBACA,CACE,QAAS,EACT,MAAO,GACT,EACA,CACE,QAAS,EACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,kCACA,CACE,EAAG,KACH,SAAU,EACV,MAAO,GACT,EACA,CACE,EAAG,EACH,SAAU,EACV,MAAO,GACT,CACF,EAEAA,EAAa,OACX,wCACA,CACE,EAAG,KACH,MAAO,EACT,EACA,CACE,EAAG,EACH,QAAS,GACT,SAAU,EACV,MAAO,EACT,CACF,EAEAA,EAAa,OACX,0CACA,CACE,MAAO,cACP,SAAU,EACV,MAAO,EACT,EACA,CACE,MAAO,oBACP,QAAS,EACT,SAAU,EACV,MAAO,EACT,CACF,EAEAA,EAAa,OACX,gBACA,CACE,QAAS,EACT,SAAU,EACZ,EACA,CACE,QAAS,IACT,SAAU,GACV,cAAe,YACjB,CACF,EAEAA,EAAa,OACX,gBACA,CACE,QAAS,EACT,SAAU,GACV,cAAe,YACjB,EACA,CACE,QAAS,EAET,SAAU,EACZ,CACF,EAEAA,EAAa,OACX,gBACA,CACE,QAAS,OACT,SAAU,CACZ,EACA,CACE,QAAS,OACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,mBACA,CACE,QAAS,OACT,SAAU,CACZ,EACA,CACE,QAAS,OACT,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", "names": ["isMobile", "countdownStarted", "countdownInterval", "startCountdown", "minutes", "seconds", "milliseconds", "formattedTime", "renderCountdown", "time", "countdownContainer", "lenis", "raf", "init", "timeout", "mainTimeline", "html", "body", "collapse", "menu", "navItems", "separators", "icon", "social", "wrapperCtn", "expandBtns", "expandBtnImgs", "e", "bubbles", "x", "y", "menuTl", "isRotated", "links", "logoCtn", "scrollCtn", "videoCamara", "middleVideo", "tiempoVideo", "progressBar", "nav", "txtCtn", "titleOuterCtn", "titleCtn", "hoveredTitleCtn", "descCtn", "ctnHr", "previewVideos", "logoPortfolio", "videoOverlay", "videoTiempo", "videoTiempoSection", "txtContainers", "txtInnerCtn", "liElements", "modal", "modalContent", "videoEl", "closeModal", "middleVidSection", "portfolioSection", "videos", "currentVideo", "ctn", "childTitleCtn", "isOpen", "btn", "index", "i", "hoverAcc", "event", "sibling", "outAcc", "originalWidth", "element", "toggleClickCtn", "animateOut", "titleOuterArray", "fieldset", "hover", "out", "liElement", "newVideo", "swapSrc", "urls1", "_", "url", "img", "cameraFrames", "carouselCtn", "carousel"] } diff --git a/index.html b/index.html index e231d1c..af54430 100644 --- a/index.html +++ b/index.html @@ -191,7 +191,7 @@

TODO EMPIEZA

-

POR UNA IDEA

+

CON UNA IDEA

diff --git a/src/index.js b/src/index.js index 1da3d01..8284209 100644 --- a/src/index.js +++ b/src/index.js @@ -1392,6 +1392,9 @@ mainTimeline.fromTo( opacity: 0, duration: 10, delay: 20, + onComplete: () => { + middleVideo.pause() + } } );