https://akademie-typeclass.vercel.app/_next/static/chunks/871-9677cb47dfc841ba.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[871],{3863:function(e,t,a){var s=a(1527),r=a(5924),n=a(3125);let i=e=>{let{}=e,{asPath:t,locale:a}=(0,n.useRouter)();return(0,s.jsxs)("footer",{className:(0,r.Z)("flex flex-col sm:flex-row sm:justify-end leading-1.5 gap-x-3","px-5 lg:px-10 sm:mb-11 mb-20 mt-40","text-sm text-neutral-500 tracking-wide"),children:[(0,s.jsxs)("span",{children:["Design/Development/Copyright \xa9 ",new Date().getFullYear()]}),(0,s.jsxs)("div",{className:"flex gap-x-3",children:[(0,s.jsx)("a",{href:"https://www.andreasfaust.de",target:"_blank",rel:"noopener noreferrer",className:(0,r.Z)("underline underline-offset-4 decoration-1 decoration-neutral-700","transition hover:text-neutral-200","whitespace-nowrap",{"decoration-neutral-400/50 hover:!text-neutral-800":"/info"===t}),children:"Andreas Faust"}),(0,s.jsx)("a",{href:"https://www.andreasfaust.de/impressum",className:(0,r.Z)("flex items-center gap-2","underline underline-offset-4 decoration-1 decoration-neutral-700","transition hover:text-neutral-300",{"decoration-neutral-400/50 hover:!text-neutral-800":"/info"===t}),children:"de"===a?"Impressum":"Imprint"})]})]})};t.Z=i},5196:function(e,t,a){var s=a(1527),r=a(5762),n=a.n(r),i=a(5924);a(959);let l=e=>{let{className:t,color:a="red"}=e;return(0,s.jsxs)("div",{className:"jsx-3bcb2bc7ebebdd0a "+((0,i.Z)("absolute z-10 top-1/2 left-1/2 w-16 h-16 transform -translate-x-1/2 -translate-y-1/2",t)||""),children:[(0,s.jsx)("svg",{viewBox:"25 25 50 50",className:"jsx-3bcb2bc7ebebdd0a spinner__svg",children:(0,s.jsx)("circle",{cx:"50",cy:"50",r:"23.5",stroke:a,strokeWidth:"1",fill:"none",fillRule:"evenodd",className:"jsx-3bcb2bc7ebebdd0a spinner__circle"})}),(0,s.jsx)(n(),{id:"3bcb2bc7ebebdd0a",children:".spinner__svg.jsx-3bcb2bc7ebebdd0a{-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center;-webkit-animation:rotate 2s linear infinite;-moz-animation:rotate 2s linear infinite;-o-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-moz-keyframes rotate{100%{-moz-transform:rotate(1turn);transform:rotate(1turn)}}@-o-keyframes rotate{100%{-o-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{100%{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}.spinner__circle.jsx-3bcb2bc7ebebdd0a{stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;-moz-animation:dash 1.5s ease-in-out infinite;-o-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@-moz-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@-o-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}"})]})};t.Z=l},6024:function(e,t,a){a.d(t,{Z:function(){return R}});var s=a(1527),r=a(930),n=a(959),i=a(5924),l=a(7709),o=a(5945),c=a.n(o),d=a(471),u=a(3125),m=a(1234);let x=e=>{let{src:t,pause:a,priority:r}=e,{ref:i,inView:o}=(0,l.YD)({rootMargin:"-25% 0px -25% 0px",triggerOnce:!0}),[c,d]=n.useState(r?t:void 0);n.useEffect(()=>{o&&d(t)},[o,t]);let[u,x,h]=(0,m.Z)((0,s.jsx)("video",{src:c,muted:!0,playsInline:!0,loop:!0,autoPlay:!0}));return n.useEffect(()=>{a?h.pause():h.play()},[a,h]),(0,s.jsx)("div",{ref:i,children:u})};var h=a(8004),f=a(5352);let p=e=>{let{isActive:t,index:a,duration:r}=e,[i,l]=n.useState(0);n.useEffect(()=>{t?l(100):l(0)},[t]);let o=(0,d.oc)();return n.useEffect(()=>{if(!t)return;let e=setTimeout(()=>{null==o||o.slideNext()},r);return()=>clearTimeout(e)},[o,t,r]),(0,s.jsx)(f.fC,{className:"relative overflow-hidden bg-white/10 w-full h-[2px] translate-z-0",value:0,onClick:()=>{null==o||o.slideTo(a)},children:(0,s.jsx)(f.z$,{className:"bg-white/30 w-full h-full transition ease-linear",style:{transform:"translateX(-".concat(100.25-i,"%)"),transitionDuration:t?"".concat(r,"ms"):"200ms"}})})};function v(e){var t;let[a,s]=(0,h.oR)(e=>[e.teasers,e.setTeaserRealIndex]);return{realIndex:(null===(t=a[e])||void 0===t?void 0:t.realIndex)||0,setTeaserRealIndex:s}}let g=e=>{let{images:t,name:a,duration:r,isActive:n}=e,{realIndex:i}=v(a);return(0,s.jsx)("ul",{className:"absolute z-50 inset-x-0 bottom-0 grid gap-x-2",style:{gridTemplateColumns:"repeat(".concat(null==t?void 0:t.length,", minmax(0, 1fr))")},children:null==t?void 0:t.map((e,t)=>(0,s.jsx)("li",{children:(0,s.jsx)(p,{isActive:i===t&&n,duration:r,index:t})},e.src))})},w=e=>{var t,a,r;let{name:n,images:l}=e,[o]=(0,h.oR)(e=>[e.teasers]),d=(null===(t=o[n])||void 0===t?void 0:t.realIndex)||0;return(0,s.jsxs)("div",{className:"relative w-full !pb-8",children:[(0,s.jsx)("div",{className:"overflow-hidden rounded-sm",children:(null==l?void 0:l[d].video)?(0,s.jsx)(x,{src:null==l?void 0:null===(r=l[d])||void 0===r?void 0:r.src,pause:!1,priority:!0}):(0,s.jsx)(c(),{src:null==l?void 0:l[d],alt:null==l?void 0:null===(a=l[d])||void 0===a?void 0:a.alt,className:(0,i.Z)({}),sizes:"(max-width: 1023px) 100vw, (max-width: 1680px) 60vw, 1264px"})}),(0,s.jsx)(g,{name:n,images:l,duration:4e3,isActive:!1})]})},b=e=>{let{name:t,images:a,url:r,isExpanded:o,priority:m}=e,{ref:h,inView:f}=(0,l.YD)({rootMargin:"-25% 0px -25% 0px"}),{asPath:p}=(0,u.useRouter)(),{realIndex:b,setTeaserRealIndex:j}=v(t),k=function(){let[e,t]=n.useState(!0);return n.useEffect(()=>{function e(){document.hidden?t(!1):t(!0)}return document.addEventListener("visibilitychange",e),()=>{document.removeEventListener("visibilitychange",e)}},[]),e}(),[y,N]=n.useState(!1);return(0,s.jsx)("div",{ref:h,onMouseEnter:()=>N(!0),onMouseLeave:()=>N(!1),children:o?(0,s.jsx)(w,{name:t,images:a}):(0,s.jsxs)(d.tq,{className:(0,i.Z)("w-full !pb-8"),spaceBetween:5,loop:!0,initialSlide:b||0,grabCursor:"/"!==p,onRealIndexChange:e=>{o||j(t,e.realIndex)},children:[null==a?void 0:a.map((e,t)=>(0,s.jsx)(d.o5,{className:"overflow-hidden rounded-sm",children:e.video?(0,s.jsx)(x,{src:e.src,pause:b!==t||!k,priority:m}):(0,s.jsx)(c(),{src:e,alt:e.alt,className:(0,i.Z)({"transition duration-200 hover:scale-102":r,"hover:!scale-100":o}),priority:(0===t||1===t)&&m,sizes:"/"===p?"(max-width: 1023px) 100vw, (max-width: 1680px) 60vw, 1264px":"(max-width: 1023px) 100vw, (max-width: 1680px) 80vw, 1264px"})},e.src)),(0,s.jsx)(g,{name:t,images:a,duration:4e3,isActive:f&&!y&&k})]})})},j=e=>{let{url:t,children:a,setIsExpanded:r,className:i}=e,l=(0,u.useRouter)(),o=n.useRef(null),[c]=(0,h.oR)(e=>

