https://www.a-plus-type.com/_next/static/chunks/pages/projects-e88eaa5e61e1c7cb.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[327],{96192:function(l,e,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/projects",function(){return s(69030)}])},161:function(l,e,s){"use strict";s.d(e,{C:function(){return i},Z:function(){return u}});var a=s(85893),n=s(94184),t=s.n(n),r=s(58038),c=s(57087),o=s(22606);let i={"1-fullscreen":["w-full"],"1-large":["col-span-full lg:col-span-10 lg:col-start-2"],"1-left":["col-span-full lg:col-span-8 lg:col-start-2"],"1-right":["col-span-full lg:col-span-8 lg:col-start-4"],"2-small":["col-span-5 col-start-2","col-span-5"],"2-small-4-6":["lg:col-span-4 lg:col-start-2","col-span-6"],"2-small-6-4":["col-span-6 col-start-2","col-span-4"],"2-large":["col-span-6","col-span-6"],"2-large-5-7":["col-span-5","col-span-7"],"2-large-7-5":["col-span-7","col-span-5"],"2-large-offset-left":["col-span-6 lg:mt-20","col-span-6"],"2-large-offset-right":["col-span-6","col-span-6 mt-20"],3:["col-span-4","col-span-4","col-span-4"],4:["col-span-3","col-span-3","col-span-3","col-span-3"]};function u(l){let{data:e}=l,{items:s,layout:n}=e,u=!n.startsWith("1"),p=s.map((l,e)=>{let{url:s,caption:r}=l;return(0,a.jsxs)("div",{className:t()(i[n][e],u&&"w-5-col shrink-0 snap-x lg:w-auto"),children:["video"===(0,c.J)(s)&&(0,a.jsx)("video",{src:s,playsInline:!0,muted:!0,autoPlay:!0,loop:!0,className:"h-auto w-full rounded-2xl"}),"image"===(0,c.J)(s)&&(0,a.jsx)("img",{src:s,alt:"Image",className:t()("h-auto w-full","1-fullscreen"!==n&&"rounded-2xl"),loading:"lazy"}),r&&(0,a.jsx)("p",{className:"type-caption mt-3 opacity-60",children:r})]},e)});return(0,a.jsx)("section",{className:"my-10 lg:my-20",children:"1-fullscreen"===n?p:(0,a.jsxs)(o.Z,{className:t()(r.DE,"items-center",u&&"!flex w-screen snap-center overflow-x-auto lg:!grid lg:w-[var(--gridWidth)] lg:overflow-x-hidden"),children:[(0,a.jsx)("div",{className:"-mr-5 w-[var(--gridMargin)] shrink-0 lg:hidden"}),p,(0,a.jsx)("div",{className:"-ml-5 w-[var(--gridMargin)] shrink-0 lg:hidden"})]})})}},57087:function(l,e,s){"use strict";s.d(e,{J:function(){return a}});let a=l=>{let e=l.substring(l.lastIndexOf("."));switch(e){case".png":case".jpg":case".jpeg":case".svg":case".gif":return"image";case".mp4":return"video"}}},69030:function(l,e,s){"use strict";s.r(e),s.d(e,{__N_SSG:function(){return x},default:function(){return j}});var a=s(85893),n=s(9008),t=s.n(n),r=s(67294),c=s(64170),o=s(94184),i=s.n(o),u=s(41664),p=s.n(u),d=s(58038),g=s(57087),m=s(22606),h=s(161);function f(l){let{rows:e,activeTag:s}=l,[n,t]=(0,r.useState)(!1),c=(l,e)=>l.map((l,c)=>{let{title:o,tags:u,slug:d,coverImage:m}=l;return(0,a.jsxs)(p(),{href:"/projects/".concat(d),className:i()(h.C[e][c],"group relative w-full text-center transition-all",s&&!u.includes(s)&&"pointer-events-none opacity-60 grayscale"),onMouseEnter:()=>{t(!0)},onMouseLeave:()=>{t(!1)},children:["image"===(0,g.J)(m)&&(0,a.jsx)("img",{src:m,alt:"Image",className:i()("h-auto w-full transition-all","1-fullscreen"!==e&&"rounded-2xl",n&&"grayscale group-hover:grayscale-0"),loading:"lazy"}),"video"===(0,g.J)(m)&&(0,a.jsx)("video",{src:m,playsInline:!0,muted:!0,autoPlay:!0,loop:!0,className:i()("h-auto w-full transition-all","1-fullscreen"!==e&&"rounded-2xl",n&&"grayscale group-hover:grayscale-0")}),(0,a.jsxs)("div",{className:"mt-4 transition-opacity group-hover:opacity-100 lg:opacity-0",children:[(0,a.jsx)("h3",{className:"type-h2",children:o}),(0,a.jsx)("div",{className:"type-eyebrow inline-flex gap-x-2 opacity-50",children:null==u?void 0:u.map((l,e)=>(0,a.jsxs)(r.Fragment,{children:[e>0&&(0,a.jsx)("span",{children:" • "}),(0,a.jsx)("span",{children:l})]},e))})]})]},c)});return(0,a.jsx)("section",{className:"pt-24 pb-24 lg:pt-56",children:(0,a.jsx)(m.Z,{className:i()(d.DE,"!flex flex-wrap items-center gap-y-10 lg:!grid lg:gap-y-24"),children:e.map(l=>{let{layout:e,items:s}=l;return c(s,e)})})})}var x=!0;function j(l){let{data:e}=l,{rows:s}=e,n=s.reduce((l,e)=>{let{items:s}=e,a=s.reduce((l,e)=>{let{tags:s}=e;return s?[...new Set([...l,...s])]:l},[]);return s?[...new Set([...l,...a])]:l},[]),[o,i]=(0,r.useState)(null),u=(0,a.jsxs)("select",{className:d.el,onChange:l=>{"all"===l.target.value?i(null):i(l.target.value)},children:[(0,a.jsx)("option",{selected:!0,disabled:!0,children:"Filter"}),(0,a.jsx)("option",{value:"all",children:"Everything"}),n.map((l,e)=>(0,a.jsx)("option",{value:l,children:l},e))]});return(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)(c.Z,{bottomBarContent:u,children:[(0,a.jsx)(t(),{children:(0,a.jsx)("title",{children:d.px})}),(0,a.jsx)(f,{rows:s,activeTag:o})]})})}}},function(l){l.O(0,[695,170,774,888,179],function(){return l(l.s=96192)}),_N_E=l.O()}]);