text: (window.webpackJsonp=window.webpackJsonp||[]).push([[13],{"448K":function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return h}));var r=a("q1tI"),n=a.n(r),o=a("Wbzz"),c=a("9eSz"),l=a.n(c),s=a("1eu9"),i=a.n(s),m=a("Tgqd"),d=a("V0Rq"),p=a("Haw6"),u=a("pc+1"),f=a("RHZy"),g=a("plVc"),x=a.n(g),v=function(e,t){(new u.v).to(".fadeOut",.8,{opacity:0,ease:u.h.easeIn},1)};function h(){var e=Object(o.useStaticQuery)("266065510");return Object(r.useEffect)((function(){var e;(e=new u.v).fromTo(".project-header-title",{y:"20px",opacity:0},{duration:.8,y:"0px",opacity:1,ease:u.h.ease},1),e.fromTo(".project-header-description",{y:"20px",opacity:0},{duration:.8,y:"0px",opacity:1,ease:u.h.ease},1.5),e.fromTo(".project-page-link",{y:"20px",opacity:0},{duration:.8,y:"0px",opacity:1,ease:u.h.ease},2),e.fromTo(".FiX",{y:"-20px",opacity:0},{duration:.8,y:"0px",opacity:1,ease:u.h.ease},2.5)}),[]),Object(r.useEffect)((function(){var e=document.querySelector("[data-scrollbar]"),t=d.a.init(e),a=f.a.to("nav",{y:"-=60",duration:.5,ease:u.k.easeIn,paused:!0});f.a.registerPlugin(p.a),p.a.scrollerProxy("body",{scrollTop:function(e){return arguments.length&&(t.scrollTop=e,document.getElementsByTagName("body").setAttribute("class","scrolling")),t.scrollTop}}),t.addListener(p.a.update),p.a.create({trigger:"nav",start:"10px top",end:99999,onUpdate:function(e){e.progress;var t=e.direction,r=e.isActive;-1===t&&a.reverse(),(1===t||1===t&&!0===r)&&a.play()}}),f.a.to(".project-page-bg",{yPercent:50,ease:"none",scrollTrigger:{trigger:".jumbotron",scrub:!0}}),f.a.utils.toArray(".gs_reveal").forEach((function(e){!function(e){f.a.set(e,{autoAlpha:0})}(e),p.a.create({trigger:e,onEnter:function(){!function(e,t){var a=.5,r=100*(t|=1);e.classList.contains("gs_reveal_delay15")?a=1.5:e.classList.contains("gs_reveal_delay2")&&(a=2),f.a.fromTo(e,{x:0,y:r,autoAlpha:0},{delay:a,duration:1.25,x:0,y:0,autoAlpha:1,ease:"expo",overwrite:"auto"})}(e)}})})),f.a.to(".next-project-cover",{ease:"none",width:"100vw",scrollTrigger:{trigger:".next-project-cover",end:"bottom bottom",scrub:!0}},"+=1")})),n.a.createElement(n.a.Fragment,null,n.a.createElement("div",{className:"fixed-nav w-full"},n.a.createElement("nav",{className:"pt-8 flex justify-center"},n.a.createElement(x.a,{to:"/projects",exit:{trigger:function(e){e.exit,e.node;return v()},length:2},entry:{delay:2}},n.a.createElement(m.a,{className:"FiX text-3xl text-white z-50"})))),n.a.createElement("section",{id:"___section",className:"h-screen section fadeOut","data-scrollbar":!0},n.a.createElement("div",{className:"project-header h-screen"},n.a.createElement("div",{className:"project-page-bg"},n.a.createElement(l.a,{className:"h-screen w-full overflow-hidden relative",fluid:e.markdownRemark.frontmatter.image.childImageSharp.fluid,alt:e.markdownRemark.frontmatter.image.name})),n.a.createElement("div",{className:"overlay"},n.a.createElement("div",{className:"center-flex text-white"},n.a.createElement("div",{className:"project-header-title"},n.a.createElement("p",{className:"text-8xl font-heading text-center"},e.markdownRemark.frontmatter.title)),n.a.createElement("div",{className:"project-header-description self-end mx-12 max-w-xs"},n.a.createElement("p",{className:"text-2xl font-heading"},e.markdownRemark.frontmatter.description),n.a.createElement("br",null),n.a.createElement("a",{href:e.markdownRemark.frontmatter.link,className:"project-page-link text-xl font-serif font-semibold example text-white"},n.a.createElement("span",{className:"hover hover-3 white"},"View the Website")))))),n.a.createElement("div",{className:"header-gradient text-white text-center font-serif jumbotron"},n.a.createElement("div",{className:"sm:px-12 md:px-18 lg:px-24"},n.a.createElement("div",{className:"py-20 gs_reveal"},n.a.createElement("p",{className:"text-lg max-w-sm margin-auto"},e.markdownRemark.frontmatter.content)),n.a.createElement("div",{className:"mobile-dd py-20 gs_reveal"},n.a.createElement(l.a,{fluid:e.markdownRemark.frontmatter.gallery[0].childImageSharp.fluid,alt:e.markdownRemark.frontmatter.gallery[0].name})),n.a.createElement("div",{className:"bg-image-bold-text margin-auto"},"Game Play"),n.a.createElement("div",{className:"gs_reveal"},n.a.createElement("p",{className:"text-lg max-w-sm margin-auto text-center pt-16"},e.markdownRemark.frontmatter.role))),n.a.createElement("div",{className:"pt-20 animate-trigger"},n.a.createElement(i.a,{tag:"div",className:"scaleUp next-project-cover gs-reveal ",fluid:e.markdownRemark.frontmatter.nextProjectImage.childImageSharp.fluid},n.a.createElement("div",{className:"center-flex text-white"},n.a.createElement("p",{className:"text-center pb-20 font-serif text-2xl"},"Next Project:"),n.a.createElement(x.a,{to:e.markdownRemark.frontmatter.nextProjectSlug,exit:{trigger:function(e){e.exit,e.node;return v()},length:2},entry:{delay:2}},n.a.createElement("p",{className:"text-8xl font-heading text-center text-white"},e.markdownRemark.frontmatter.nextProject))))))))}}}]);
  //# sourceMappingURL=component---src-pages-dungeons-and-demons-game-js-a4c510fe18864208bf05.js.map