(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[70039],{94410:(s,e,a)=>{"use strict";a.d(e,{A:()=>c});var r=a(24299),n=a(67133);let c=(0,r.I)(n.uS)({name:"Space",class:"s1hfctpl",propsAsIs:!0});a(67807)},56366:(s,e,a)=>{"use strict";a.r(e),a.d(e,{default:()=>z});var r=a(29549),n=a(24299),c=a(69515),l=a.n(c),t=a(10120),o=a(13320),i=a(94410),d=a(49851);let p=(0,n.I)("div")({name:"FullscreenWrapper",class:"fiu36f",propsAsIs:!1}),h=(0,n.I)("div")({name:"InlineWrapper",class:"irxpjmd",propsAsIs:!1}),m=(0,n.I)(i.A)({name:"Container",class:"chze80z",propsAsIs:!0}),u=(0,n.I)("div")({name:"Browser",class:"ben6ruc",propsAsIs:!1}),x=(0,n.I)("div")({name:"Content",class:"c19o4jsy",propsAsIs:!1}),I=(0,n.I)("div")({name:"Hero",class:"h10zdrwb",propsAsIs:!1}),j=(0,n.I)("div")({name:"Body",class:"b1pjo8hv",propsAsIs:!1}),b=(0,n.I)("div")({name:"Blocker",class:"bdn17wr",propsAsIs:!1}),y=(0,n.I)(b)({name:"HeroBlocker",class:"hrry4o4",propsAsIs:!0}),v=(0,n.I)(b)({name:"BodyBlocker",class:"b1bkuwl9",propsAsIs:!0}),A=(0,n.I)("div")({name:"StickyHeaderWrapper",class:"s68rjiz",propsAsIs:!1}),f=(0,n.I)(d.A)({name:"StickyHeader",class:"ssn68bx",propsAsIs:!0}),S=(0,n.I)("div")({name:"Name",class:"n1i9t4xn",propsAsIs:!1}),k=(0,n.I)("ul")({name:"Links",class:"l9r15xm",propsAsIs:!1}),w=(0,n.I)("li")({name:"Link",class:"l1gdlmiv",propsAsIs:!1}),z=function(s){let{isFullscreened:e=!1}=s,a=(0,r.jsx)(o.Ay,{id:"sticky-trick-visualization",initialValues:{rotateY:0},controls:[(0,r.jsx)(o.oP,{id:"rotateY",label:"Reveal",min:0,max:100,step:1,previewRenderer:s=>"".concat(s,"%")},"rotateY")],customGrid:{gridTemplateColumns:"min(400px, 100%)",justifyContent:"center"},outputWrapper:null,children:s=>{let{rotateY:e}=s;return(0,r.jsx)(m,{style:{"--top-padding":"".concat((0,t.S8)(e,0,100,0,64),"px"),"--side-padding":"".concat((0,t.S8)(e,0,100,0,32),"px")},children:(0,r.jsx)(u,{style:{"--rotate-y":"".concat((0,t.S8)(e,0,100,0,-45),"deg"),"--translate-x":"".concat((0,t.S8)(e,0,100,0,0),"px")},children:(0,r.jsxs)(x,{style:{"--gap":"".concat((0,t.S8)(e,0,100,0,16),"px")},children:[(0,r.jsxs)(I,{style:{"--lightness":"".concat((0,t.S8)(e,0,100,88,80),"%"),"--saturation":"".concat((0,t.S8)(e,0,100,90,60),"%")},children:[(0,r.jsx)(y,{style:{"--translate-z":"".concat((0,t.S8)(e,0,100,0,20),"px")}}),(0,r.jsx)("p",{className:l().className,"aria-hidden":"true",children:"Words that have been obscured and covered."})]}),(0,r.jsxs)(j,{style:{"--body-opacity":"".concat((0,t.S8)(e,0,100,1,.85))},children:[(0,r.jsx)(v,{style:{"--translate-z":"".concat((0,t.S8)(e,0,100,0,20),"px")}}),(0,r.jsx)("p",{className:l().className,"aria-hidden":"true",children:"These words are meant to mimic a blog post. I need quite a few of them, possibly across multiple paragraphs!"}),(0,r.jsx)("p",{className:l().className,"aria-hidden":"true",children:"Indeed, it's a lot of words."}),(0,r.jsxs)("p",{className:l().className,"aria-hidden":"true",children:["If you have figured out how to read this, you're a real clever duck! Congrats ","<3","."]})]}),(0,r.jsx)(A,{children:(0,r.jsxs)(f,{style:{"--outline-opacity":"".concat((0,t.S8)(e,0,100,0,.88)),"--translate-z":"".concat((0,t.S8)(e,0,100,0,24),"px")},children:[(0,r.jsx)(S,{children:"Jerica Lancaster"}),(0,r.jsxs)(k,{children:[(0,r.jsx)(w,{children:"Categories"}),(0,r.jsx)(w,{children:"Courses"}),(0,r.jsx)(w,{children:"About"})]})]})})]})})})}});return e?(0,r.jsx)(p,{children:a}):(0,r.jsx)(h,{children:a})};a(32504)},32504:s=>{s.exports={fiu36f:"fiu36f",chze80z:"chze80z",ben6ruc:"ben6ruc",c19o4jsy:"c19o4jsy",h10zdrwb:"h10zdrwb",b1pjo8hv:"b1pjo8hv",bdn17wr:"bdn17wr",hrry4o4:"hrry4o4",b1bkuwl9:"b1bkuwl9",s68rjiz:"s68rjiz",ssn68bx:"ssn68bx",n1i9t4xn:"n1i9t4xn",l9r15xm:"l9r15xm",l1gdlmiv:"l1gdlmiv"}},69515:s=>{s.exports={style:{fontFamily:"'Redacted Script', 'Redacted Script Fallback'",fontWeight:400,fontStyle:"normal"},className:"__className_a92156"}}}]);
//# sourceMappingURL=70039.f35fd915c11ba9a0.js.map