PageSourceSearch

https://tobi.computer/_next/static/chunks/0tq7po7tjdb_5.js

js tobi.computer collected 2026-10-04 11:27:14 UTC 40,374 bytes, 1 lines download raw bytes

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,273299,t=>{"use strict";var e;let i="image-Tb9Ew8CXIwaY6R1kjMvI0uRR-2000x3000-jpg";function r(t){return`image-${t.split("/").slice(-1)[0]}`.replace(/\.([a-z]+)$/,"-$1")}let s=[["width","w"],["height","h"],["format","fm"],["download","dl"],["blur","blur"],["sharpen","sharp"],["invert","invert"],["orientation","or"],["minHeight","min-h"],["maxHeight","max-h"],["minWidth","min-w"],["maxWidth","max-w"],["quality","q"],["fit","fit"],["crop","crop"],["saturation","sat"],["auto","auto"],["dpr","dpr"],["pad","pad"],["frame","frame"]],n=["clip","crop","fill","fillmax","max","scale","min"],a=["top","bottom","left","right","center","focalpoint","entropy"],o=["format"];function l(t){let{apiHost:e,projectId:i,dataset:r}=t,s={baseUrl:(e||"https://api.sanity.io").replace(/^https:\/\/api\./,"https://cdn.")},n=t.resource??t["~experimental_resource"];if(n?.type==="media-library"){if("string"!=typeof n.id||0===n.id.length)throw Error('Media library clients must include an id in "resource"');return{...s,mediaLibraryId:n.id}}if(n?.type==="canvas"){if("string"!=typeof n.id||0===n.id.length)throw Error('Canvas clients must include an id in "resource"');return{...s,canvasId:n.id}}if(n?.type==="dataset"){if("string"!=typeof n.id||0===n.id.length)throw Error('Dataset clients must include an id in "resource"');let[t,e]=n.id.split(".");if(!t||!e)throw Error('Dataset resource id must be in the format "projectId.dataset", got: '+n.id);return{...s,projectId:t,dataset:e}}return{...s,projectId:i,dataset:r}}function d(t){return t&&"config"in t&&"function"==typeof t.config?l(t.config()):t&&"clientConfig"in t&&"object"==typeof t.clientConfig?l(t.clientConfig):t||{}}class h{options;constructor(t,e){this.options=t?{...t.options||{},...e||{}}:{...e||{}}}withOptions(t){return new h(this,function(t,e){let i=e.baseUrl||t.baseUrl,r={baseUrl:i};for(let t in e)e.hasOwnProperty(t)&&(r[function(t){for(let e of s){let[i,r]=e;if(t===i||t===r)return i}return t}(t)]=e[t]);return{baseUrl:i,...r}}(this.options,t))}image(t){return this.withOptions({source:t})}dataset(t){return this.withOptions({dataset:t})}projectId(t){return this.withOptions({projectId:t})}withClient(t){let e=d(t),i={...this.options};return delete i.baseUrl,delete i.projectId,delete i.dataset,delete i.mediaLibraryId,delete i.canvasId,new h(null,{...e,...i})}bg(t){return this.withOptions({bg:t})}dpr(t){return this.withOptions(t&&1!==t?{dpr:t}:{})}width(t){return this.withOptions({width:t})}height(t){return this.withOptions({height:t})}focalPoint(t,e){return this.withOptions({focalPoint:{x:t,y:e}})}maxWidth(t){return this.withOptions({maxWidth:t})}minWidth(t){return this.withOptions({minWidth:t})}maxHeight(t){return this.withOptions({maxHeight:t})}minHeight(t){return this.withOptions({minHeight:t})}size(t,e){return this.withOptions({width:t,height:e})}blur(t){return this.withOptions({blur:t})}sharpen(t){return this.withOptions({sharpen:t})}rect(t,e,i,r){return this.withOptions({rect:{left:t,top:e,width:i,height:r}})}format(t){return this.withOptions({format:t})}invert(t){return this.withOptions({invert:t})}orientation(t){return this.withOptions({orientation:t})}quality(t){return this.withOptions({quality:t})}forceDownload(t){return this.withOptions({download:t})}flipHorizontal(){return this.withOptions({flipHorizontal:!0})}flipVertical(){return this.withOptions({flipVertical:!0})}ignoreImageParams(){return this.withOptions({ignoreImageParams:!0})}fit(t){if(-1===n.indexOf(t))throw Error(`Invalid fit mode "${t}"`);return this.withOptions({fit:t})}crop(t){if(-1===a.indexOf(t))throw Error(`Invalid crop mode "${t}"`);return this.withOptions({crop:t})}saturation(t){return this.withOptions({saturation:t})}auto(t){if(-1===o.indexOf(t))throw Error(`Invalid auto mode "${t}"`);return this.withOptions({auto:t})}pad(t){return this.withOptions({pad:t})}vanityName(t){return this.withOptions({vanityName:t})}frame(t){if(1!==t)throw Error(`Invalid frame value "${t}"`);return this.withOptions({frame:t})}url(){return function(t){let e={...t||{}},n=e.source;delete e.source;let a=function(t){var e;let i;if(!t)return null;if("string"==typeof t&&(e=t,/^https?:\/\//.test(`${e}`)))i={asset:{_ref:r(t)}};else if("string"==typeof t)i={asset:{_ref:t}};else if(t&&"string"==typeof t._ref)i={asset:t};else if(t&&"string"==typeof t._id)i={asset:{_ref:t._id||""}};else if(t&&t.asset&&"string"==typeof t.asset.url)i={asset:{_ref:r(t.asset.url)}};else{if("object"!=typeof t.asset)return null;i={...t}}return t.crop&&(i.crop=t.crop),t.hotspot&&(i.hotspot=t.hotspot),function(t){if(t.crop&&t.hotspot)return t;let e={...t};return e.crop||(e.crop={left:0,top:0,bottom:0,right:0}),e.hotspot||(e.hotspot={x:.5,y:.5,height:1,width:1}),e}(i)}(n);if(!a){if(n&&"object"==typeof n&&null!==n&&n._upload&&(!n.asset||!n.asset._ref))return"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8HwQACfsD/QNViZkAAAAASUVORK5CYII=";throw Error(`Unable to resolve image URL from source (${JSON.stringify(n)})`)}let o=function(t){let[,e,r,s]=t.split("-");if(!e||!r||!s)throw Error(`Malformed asset _ref '${t}'. Expected an id like "${i}".`);let[n,a]=r.split("x"),o=+n,l=+a;if(!(isFinite(o)&&isFinite(l)))throw Error(`Malformed asset _ref '${t}'. Expected an id like "${i}".`);return{id:e,width:o,height:l,format:s}}(a.asset._ref||a.asset._id||""),l=Math.round(a.crop.left*o.width),d=Math.round(a.crop.top*o.height),h={left:l,top:d,width:Math.round(o.width-a.crop.right*o.width-l),height:Math.round(o.height-a.crop.bottom*o.height-d)},c=a.hotspot.height*o.height/2,u=a.hotspot.width*o.width/2,p=a.hotspot.x*o.width,m=a.hotspot.y*o.height;return e.rect||e.focalPoint||e.ignoreImageParams||e.crop||(e={...e,...function(t,e){let i,r=e.width,s=e.he
1ight;if(!(r&&s))return{width:r,height:s,rect:t.crop};let n=t.crop,a=t.hotspot,o=r/s;if(n.width/n.height>o){let t=Math.round(n.height),e=Math.round(t*o),r=Math.max(0,Math.round(n.top)),s=Math.max(0,Math.round(Math.round((a.right-a.left)/2+a.left)-e/2));s<n.left?s=n.left:s+e>n.left+n.width&&(s=n.left+n.width-e),i={left:s,top:r,width:e,height:t}}else{let t=n.width,e=Math.round(t/o),r=Math.max(0,Math.round(n.left)),s=Math.max(0,Math.round(Math.round((a.bottom-a.top)/2+a.top)-e/2));s<n.top?s=n.top:s+e>n.top+n.height&&(s=n.top+n.height-e),i={left:r,top:s,width:t,height:e}}return{width:r,height:s,rect:i}}({crop:h,hotspot:{left:p-u,top:m-c,right:p+u,bottom:m+c}},e)}),function(t){let e,i=(t.baseUrl||"https://cdn.sanity.io").replace(/\/+$/,""),r=t.vanityName?`/${t.vanityName}`:"",n=`${t.asset.id}-${t.asset.width}x${t.asset.height}.${t.asset.format}${r}`;e=t.mediaLibraryId?`${i}/media-libraries/${t.mediaLibraryId}/images/${n}`:t.canvasId?`${i}/images/canvases/${t.canvasId}/${n}`:`${i}/images/${t.projectId}/${t.dataset}/${n}`;let a=[];if(t.rect){let{left:e,top:i,width:r,height:s}=t.rect;(0!==e||0!==i||s!==t.asset.height||r!==t.asset.width)&&a.push(`rect=${e},${i},${r},${s}`)}t.bg&&a.push(`bg=${t.bg}`),t.focalPoint&&(a.push(`fp-x=${t.focalPoint.x}`),a.push(`fp-y=${t.focalPoint.y}`));let o=[t.flipHorizontal&&"h",t.flipVertical&&"v"].filter(Boolean).join("");return o&&a.push(`flip=${o}`),s.forEach(e=>{let[i,r]=e;"u">typeof t[i]?a.push(`${r}=${encodeURIComponent(t[i])}`):"u">typeof t[r]&&a.push(`${r}=${encodeURIComponent(t[r])}`)}),0===a.length?e:`${e}?${a.join("&")}`}({...e,asset:o})}(this.options)}toString(){return this.url()}}e=["The default export of @sanity/image-url has been deprecated. Use the named export `createImageUrlBuilder` instead."],t.s(["createImageUrlBuilder",0,function(t){return new h(null,d(t))}])},130412,t=>{"use strict";var e=t.i(843476),i=t.i(271645),r=t.i(88653),s=t.i(846932),n=t.i(237491),a=t.i(647163),o=t.i(255667);t.s(["ScrollToTop",0,function({className:t,...l}){let[d,h]=(0,i.useState)(!1),c=(0,o.useLenis)(t=>{h(t.scroll>400)});return(0,e.jsx)(r.AnimatePresence,{children:d&&(0,e.jsx)(s.motion.button,{type:"button","aria-label":"Scroll to top",onClick:()=>{c?.scrollTo(0,{duration:.7})},initial:{opacity:0,scale:.5},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.5},transition:{duration:.3,type:"spring",damping:20,stiffness:300},className:(0,a.cn)("inline-flex size-9 items-center justify-center rounded-full bg-foreground text-background shadow-sm focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none",t),children:(0,e.jsx)(n.IconArrowUp,{className:"size-4"})})})}])},776159,t=>{"use strict";let e=t.i(247167).default.env.NEXT_PUBLIC_SANITY_API_VERSION||"2026-04-23",i=s("production","Missing environment variable: NEXT_PUBLIC_SANITY_DATASET"),r=s("b045sycc","Missing environment variable: NEXT_PUBLIC_SANITY_PROJECT_ID");function s(t,e){if(void 0===t)throw Error(e);return t}t.s(["apiVersion",0,e,"dataset",0,i,"projectId",0,r])},481293,t=>{"use strict";var e=t.i(273299),i=t.i(776159);let r=(0,e.createImageUrlBuilder)({projectId:i.projectId,dataset:i.dataset}),s=t=>r.image(t);t.s(["sanityImageBlurDataURL",0,function(t){return s(t).width(24).height(24).blur(10).url()},"sanityImagePaletteColor",0,function(t,e="dominant"){return t?.asset?.metadata?.palette?.[e]?.background??void 0},"urlFor",0,s])},967748,t=>{"use strict";var e=t.i(843476),i=t.i(657688),r=t.i(88653),s=t.i(846932),n=t.i(647163);function a(t){return(0,e.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",...t,children:[(0,e.jsx)("path",{d:"M4 6C4 4.34315 5.34315 3 7 3C8.65685 3 10 4.34315 10 6V18C10 19.6569 8.65685 21 7 21C5.34315 21 4 19.6569 4 18V6Z",fill:"currentColor"}),(0,e.jsx)("path",{d:"M14 6C14 4.34315 15.3431 3 17 3C18.6569 3 20 4.34315 20 6V18C20 19.6569 18.6569 21 17 21C15.3431 21 14 19.6569 14 18V6Z",fill:"currentColor"})]})}function o(t){return(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",...t,children:(0,e.jsx)("path",{d:"M9.57648 2.53365C7.57781 1.29918 5 2.73688 5 5.08605V18.914C5 21.2632 7.57781 22.7009 9.57648 21.4664L20.7705 14.5524C22.6686 13.3801 22.6686 10.6199 20.7705 9.44763L9.57648 2.533
165Z",fill:"currentColor"})})}var l=t.i(325015),d=t.i(271645);let h=({index:t,className:i,track:r,...a})=>(0,e.jsx)(s.motion.div,{layout:!0,layoutId:`track-index-${r.id}`,initial:!1,transition:{layout:{duration:.5,ease:[.19,1,.22,1]}},className:(0,n.cn)("size-8 rounded-full bg-foreground text-background flex items-center justify-center border border-neutral-800/20 shadow-sm",i),...a,children:(0,e.jsx)("span",{className:"font-bold",children:t.toString().padStart(2,"0")})});t.s(["TrackItem",0,function({track:t,index:c}){let[u,p]=(0,d.useState)(!1);return(0,l.useMediaQuery)("(min-width: 768px)"),(0,e.jsxs)(s.motion.div,{className:"relative group px-6 select-none",children:[(0,e.jsx)("div",{className:"absolute -top-20 left-1/2 -translate-x-1/2 w-full z-10",children:u&&(0,e.jsx)(h,{track:t,className:(0,n.cn)("mx-auto mt-3",{"bg-background text-foreground! border-border":u}),index:c+1})}),(0,e.jsxs)("div",{className:(0,n.cn)("relative grid place-items-center *:[grid-area:1/1] size-[200px] transition-all duration-500",{}),children:[!u&&(0,e.jsx)(h,{track:t,className:"absolute top-2 right-2 z-20",index:c+1}),(0,e.jsx)("div",{className:(0,n.cn)("relative z-1 transition-transform duration-500",{"scale-[1.2]":u}),children:(0,e.jsx)("div",{className:(0,n.cn)("overflow-hidden rounded-lg",{}),children:(0,e.jsx)("div",{className:(0,n.cn)("rounded-lg overflow-hidden transition-all duration-500",{"-translate-x-full":u,"group-hover:-translate-x-1/3":!u}),children:(0,e.jsx)(i.default,{className:"size-[200px]",draggable:!1,src:t.image,alt:t.name,width:100,height:100})})})}),(0,e.jsxs)("div",{className:(0,n.cn)("size-fit relative z-0 grid place-items-center *:[grid-area:1/1] animate-spin [animation-duration:10s] transition-transform duration-500",u&&"scale-[1.4]",!u&&"[animation-play-state:paused]"),children:[(0,e.jsx)(i.default,{className:"size-[200px]",draggable:!1,src:"/images/vinyl.webp",alt:"play",width:500,height:500}),(0,e.jsx)(i.default,{className:"rounded-full size-20 object-cover",draggable:!1,src:t.image,alt:"play",width:64,height:64})]}),(0,e.jsx)(s.motion.button,{className:(0,n.cn)("opacity-100 group-hover:opacity-100 scale-85 transition-all duration-300 ease-out-expo relative cursor-pointer z-20 size-12 bg-black/40 backdrop-blur-sm grid place-items-center rounded-full before:absolute before:-inset-4 before:content-['']",{"scale-100 opacity-100":u}),onClick:()=>{p(!u)},children:(0,e.jsx)(r.AnimatePresence,{mode:"popLayout",children:(0,e.jsx)(s.motion.div,{className:"text-white pointer-events-none",initial:{opacity:0,scale:.25,filter:"blur(2px)"},animate:{opacity:1,scale:1,filter:"blur(0px)"},exit:{opacity:0,scale:.25,filter:"blur(2px)"},transition:{duration:.5,ease:[.19,1,.22,1]},children:u?(0,e.jsx)(a,{className:"size-6"}):(0,e.jsx)(o,{className:"size-6"})},u?"pause":"play")})})]}),(0,e.jsxs)("div",{className:(0,n.cn)("mt-2 flex flex-col items-center transition-all duration-500",{"translate-y-8":u}),children:[(0,e.jsx)(s.motion.p,{className:"font-medium size-fit",children:t.name}),(0,e.jsx)(s.motion.p,{className:"text-sm text-neutral-500 size-fit",children:t.artist})]})]})}],967748)},418823,896129,36095,989383,t=>{"use strict";var e=t.i(843476),i=t.i(271645);let r=String.raw,s=(()=>{try{document.createElement("div").animate({opacity:0}
1,{easing:"linear(0, 1)"})}catch{return!1}return!0})(),n="u">typeof CSS&&CSS.supports&&CSS.supports("line-height","mod(1,1)"),a="u">typeof matchMedia?matchMedia("(prefers-reduced-motion: reduce)"):null,o="--_number-flow-d-opacity",l="--_number-flow-d-width",d="--_number-flow-dx",h="--_number-flow-d",c=(()=>{try{return CSS.registerProperty({name:o,syntax:"<number>",inherits:!1,initialValue:"0"}),CSS.registerProperty({name:d,syntax:"<length>",inherits:!0,initialValue:"0px"}),CSS.registerProperty({name:l,syntax:"<number>",inherits:!1,initialValue:"0"}),CSS.registerProperty({name:h,syntax:"<number>",inherits:!0,initialValue:"0"}),!0}catch{return!1}})(),u="round(nearest, calc(var(--number-flow-mask-height, 0.25em) / 2), 1px)",p=`calc(${u} * 2)`,m="var(--number-flow-mask-width, 0.5em)",f=`calc(${m} / var(--scale-x))`,g="#000 0, transparent 71%",v=r`:host{display:inline-block;direction:ltr;white-space:nowrap;isolation:isolate;line-height:1}.number,.number__inner{display:inline-block;transform-origin:left top}:host([data-will-change]) :is(.number,.number__inner,.section,.digit,.digit__num,.symbol){will-change:transform}.number{--scale-x:calc(1 + var(${l}) / var(--width));transform:translateX(var(${d})) scaleX(var(--scale-x));margin:0 calc(-1 * ${m});position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 ${f},#000 calc(100% - ${f}),transparent ),linear-gradient(to bottom,transparent 0,#000 ${p},#000 calc(100% - ${p}),transparent 100% ),radial-gradient(at bottom right,${g}),radial-gradient(at bottom left,${g}),radial-gradient(at top left,${g}),radial-gradient(at top right,${g});-webkit-mask-size:100% calc(100% - ${p} * 2),calc(100% - ${f} * 2) 100%,${f} ${p},${f} ${p},${f} ${p},${f} ${p};-webkit-mask-position:center,center,top left,top right,bottom right,bottom left;-webkit-mask-repeat:no-repeat}.number__inner{padding:${u} ${m};transform:scaleX(calc(1 / var(--scale-x))) translateX(calc(-1 * var(${d})))}:host > :not(.number){z-index:5}.section,.symbol{display:inline-block;position:relative;isolation:isolate}.section::after{content:'\200b';display:inline-block}.section--justify-left{transform-origin:center left}.section--justify-right{transform-origin:center right}.section > [inert],.symbol > [inert]{margin:0 !important;position:absolute !important;z-index:-1}.digit{display:inline-block;position:relative;--c:var(--current) + var(${h})}.digit__num,.number .section::after{padding:${u} 0}.digit__num{display:inline-block;--offset-raw:mod(var(--length) + var(--n) - mod(var(--c),var(--length)),var(--length));--offset:calc( var(--offset-raw) - var(--length) * round(down,var(--offset-raw) / (var(--length) / 2),1) );--y:clamp(-100%,var(--offset) * 100%,100%);transform:translateY(var(--y))}.digit__num[inert]{position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(var(--y))}.digit:not(.is-spinning) .digit__num[inert]{display:none}.symbol__value{display:inline-block;mix-blend-mode:plus-lighter;white-space:pre}.section--justify-left .symbol > [inert]{left:0}.section--justify-right .symbol > [inert]{right:0}.animate-presence{opacity:calc(1 + var(${o}))}`,w=HTMLElement,y=(r`:host{display:inline-block;direction:ltr;white-space:nowrap;line-height:1}span{display:inline-block}:host([data-will-change]) span{will-change:transform}.number,.digit{padding:${u} 0}.symbol{white-space:pre}`,(t,e,i)=>{let r=document.createElement(t),[s,n]=Array.isArray(e)?[void 0,e]:[e,i];return s&&Object.assign(r,s),null==n||n.forEach(t=>r.appendChild(t)),r}),b=n&&s&&c;class x extends w{constructor(){super(),this.created=!1,this.batched=!1;const{animated:t,...e}=this.constructor.defaultProps;this._animated=this.computedAnimated=t,Object.assign(this,e)}get animated(){return this._animated}set animated(t){var e;this.animated!==t&&(this._animated=t,null==(e=this.shadowRoot)||e.getAnimations().forEach(t=>t.finish()))}set data(t){var e;if(null==t)return;let{pre:i,integer:r,fraction:s,post:n,value:o}=t;if(this.created){let l=this._data;this._data=t,this.computedTrend="function"==typeof this.trend?this.trend(l.value,o):this.trend,this.computedAnimated=b&&this._animated&&(!this.respectMotionPreference||!(null!=a&&a.matches))&&this.offsetWidth>0&&this.offsetHeight>0&&"visible"===this.ownerDocument.visibilityState,null==(e=this.plugins)||e.forEach(e
1=>{var i;return null==(i=e.onUpdate)?void 0:i.call(e,t,l,this)}),this.batched||this.willUpdate(),this._pre.update(i),this._num.update({integer:r,fraction:s}),this._post.update(n),this.batched||this.didUpdate()}else{this._data=t,this.attachShadow({mode:"open"});try{this._internals??(this._internals=this.attachInternals()),this._internals.role="img"}catch{}let e=document.createElement("style");this.nonce&&(e.nonce=this.nonce),e.textContent=v,this.shadowRoot.appendChild(e),this._pre=new $(this,i,{justify:"right",part:"left"}),this.shadowRoot.appendChild(this._pre.el),this._num=new _(this,r,s),this.shadowRoot.appendChild(this._num.el),this._post=new $(this,n,{justify:"left",part:"right"}),this.shadowRoot.appendChild(this._post.el),this.created=!0}try{this._internals.ariaLabel=t.valueAsString}catch{}}willUpdate(){this._pre.willUpdate(),this._num.willUpdate(),this._post.willUpdate()}didUpdate(){if(!this.computedAnimated)return;this._abortAnimationsFinish?this._abortAnimationsFinish.abort():this.dispatchEvent(new Event("animationsstart")),this._pre.didUpdate(),this._num.didUpdate(),this._post.didUpdate();let t=new AbortController;Promise.all(this.shadowRoot.getAnimations().map(t=>t.finished)).then(()=>{t.signal.aborted||(this.dispatchEvent(new Event("animationsfinish")),this._abortAnimationsFinish=void 0)}),this._abortAnimationsFinish=t}}x.defaultProps={transformTiming:{duration:900,easing:"linear(0,.005,.019,.039,.066,.096,.129,.165,.202,.24,.278,.316,.354,.39,.426,.461,.494,.526,.557,.586,.614,.64,.665,.689,.711,.731,.751,.769,.786,.802,.817,.831,.844,.856,.867,.877,.887,.896,.904,.912,.919,.925,.931,.937,.942,.947,.951,.955,.959,.962,.965,.968,.971,.973,.976,.978,.98,.981,.983,.984,.986,.987,.988,.989,.99,.991,.992,.992,.993,.994,.994,.995,.995,.996,.996,.9963,.9967,.9969,.9972,.9975,.9977,.9979,.9981,.9982,.9984,.9985,.9987,.9988,.9989,1)"},spinTiming:void 0,opacityTiming:{duration:450,easing:"ease-out"},animated:!0,trend:(t,e)=>Math.sign(e-t),respectMotionPreference:!0,plugins:void 0,digits:void 0};class _{constructor(t,e,i,{className:r,...s}={}){this.flow=t,this._integer=new C(t,e,{justify:"right",part:"integer"}),this._fraction=new C(t,i,{justify:"left",part:"fraction"}),this._inner=y("span",{className:"number__inner"},[this._integer.el,this._fraction.el]),this.el=y("span",{...s,part:"number",className:`number ${r??""}`},[this._inner])}willUpdate(){this._prevWidth=this.el.offsetWidth,this._prevLeft=this.el.getBoundingClientRect().left,this._integer.willUpdate(),this._fraction.willUpdate()}update({integer:t,fraction:e}){this._integer.update(t),this._fraction.update(e)}didUpdate(){let t=this.el.getBoundingClientRect();this._integer.didUpdate(),this._fraction.didUpdate();let e=this._prevLeft-t.left,i=this.el.offsetWidth,r=this._prevWidth-i;this.el.style.setProperty("--width",String(i)),this.el.animate({[d]:[`${e}px`,"0px"],[l]:[r,0]},{...this.flow.transformTiming,composite:"accumulate"})}}class j{constructor(t,e,{justify:i,className:r,...s},n){this.flow=t,this.children=new Map,this.onCharRemove=t=>()=>{this.children.delete(t)},this.justify=i;const a=e.map(t=>this.addChar(t).el);this.el=y("span",{...s,className:`section section--justify-${i} ${r??""}`},n?n(a):a)}addChar(t,{startDigitsAtZero:e=!1,...i}={}){let r="integer"===t.type||"fraction"===t.type?new E(this,t.type,e?0:t.value,t.pos,{...i,onRemove:this.onCharRemove(t.key)}):new I(this,t.type,t.value,{...i,onRemove:this.onCharRemove(t.key)});return this.children.set(t.key,r),r}unpop(t){t.el.removeAttribute("inert"),t.el.style.top="",t.el.style[this.justify]=""}pop(t){t.forEach(t=>{var e,i;t.el.style.top=`${t.el.offsetTop}px`,t.el.style[this.justify]=`${e=t.el,"left"===this.justify?e.offsetLeft:((null==(i=e.offsetParent instanceof HTMLElement?e.offsetParent:null)?void 0:i.offsetWidth)??0)-e.offsetWidth-e.offsetLeft}px`}),t.forEach(t=>{t.el.setAttribute("inert",""),t.present=!1})}addNewAndUpdateExisting(t){let e=new Map,i=new Map,r="left"===this.justify,s=r?"prepend":"append";if(function(t,e,{reverse:i=!1}={}){let r=t.length;for(let s=i?r-1:0;i?s>=0:s<r;i?s--:s++)e(t[s],s)}(t,t=>{let r;this.children.has(t.key)?(r=this.children.get(t.key),i.set(t,r),this.unpop(r),r.present=!0):(r=this.addChar(t,{startDigitsAtZero:!0,animateIn:!0}),e.set(t,r)),this.el[s](r.el)},{reverse:r}),this.flow.computedAnimated){let t=this.el.getBoundingClientRect();
1e.forEach(e=>{e.willUpdate(t)})}e.forEach((t,e)=>{t.update(e.value)}),i.forEach((t,e)=>{t.update(e.value)})}willUpdate(){let t=this.el.getBoundingClientRect();this._prevOffset=t[this.justify],this.children.forEach(e=>e.willUpdate(t))}didUpdate(){let t=this.el.getBoundingClientRect();this.children.forEach(e=>e.didUpdate(t));let e=t[this.justify],i=this._prevOffset-e;i&&this.children.size&&this.el.animate({transform:[`translateX(${i}px)`,"none"]},{...this.flow.transformTiming,composite:"accumulate"})}}class C extends j{update(t){let e=new Map;this.children.forEach((i,r)=>{t.find(t=>t.key===r)||e.set(r,i),this.unpop(i)}),this.addNewAndUpdateExisting(t),e.forEach(t=>{t instanceof E&&t.update(0)}),this.pop(e)}}class $ extends j{update(t){let e=new Map;this.children.forEach((i,r)=>{t.find(t=>t.key===r)||e.set(r,i)}),this.pop(e),this.addNewAndUpdateExisting(t)}}class N{constructor(t,e,{onRemove:i,animateIn:r=!1}={}){this.flow=t,this.el=e,this._present=!0,this._remove=()=>{var t;this.el.remove(),null==(t=this._onRemove)||t.call(this)},this.el.classList.add("animate-presence"),this.flow.computedAnimated&&r&&this.el.animate({[o]:[-.9999,0]},{...this.flow.opacityTiming,composite:"accumulate"}),this._onRemove=i}get present(){return this._present}set present(t){if(this._present!==t){if(this._present=t,t?this.el.removeAttribute("inert"):this.el.setAttribute("inert",""),!this.flow.computedAnimated){t||this._remove();return}this.el.style.setProperty("--_number-flow-d-opacity",t?"0":"-.999"),this.el.animate({[o]:t?[-.9999,0]:[.999,0]},{...this.flow.opacityTiming,composite:"accumulate"}),t?this.flow.removeEventListener("animationsfinish",this._remove):this.flow.addEventListener("animationsfinish",this._remove,{once:!0})}}}class A extends N{constructor(t,e,i,r){super(t.flow,i,r),this.section=t,this.value=e,this.el=i}}class E extends A{constructor(t,e,i,r,s){var n,a;const o=((null==(a=null==(n=t.flow.digits)?void 0:n[r])?void 0:a.max)??9)+1,l=Array.from({length:o}).map((t,e)=>{let r=y("span",{className:"digit__num"},[document.createTextNode(String(e))]);return e!==i&&r.setAttribute("inert",""),r.style.setProperty("--n",String(e)),r}),d=y("span",{part:`digit ${e}-digit`,className:"digit"},l);d.style.setProperty("--current",String(i)),d.style.setProperty("--length",String(o)),super(t,i,d,s),this.pos=r,this._onAnimationsFinish=()=>{this.el.classList.remove("is-spinning")},this._numbers=l,this.length=o}willUpdate(t){let e=this.el.getBoundingClientRect();this._prevValue=this.value;let i=e[this.section.justify]-t[this.section.justify],r=e.width/2;this._prevCenter="left"===this.section.justify?i+r:i-r}update(t){this.el.style.setProperty("--current",String(t)),this._numbers.forEach((e,i)=>i===t?e.removeAttribute("inert"):e.setAttribute("inert","")),this.value=t}didUpdate(t){let e=this.el.getBoundingClientRect(),i=e[this.section.justify]-t[this.section.justify],r=e.width/2,s="left"===this.section.justify?i+r:i-r,n=this._prevCenter-s;n&&this.el.animate({transform:[`translateX(${n}px)`,"none"]},{...this.flow.transformTiming,composite:"accumulate"});let a=this.getDelta();a&&(this.el.classList.add("is-spinning"),this.el.animate({[h]:[-a,0]},{...this.flow.spinTiming??this.flow.transformTiming,composite:"accumulate"}),this.flow.addEventListener("animationsfinish",this._onAnimationsFinish,{once:!0}))}getDelta(){var t;if(this.flow.plugins)for(let e of this.flow.plugins){let i=null==(t=e.getDelta)?void 0:t.call(e,this.value,this._prevValue,this);if(null!=i)return i}let e=this.value-this._prevValue,i=this.flow.computedTrend||Math.sign(e);return i<0&&this.value>this._prevValue?this.value-this.length-this._prevValue:i>0&&this.value<this._prevValue?this.length-this._prevValue+this.value:e}}class I extends A{constructor(t,e,i,r){const s=y("span",{className:"symbol__value",textContent:i});super(t,i,y("span",{part:`symbol ${e}`,className:"symbol"},[s]),r),this.type=e,this._children=new Map,this._onChildRemove=t=>()=>{this._children.delete(t)},this._children.set(i,new N(this.flow,s,{onRemove:this._onChildRemove(i)}))}willUpdate(t){if("decimal"===this.type)return;let e=this.el.getBoundingClientRect();this._prevOffset=e[this.section.justify]-t[this.section.justify]}update(t){if(this.value!==t){let e=this._children.get(this.value);e&&(e.present=!1);let i=this._children.get(t);if(i)i.present=!0;else{let e=y("span",{className:"symbol__value",textContent:t});this.el.appendChild(e),this._children.set(t,new N(this.flow,e,{animateIn:!0,onRemove:this._onChildRemove(t)}))}}this.value=t}didUpdate(t){if("decimal"===this.type)return;let e=this.el.getBoundingClientRect()[this.section.justify]-t[this.section.justify],i=this._prevOffset-e;i&&this.el.animate({transform:[`translateX(${i}px)`,"none"]},{...this.flow.transformTiming,composite:"accumulate"})}}var S=i;let k=parseInt(S.version.match(/^(\d+)\./)?.[1])>=19;class R extends x{attributeChangedCallback(t,e,i){this[t]=JSON.parse(i)}}R.observedAttributes=k?[]:["data","digits"],customElements.get("number-flow-react")||customElements.define("number-flow-react",R);let U={},O=k?function(t){return t}:JSON.stringify;function M(t){let{transformTiming:e,spinTiming:i,opacityTiming:r,animated:s,respectMotionPreference:n,trend:a,plugins:o,...l}=t;return[{transformTiming:e,spinTiming:i,opacityTiming:r,animated:s,respectMotionPreference:n,trend:a,plugins:o},l]}class P extends S.Component{updateProperties(t){if(!this.el)return;this.el.batched=!this.props.isolate;let[e]=M(this.props);Object.entries(e).forEach(([t,e])=>{this.el[t]=e??R.defaultProps[t]}),t?.onAnimationsStart&&this.el.removeEventListener("animationsstart",t.onAnimationsStart),this.props.onAnimationsStart&&this.el.addEventListener("animationsstart",this.props.onAnimationsStart),t?.onAnimationsFinish&&this.el.removeEventListener("animationsfinish",t.onAnimationsFinish),this.props.onAnimationsFinish&&this.el.addEventListener("animationsfinish",this.props.onAnimationsFinish)}componentDidMount(){this.updateProperties(),k&&this.el&&(this.el.digits=this.props.digits,this.el.data=this.props.data)}getSnapshotBeforeUpdate(t){if(this.updateProperties(t),t.data!==this.props.data){if(this.props.group)return this.props.group.willUpdate(),()=>this.props.group?.didUpdate();if(!this.props.isolate)return this.el?.willUpdate(),()=>this.el?.didUpdate()}return null}componentDidUpdate(t,e,i){i?.()}handleRef(t){this.props.innerRef&&(this.props.innerRef.current=t),this.el=t}render(){let[t,{innerRef:e,className:i,data:r,nonce:s,willChange:n,isolate:a,group:o,digits:l,onAnimationsStart:d,onAnimationsFinish:h,...c}]=M(this.props);return S.createElement("number-flow-react",{ref:this.handleRef,"data-will-change":n?"":void 0,class:i,nonce:s,...c,dangerouslySetInnerHTML:{__html:""},suppressHydrationWarning:!0,digits:O(l),data:O(r)})}constructor(t){super(t),this.handleRef=this.handleRef.bind(this)}}let T=S.forwardRef(function({value:t,locales:e,format:i,prefix:r,suffix:s,...n},a){S.useImperativeHandle(a,()=>o.current,[]);let o=S.useRef(),l=S.useContext(L);l?.useRegister(o);let d=S.useMemo(()=>e?JSON.stringify(e):"",[e]),h=S.useMemo(()=>i?JSON.stringify(i):"",[i]),c=S.useMemo(()=>
1(function(t,e,i,r){let s=e.formatToParts(t);i&&s.unshift({type:"prefix",value:i}),r&&s.push({type:"suffix",value:r});let n=[],a=[],o=[],l=[],d={},h=t=>`${t}:${d[t]=(d[t]??-1)+1}`,c="",u=!1,p=!1;for(let t of s){c+=t.value;let e="minusSign"===t.type||"plusSign"===t.type?"sign":t.type;"integer"===e?(u=!0,a.push(...t.value.split("").map(t=>({type:e,value:parseInt(t)})))):"group"===e?a.push({type:e,value:t.value}):"decimal"===e?(p=!0,o.push({type:e,value:t.value,key:h(e)})):"fraction"===e?o.push(...t.value.split("").map(t=>({type:e,value:parseInt(t),key:h(e),pos:-1-d[e]}))):(u||p?l:n).push({type:e,value:t.value,key:h(e)})}let m=[];for(let t=a.length-1;t>=0;t--){let e=a[t];m.unshift("integer"===e.type?{...e,key:h(e.type),pos:d[e.type]}:{...e,key:h(e.type)})}return{pre:n,integer:m,fraction:o,post:l,valueAsString:c,value:"string"==typeof t?parseFloat(t):t}})(t,U[`${d}:${h}`]??=new Intl.NumberFormat(e,i),r,s),[t,d,h,r,s]);return S.createElement(P,{...n,group:l,data:c,innerRef:o})}),L=S.createContext(void 0);t.s(["N",0,T,"b",0,function({children:t}){let e=S.useRef(new Set),i=S.useRef(!1),r=S.useRef(new WeakMap),s=S.useMemo(()=>({useRegister(t){S.useEffect(()=>(e.current.add(t),()=>{e.current.delete(t)}),[])},willUpdate(){i.current||(i.current=!0,e.current.forEach(t=>{let e=t.current;e&&e.created&&(e.willUpdate(),r.current.set(e,!0))}))},didUpdate(){e.current.forEach(t=>{let e=t.current;e&&r.current.get(e)&&(e.didUpdate(),r.current.delete(e))}),i.current=!1}}),[]);return S.createElement(L.Provider,{value:s},t)}],896129),((t="")=>r`:where(number-flow${t}){line-height:1}number-flow${t} > span{font-kerning:none;display:inline-block;padding:${p} 0}`)("-react"),t.s([],36095),t.s(["default",0,T],989383);var z=t.i(647163);t.s(["CountFlow",0,function({value:t,delay:r=100,className:s,...n}){let[a,o]=(0,i.useState)(0);return(0,i.useEffect)(()=>{let e=setTimeout(()=>o(t),r);return()=>clearTimeout(e)},[t,r]),(0,e.jsx)(T,{className:(0,z.cn)("font-condensed overflow-hidden",s),format:{minimumIntegerDigits:2,notation:"compact",trailingZeroDisplay:"stripIfInteger"},value:a,...n})}],418823)},109038,t=>{"use strict";var e=t.i(843476),i=t.i(271645),r=t.i(657688),s=t.i(739075),n=t.i(647163),a=t.i(833574);function o(t,e=0){let i=t.getBoundingClientRect(),r=window.innerHeight||document.documentElement.clientHeight,s=window.innerWidth||document.documentElement.clientWidth;return i.bottom>=-e&&i.top<=r+e&&i.right>=-e&&i.left<=s+e}t.s(["AutoplayVideo",0,function({aspectRatio:t=16/9,inView:l=.25,posterSizes:d="100vw",playbackId:h,poster:c,className:u,loop:p=!0,controls:m=!1,...f}){let g=(0,i.useRef)(null),v=(0,i.useRef)(null),w=(0,i.useRef)(!1),[y,b]=(0,i.useState)(!1),[x,_]=(0,i.useState)(!1),j=c??(h?a.mux.getPoster({playbackId:h}):void 0);return(0,i.useEffect)(()=>{let t=g.current;if(!t||y)return;if(o(t,400))return void b(!0);let e=new IntersectionObserver(t=>{t.some(t=>t.isIntersecting)&&(b(!0),e.disconnect())},{rootMargin:"400px 0px"});return e.observe(t),()=>e.disconnect()},[y]),(0,i.useEffect)(()=>{let t=g.current;if(!t)return;w.current=o(t);let e=new IntersectionObserver(t=>{let e=t[t.length-1].isIntersecting;w.current=e;let i=v.current;i&&(e?i.play()?.catch(()=>{}):i.pause())},{threshold:l});return e.observe(t),()=>e.disconnect()},[l]),(0,i.useEffect)(()=>{if(!y||!w.current)return;let t=window.requestAnimationFrame(()=>{v.current?.play()?.catch(()=>{})});return()=>window.cancelAnimationFrame(t)},[y]),(0,e.jsxs)("div",{ref:g,style:{"--aspect-ratio":t},className:(0,n.cn)("relative overflow-hidden aspect-(--aspect-ratio)",u),children:[j&&(0,e.jsx)(r.default,{draggable:!1,src:j,alt:"","aria-hidden":!0,fill:!0,sizes:d,loading:"eager",unoptimized:j.startsWith("blob:")||j.startsWith("data:"),className:(0,n.cn)("absolute inset-0 size-full object-cover transition-opacity duration-700 ease-out",x?"opacity-0":"opacity-100")}),y&&(0,e.jsx)(s.default,{...f,ref:v,playbackId:h,muted:!0,loop:p,controls:m,playsInline:!0,preload:"metadata",onLoadedData:()=>{w.current&&v.current?.play()?.catch(()=>{})},onPlaying:()=>_(!0),className:(0,n.cn)("relative size-full object-cover transition-opacity duration-700 ease-out",x?"opacity-100":"opacity-0")})]})}])},620681,t=>{"use strict";var e=t.i(843476),i=t.i(998341),r=t.i(668909),s=t.i(657688),n=t.i(522016),a=t.i(833574),o=t.i(109038),l=t.i(647163);function d({slug:t,title:i,subtitle:r,tags:h,cover:c,className:u}){return(0,e.jsx)(n.default,{href:`/${t}`,className:(0,l.cn)("group block mb-0 overflow-hidden hover:opacity-70 transition-opacity rounded-3xl bg-muted",u),children:(0,e.jsxs)("div",{className:"p-2 flex flex-col gap-2",children:[(0,e.jsx)("div",{className:"relative w-full aspect-4/3 object-cover overflow-hidden rounded-sm border border-border/50 shadow-xs",children:"image"===c.type?(0,e.jsx)(s.default,{src:c.src,alt:i,width:1e3,height:1e3,className:"w-full h-full object-cover"}):(0,e.jsx)(o.AutoplayVideo,{aspectRatio:4/3,playbackId:c.playbackId,poster:a.mux.getPoster({playbackId:c.playbackId}),posterSizes:"(min-width: 768px) 448px, 100vw",controls:!1,className:""})}),(0,e.jsxs)("div",{className:"flex flex-col gap-0 px-2 pb-3",children:[(0,e.jsx)("h3",{className:"",children:i}),(0,e.jsx)("p",{className:"text-muted-foreground pr-8",children:r})]})]})})}let h=[{label:"Album Stack (Vertical Coverflow)",href:"https://ui.tobi.computer/demos/album-stack"},{label:"Stack to Grid Transition",href:"https://stack-grid.tobi.computer"},{label:"Baby Reindeer title screen",href:"https://baby-reindeer.tobi.computer"},{label:"Codepen",href:"https://codepen.io/cupofmint"}];var c=t.i(418823),u=t.i(627511),p=t.i(363178),m=t.i(271645),f=({children:t,size:e=24,ariaLabel:i,color:r,ariaHidden:s=!0,style:n,...a})=>m.default.createElement("svg",{...a,"aria-hidden":s,role:s?void 0:"img",width:"number"==typeof e?`${e}px`:e,height:"number"==typeof e?`${e}px`:e,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{color:r,...n}},i&&!s&&m.default.createElement("title",null,i),t),g=t=>m.default.createElement(f,{...t,ariaLabel:"vibe-coding-star, working, home-office"},m.default.createElement("path",{d:"M8.00028 13C8.8021 13 9.57193 13.1365 10.2893 13.3848L9.11356 17.5H7.00028C5.61959 17.5 4.50028 18.6193 4.50028 20C4.50028 20.3559 4.57621 20.6935 4.71024 21H2.00028C1.44802 21 0.994391 20.5507 1.04715 20.001C1.40651 16.2577 3.79618 13 8.00028 13Z",fill:"currentColor"}),m.default.createElement("path",{d:"M20.9261 12.2998C22.0879 12.3 22.9269 13.4118 22.6087 14.5293L21.1282 
119.7295C20.9139 20.4811 20.2272 20.9999 19.4456 21H6.75028C6.33626 20.9998 6.00038 20.664 6.00028 20.25C6.00028 19.8359 6.33619 19.5001 6.75028 19.5H10.1341L11.7708 13.752L11.8225 13.5938C12.1137 12.8208 12.8563 12.3001 13.6936 12.2998H20.9261Z",fill:"currentColor"}),m.default.createElement("path",{d:"M8.50028 3.5C10.7094 3.5 12.5003 5.29086 12.5003 7.5C12.5003 9.70914 10.7094 11.5 8.50028 11.5C6.29126 11.4999 4.50028 9.70905 4.50028 7.5C4.50028 5.29095 6.29126 3.50015 8.50028 3.5Z",fill:"currentColor"}),m.default.createElement("path",{d:"M18.5013 2C18.7491 2.00035 18.9576 2.18641 18.9856 2.43262C19.1574 3.94882 20.0168 4.87694 21.5559 5.01367C21.8078 5.03605 22.0006 5.24809 22.0003 5.50098C21.9998 5.75364 21.8067 5.96448 21.555 5.98633C20.0375 6.11768 19.118 7.03726 18.9866 8.55469C18.9646 8.80638 18.7539 8.99964 18.5013 9C18.2485 9.00028 18.0375 8.8074 18.0149 8.55566C17.8782 7.0166 16.9499 6.15621 15.4339 5.98438C15.1876 5.95648 15.0008 5.74874 15.0003 5.50098C15 5.253 15.1866 5.04404 15.4329 5.01563C16.9707 4.83813 17.8385 3.96953 18.0159 2.43164C18.0444 2.18543 18.2534 1.99975 18.5013 2Z",fill:"currentColor"})),v=t.i(255667),w=t.i(846932),y=t.i(887652),b=t.i(575056);let x=(0,m.lazy)(()=>t.A(567584).then(t=>({default:t.PointerBlob}))),_={light:{color:"#B9B9B9",rimColor:"#FFFFFF"},dark:{color:"#404040",rimColor:"#D1D1D1"},paper:{color:"#BDB6A8",rimColor:"#EAEAEA"}};function j({slides:t}){let s=(0,y.useMotionValue)(0),n=(0,m.useRef)(null);n.current?.offsetTop;let{theme:a}=(0,p.useTheme)(),o=a&&a in _?_[a]:_.light;return(0,v.useLenis)(t=>{s.set(t.scroll)}),(0,e.jsx)("div",{className:"relative  overflow-hidden rounded-md min-h-[50svh]",children:(0,e.jsxs)("div",{className:"max-w-4xl mx-auto grid grid-cols-1 md:grid-cols-[1fr_auto] gap-4",children:[(0,e.jsxs)("div",{children:[(0,e.jsx)("h1",{className:"text-primary mb-2",children:"Tobi B."}),(0,e.jsx)(u.TextShimmer,{spread:1.5,duration:1.5,repeatDelay:5,className:"text-base [--base-color:var(--color-muted-foreground)] [--base-gradient-color:#fff]",children:"UI Engineer, Frontend, Web"}),(0,e.jsxs)("p",{className:"mt-0 text-base mb-4",children:["Recently frontend @",(0,e.jsx)(i.InlinePreview,{triggerClassName:"ml-2",className:"text-tertiary-foreground",...r.equalIqPreview,children:"Equal IQ"}),",",(0,e.jsx)(i.InlinePreview,{triggerClassName:"ml-2",className:"text-tertiary-foreground",...r.ciscoPreview,children:"Cisco Systems"})]}),(0,e.jsx)("div",{className:"text-muted-foreground w-[60%] mb-6",children:(0,e.jsx)("p",{})}),(0,e.jsxs)("p",{className:"grid grid-cols-[auto_1fr] items-center gap-1.5 w-fit mt-0 pl-2.5 pr-3 py-1 rounded-md bg-background dark:bg-muted text-foreground border border-border/50 shadow-xs",children:[(0,e.jsx)(g,{className:"size-4 text-muted-foreground animate-spin-3d"}),"Open to new opportunities"]})]}),(0,e.jsx)("div",{children:(0,e.jsx)(w.motion.div,{ref:n,className:"ml-auto size-64 sm:size-72 md:size-96 rounded-xl",children:(0,e.jsx)(b.Canvas,{className:"absolute inset-0 h-full w-full select-none",camera:{position:[0,0,3],fov:50},children:(0,e.jsx)(m.Suspense,{fallback:null,children:(0,e.jsx)(x,{radius:1.05,noiseScale:.7,noiseStrength:.1,speed:.5,color:o.color,rimColor:o.rimColor,rimStrength:1,rimPower:2,pointerTilt:1,pointerFollow:5,autoRotationSpeed:0,pressNoiseMultiplier:2,pressScale:1.05,moltenSpeed:2,pressDuration:3})})})})})]})})}t.s(["HomeClient",0,function({slides:t}){return(0,e.jsx)(e.Fragment,{children:(0,e.jsxs)("div",{className:"w-full min-h-svh relative p-3 pb-56 space-y-8",children:[(0,e.jsx)(j,{slides:t}),(0,e.jsxs)("div",{className:"mx-auto max-w-4xl",children:[(0,e.jsxs)("h2",{className:"my-1 flex items-center gap-2",children:["Projects",(0,e.jsx)(c.C
1ountFlow,{value:t.length,locales:"en-US",className:"text-xs font-medium bg-tertiary text-tertiary-foreground px-1.5 rounded-md"})]}),(0,e.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-3 border-t border-border/50 pt-3",children:t.map(t=>(0,e.jsx)(d,{...t},t.id))})]}),(0,e.jsxs)("div",{className:"mx-auto max-w-4xl",children:[(0,e.jsxs)("h2",{className:"my-1 flex items-center gap-2",children:["Experiments",(0,e.jsx)(c.CountFlow,{value:h.length,locales:"en-US",className:"text-xs font-medium bg-tertiary text-tertiary-foreground px-1.5 rounded-md"})]}),(0,e.jsx)("ul",{className:"flex flex-col border-t border-border/50 pt-3",children:h.map(t=>(0,e.jsx)("li",{children:(0,e.jsx)("a",{href:t.href,target:"_blank",rel:"noopener noreferrer",className:"flex items-center justify-between gap-2 px-2 py-2.5 rounded-lg text-muted-foreground hover:bg-muted hover:text-foreground transition-colors",children:t.label})},t.href))})]})]})})}],620681)},567584,t=>{t.v(e=>Promise.all(["static/chunks/010_j8c1vg9k9.js"].map(e=>t.l(e))).then(()=>e(979153)))}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.