1[e.setMinimizeAside]);function d(){clearTimeout(o.current),window.removeEventListener("popstate",d),history.go(1),r(!1),c(!1)}return n.useEffect(()=>{l.prefetch(t)},[l,t]),t?(0,s.jsx)("a",{className:i,href:t,onClick:function(e){e.preventDefault(),window.addEventListener("popstate",d),o.current=setTimeout(()=>{window.removeEventListener("popstate",d),l.push(t)},500)},children:a}):(0,s.jsx)("div",{className:i,children:a})};var k=a(5604);let y=e=>{let{value:t,label:a,setValue:r,min:l,max:o,unit:c,divider:d}=e,[u,m]=n.useState(!1);return(0,s.jsxs)("li",{className:(0,i.Z)("w-full gap-10 items-center","font-sans text-sm text-white/50 tracking-wide"),children:[(0,s.jsx)("label",{className:"block",children:u?t+(c?" ".concat(c):""):a}),(0,s.jsxs)(k.fC,{className:(0,i.Z)("relative flex items-center h-10","select-none touch-none cursor-pointer"),onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1),defaultValue:[t],onValueChange:e=>{r(e[0]/(d||1))},min:l,max:o,step:1,"aria-label":"Volume",children:[(0,s.jsx)(k.fQ,{className:"bg-neutral-500 relative flex-grow rounded-full h-px",children:(0,s.jsx)(k.e6,{className:"absolute bg-white/50 h-full"})}),(0,s.jsx)(k.bU,{className:"block w-3 h-3 bg-white rounded-full"})]})]})},N=e=>{let{style:t,className:a,value:r,setValue:l,placeholder:o}=e,c=n.useRef(r),d=n.useRef(null),{locale:m}=(0,u.useRouter)();return(0,s.jsx)("div",{contentEditable:!0,ref:d,className:(0,i.Z)(a,"text-white focus:outline-0","w-full whitespace-pre-wrap break-words","before:content-[attr(placeholder)] before:text-neutral-500"),onPaste:e=>{e.preventDefault();let t=e.clipboardData.getData("text/plain"),a=t.replace(/(<([^>]+)>)/gi,"");document.execCommand("insertHTML",!1,a)},onInput:e=>{l(e.currentTarget.innerHTML)},placeholder:r?"":o||("en"===m?"Type something here":"Schreibe etwas hier"),style:{...t},dangerouslySetInnerHTML:{__html:c.current},spellCheck:!1,autoCapitalize:"off",autoCorrect:"off"})},z=e=>{var t,a;let{font:r}=e,[o,c]=n.useState(""),[d,u]=n.useState((null===(t=r.weight)||void 0===t?void 0:t.min)||100),[m,x]=n.useState((null===(a=r.optical)||void 0===a?void 0:a.min)||100),[h,f]=n.useState(80),[p,v]=n.useState(100),[g,w]=n.useState(0),{ref:b,inView:j}=(0,l.YD)({triggerOnce:!0});return(0,s.jsxs)("div",{ref:b,className:(0,i.Z)("relative p-5 lg:p-10","transition duration-1000 opacity-0 translate-y-12",{"opacity-100 translate-y-0":j}),children:[r.title&&(0,s.jsx)("h3",{className:"text-xl uppercase text-white mb-1em tracking-wide",children:r.title}),(0,s.jsxs)("ul",{className:(0,i.Z)("flex gap-5 lg:gap-10"),children:[r.weight&&(0,s.jsx)(y,{value:d,setValue:e=>u(e),min:r.weight.min,max:r.weight.max,label:"Weight"}),r.optical&&(0,s.jsx)(y,{value:m,setValue:e=>x(e),min:r.optical.min,max:r.optical.max,label:"Optical"}),(0,s.jsx)(y,{value:h,setValue:e=>f(e),min:6,max:600,unit:"px",label:"Fontsize"}),(0,s.jsx)(y,{value:p,setValue:e=>v(e),min:75,max:200,unit:"%",label:"Line-Height"}),(0,s.jsx)(y,{value:g,setValue:e=>w(e),min:-10,max:20,divider:100,unit:"em",label:"Spacing"})]}),(0,s.jsx)(N,{className:(0,i.Z)("py-10",{uppercase:r.uppercase}),value:o,setValue:e=>c(e),placeholder:r.placeholder,style:{fontFamily:r.name,fontSize:"".concat(h,"px"),lineHeight:"".concat(p,"%"),letterSpacing:"".concat(g,"em"),fontVariationSettings:'"wght" '.concat(d,', "opsz" ').concat(m)}})]})};var E=a(1407),_=a(4366);let S=e=>{let{className:t,color:a}=e;return(0,s.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.4 45.4",className:t,children:[(0,s.jsx)("path",{d:"M32.1,42.5H12.8c-5.5,0-10-4.5-10-10V13.2c0-5.5,4.5-10,10-10h19.3c5.5,0,10,4.5,10,10v19.3  C42.1,38,37.6,42.5,32.1,42.5z",fill:"transparent",className:"transition duration-500",stroke:a,strokeWidth:2.25}),(0,s.jsx)("path",{d:"M22.4,32.9L22.4,32.9c-5.6,0-10.1-4.5-10.1-10.1v0c0-5.6,4.5-10.1,10.1-10.1h0c5.6,0,10.1,4.5,10.1,10.1v0  C32.5,28.4,28,32.9,22.4,32.9z",fill:"transparent",className:"transition duration-500",stroke:a,strokeWidth:2.25}),(0,s.jsx)("circle",{cx:"34.3",cy:"10.9",r:"2.1",fill:a,className:"transition duration-500",stroke:a,strokeWidth:2.25})]})},Z=e=>{let{name:t,designer:a,text:n,email:l,instagram:o,slug:c}=e,{asPath:d,locale:m}=(0,u.useRouter)();return(0,s.jsxs)("div",{className:"grid md:grid-cols-2",children:[(0,s.jsxs)("h2",{className:"text-2xl text-white mb-1em",children:[(0,s.jsx)("span",{className:"uppercase",children:t})," ",(0,s.jsxs)("span",{className:"text-white/40 whitespace-nowrap",children:["de"===m?"von":"by"," ",a]})]}),"/"!==d&&(0,s.jsxs)(r.E.div,{className:"grid gap-8",initial:{opacity:0,y:40}

1,animate:{opacity:1,y:0},transition:{duration:1},children:[n&&(0,s.jsx)("p",{className:"font-serif text-xl md:text-2xl xl:text-3xl text-white",children:n[m]}),(0,s.jsxs)("p",{className:(0,i.Z)("text-white"),children:[(0,s.jsx)("span",{className:"uppercase",children:t})," ","de"===m?"steht unter der":"is licensed under the"," ",(0,s.jsx)("a",{href:"https://de.wikipedia.org/wiki/SIL_Open_Font_License",className:"hover-underline",target:"_blank",rel:"noreferrer",children:"Open-Font-License"})]}),(0,s.jsxs)("a",{className:(0,i.Z)("text-white flex gap-2","hover-underline"),href:"".concat("https://akademie-typeclass.vercel.app","/").concat(c,"/").concat(c,".zip"),target:"_blank",rel:"noreferrer",download:!0,children:[(0,s.jsx)(E,{className:"h-6 w-6 fill-white"}),"de"===m?"Fonts herunterladen":"Download Fonts"," ","(Opentype, WOFF2)"]}),(0,s.jsxs)("p",{className:"text-white flex items-center gap-5",children:[(0,s.jsx)("span",{className:"opacity-50",children:"de"===m?"Kontakt: ":"Contact: "}),o&&(0,s.jsx)("a",{href:o,className:"transition opacity-50 hover:opacity-100",target:"_blank",rel:"noreferrer",title:"de"===m?"Instagram-Profil von ".concat(t):"Instagram profile of ".concat(t),children:(0,s.jsx)(S,{color:"white",className:"w-10"})}),l&&(0,s.jsx)("a",{href:"mailto:".concat(l),target:"_blank",rel:"noreferrer",className:"transition opacity-50 hover:opacity-100",title:"de"===m?"E-Mail-Adresse von ".concat(t):"E-mail address of ".concat(t),children:(0,s.jsx)(_,{className:"text-white w-10"})})]})]})]})},C=e=>{var t;let{images:a,url:o,name:c,designer:d,text:m,className:x,email:f,instagram:p,fonts:v,priority:g,slug:w}=e,k=n.useRef(null),[y,N]=(0,h.oR)(e=>[e.teasers,e.setTeaserAnimated]),[E,_]=n.useState(!1),{ref:S,inView:C}=(0,l.YD)({triggerOnce:!0,onChange:e=>{e&&N(c)}}),{asPath:R}=(0,u.useRouter)(),[I,L]=(0,h.oR)(e=>[e.minimizeAside,e.setMinimizeAside]);return(0,s.jsxs)(j,{url:o,setIsExpanded:_,children:[(0,s.jsxs)("div",{ref:S,className:(0,i.Z)({"transition duration-1000 opacity-0 translate-y-12":!y[c].isVisible,"opacity-100 translate-y-0":C,"fixed top-0 max-lg:top-logoSpace right-0 w-full lg:w-[80%] !duration-500 z-50":E,"!opacity-0 !duration-500":!E&&"/"===R&&I},x),children:[(0,s.jsxs)(r.E.div,{ref:k,className:(0,i.Z)("w-full h-full flex flex-col gap-5 p-5 lg:p-10",{}),layout:!0,onClick:function(){"/"===R&&(_(!0),L(!0))},children:[(0,s.jsx)(b,{images:a,url:o,name:c,priority:g,isExpanded:E}),(0,s.jsx)(Z,{designer:d,name:c,text:m,email:f,instagram:p,slug:w})]}),"/"!==R&&(null==v?void 0:v.map(e=>(0,s.jsx)(z,{font:e},e.name)))]}),(0,s.jsx)("div",{tabIndex:-1,"aria-hidden":!0,className:"w-full",style:{height:E?null==k?void 0:null===(t=k.current)||void 0===t?void 0:t.offsetHeight:0}})]})};var R=C}}]);