1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./itwioOQh.js","./Bp9FXROZ.js"])))=>i.map(i=>d[i]); 2import{E as e,G as t,J as n,Jt as r,K as i,M as a,O as o,Ot as s,Qt as c,T as l,Z as u,_ as d,b as f,dt as p,et as m,u as h,ut as g,v as _,w as v,x as y,xt as b,y as x}from"./CUpSHvo9.js";import{i as S,t as C}from"./DwN0rEEQ.js";import{t as w}from"./D_SpABIp.js";import{n as T}from"./B-suKl8N.js";import{t as E}from"./CL-TNRFH.js";import{t as D}from"./HclGiUj8.js";import{t as O}from"./eM98wpt-.js";import{n as k}from"./Cv9W0yPb.js";import{n as A,t as j}from"./CidO8RFz.js";import{t as M}from"./dmEScW-v.js";import{t as ee}from"./BWSvKqyT.js";import{t as te}from"./CNs_Ozdc.js";import{t as ne}from"./BVt-z5S4.js";import{t as N}from"./DM_J6Gdd.js";var P={class:`absolute z-[1] flex items-center justify-center overflow-hidden max-w-full w-full h-full max-h-[75rem]`,"data-header-inverse":`true`},F={class:`-rotate-45`},I=Object.assign(A(o({__name:`AboutHeadBackground`,setup(e){let i=()=>a(`div`,{class:`whitespace-nowrap text-[12rem] select-none font-extrabold tracking-[10px] h-fit leading-[0.95] text-[#f5f5f5] opacity-10 max-[768px]:text-[9rem] max-[768px]:tracking-[6px] max-[640px]:text-[6rem] max-[640px]:tracking-[4px]`},`MAI SUDACHI`),o=b(`md`),c=d(()=>Array(500).fill(i)),l=d(()=>{let e=[],t=[...c.value];for(let n=0;n<t.length;n+=4)e.push(t.slice(n,n+4));return e}),f=d(()=>{let e=[],t=[...l.value];for(let n=0;n<t.length;n+=5)e.push(t.slice(n,n+5));return e}),g=()=>{let e=window.innerWidth;e<640?o.value=`xs`:e<768?o.value=`sm`:o.value=`md`};return t(()=>{g()}),k(`resize`,g),(e,t)=>{let i=S;return n(),x(i,null,{default:p(()=>[_(`div`,P,[t[0]||=_(`div`,{class:`absolute w-full h-full z-[2] bg-gradient-to-b from-transparent to-accent`},null,-1),_(`div`,F,[(n(!0),y(h,null,u(s(f),(e,t)=>(n(),y(`div`,{key:`row-${t}`,class:`flex flex-row`},[(n(!0),y(h,null,u(e,(e,i)=>(n(),y(`div`,{key:`group-${t}-${i}`,class:r([`flex flex-row`,t%2==0?`animate-slide-left`:`animate-slide-right`])},[(n(!0),y(h,null,u(e,(e,r)=>(n(),x(m(e),{key:`zzz-${t}-${i}-${r}`}))),128))],2))),128))]))),128))])])]),_:1})}}}),[[`__scopeId`,`data-v-981f3eee`]]),{__name:`AboutHeadBackground`}),L={class:`dot-overlay relative h-full w-full`},R={class:`absolute bottom-0 z-20 w-full h-2/3 pointer-events-none`},z={class:`w-full px-8 pt-[180px] md:pt-[200px] pb-8 max-w-6xl mx-auto relative z-30`},B={class:`grid grid-cols-1 md:grid-cols-2 gap-8`},V={class:`z-30 relative`},H={class:`mb-32`},U={key:0,class:`grid grid-cols-1 space-y-2 mb-8 relative z-30`},W={class:`text-sm`},G={class:`absolute w-full h-full left-0 pointer-events-none`},K={class:`absolute top-0 z-20 w-full h-full opacity-30 -translate-y-full contrast-120 overflow-hidden`},q={class:`absolute w-full top-0 z-20 -translate-y-[75%] md:-translate-y-2/3 scale-80 md:scale-100 -right-0 md:right-[15%]`},J=Object.assign(A(o({__name:`AboutHeroVisual`,props:{lens:{type:Boolean}},setup(t){let r=M(),i=Object.values(r.value.socials);return(r,a)=>{let o=I,l=j,d=O,m=E;return n(),y(`div`,L,[a[5]||=_(`div`,{class:`absolute top-0 left-0 w-full h-full overflow-hidden pointer-events-none bg-[url(/images/about/bg.png)] bg-cover opacity-90 contrast-110`},null,-1),e(o),_(`div`,R,[e(l,{src:`/images/about/mai-bg-text.png`,format:`webp`,alt:`Mai Sudachi`,fetchpriority:`high`,class:`w-full h-full object-contain object-right`,loading:`eager`})]),_(`div`,z,[_(`div`,B,[_(`div`,V,[_(`div`,H,[a[0]||=_(`p`,{class:`mobile-text-outline text-sm md:text-base font-light mb-2`},` å¿ç¨ç¡ç æè¡è `,-1),a[1]||=_(`div`,{class:`w-16 h-0.5 bg-white mb-4`},null,-1),a[2]||=_(`h1`,{class:`mobile-text-outline text-5xl md:text-6xl font-bold mb-2`},` æåºé ã¾ã `,-1),a[3]||=_(`p`,{class:`mobile-text-outline text-sm tracking-widest mb-16`},` SUDACHI MAI `,-1),t.lens?f(``,!0):(n(),y(`div`,U,[(n(!0),y(h,null,u(s(i).filter(e=>e.isFixed),t=>(n(),x(m,{key:t.name,to:t.url,target:`_blank`,rel:`me`,class:`w-1/3 bg-white/80 text-accent rounded-full px-3 py-2 hover:bg-primary/90 hover:text-white transition-all flex items-center`},{default:p(()=>[e(d,{name:t.icon,class:`mr-2 size-5`},null,8,[`name`]),_(`span`,W,c(t.name),1)]),_:2},1032,[`to`]))),128))]))])])])]),_(`div`,G,[_(`div`,K,[e(l,{src:`/images/about/mai-bg.png`,format:`webp`,alt:`doted mai`,fetchpriority:`high`,class:`w-full h-full object-cover object-center pointer-events-none`,loading:`eager`})]),_(`div`,q,[a[4]||=_(`div`,{class:`character-glow absolute w-full h-full top-0 right-0 z-40 bg-white/10 blur-3xl rounded-full transform scale-150`},null,-1),e(l,{src:`/images/about/mai.png`,format:`webp`,alt:`Mai Sudachi`,fetchpriority:`high`,class:`object-contain max-h-[800px] relative z-[60] ml-auto character-shadow`,loading:`eager`,decoding:`async`})])])])}}}),[[`__scopeId`,`data-v-6dc37af2`]]),{__name:`AboutHeroVisual`}),Y={class:`relative`},X={class:`pointer-events-none sticky top-0 h-dvh min-h-[480px] overflow-hidden`},Z={class:`absolute inset-0`,"aria-hidden":`true`}
2,re=Object.assign(o({__name:`AboutInterlude`,setup(e){let r=b(null),a=b(null),o=b(null),s=b(null),c=b(null),l;return t(async()=>{if(!r.value||!a.value)return;let e=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches,t=0,n=await D(()=>import(`./Bp9FXROZ.js`),[],import.meta.url),{GLTFLoader:i}=await D(async()=>{let{GLTFLoader:e}=await import(`./itwioOQh.js`);return{GLTFLoader:e}},__vite__mapDeps([0,1]),import.meta.url),u=new n.WebGLRenderer({canvas:a.value,alpha:!0,antialias:!0});u.setClearColor(0,0);let d=new n.Scene,f=new n.PerspectiveCamera(60,1,.1,160);f.position.set(0,0,8);let p=e=>new n.ShaderMaterial({side:n.DoubleSide,transparent:!0,uniforms:{uColor:{value:new n.Color(...e)}},vertexShader:` 3 varying float vViewZ; 4 void main() { 5 vec4 mv = modelViewMatrix * vec4(position, 1.0); 6 vViewZ = -mv.z; 7 gl_Position = projectionMatrix * mv; 8 } 9 `,fragmentShader:` 10 uniform vec3 uColor; 11 varying float vViewZ; 12 13 void main() { 14 // é æ¯ã»ã©èæ¯ã¸ãã§ã¼ã 15 float depthFade = 1.0 - smoothstep(22.0, 65.0, vViewZ); 16 gl_FragColor = vec4(uColor, depthFade); 17 } 18 `}),m=p([.95,.64,.73]),h=p([.84,.42,.55]),g=null;new i().load(`/models/tunnel.glb?v=14`,e=>{g=e.scene,e.scene.traverse(e=>{let t=e;t.isMesh&&(t.material=t.name.includes(`sparkles`)?h:m)}),e.scene.rotation.x=Math.PI/2,e.scene.position.z=-14,d.add(e.scene)});let _=0,v=0,y=()=>{if(!r.value||!a.value)return;let t=r.value.getBoundingClientRect(),n=window.innerHeight,i=r.value.offsetHeight-n,l=i>0?Math.max(0,Math.min(1,-t.top/i)):0,p=Math.max(0,Math.min(1,1-t.top/n));a.value.style.opacity=p.toFixed(3);let m=Math.max(0,Math.min(1,l/.15));s.value&&(s.value.style.opacity=m.toFixed(3));let h=Math.max(0,Math.min(1,(l-.04)/.14)),g=Math.max(0,Math.min(1,(l-.88)/.12));if(c.value&&(c.value.style.opacity=(h*(1-g)).toFixed(3)),o.value&&(o.value.textContent=`TRANSITION ${String(Math.round(l*100)).padStart(3,`0`)}%`,o.value.style.opacity=(1-g).toFixed(3)),t.bottom<-n*.5||t.top>n*1.5)return;let y=a.value,b=Math.min(2,devicePixelRatio||1),x=Math.round(y.clientWidth*b),S=Math.round(y.clientHeight*b);(y.width!==x||y.height!==S)&&(u.setSize(x,S,!1),f.aspect=x/S,f.updateProjectionMatrix()),v+=(l-_)*.012,v*=.78;let C=_+v;(l-_)*(l-C)<0?(_=l,v=0):_=C,f.position.z=24-_*72,f.rotation.z=e?0:_*2,u.render(d,f)},b=()=>{y(),t=requestAnimationFrame(b)};t=requestAnimationFrame(b),l=()=>{cancelAnimationFrame(t),g?.traverse(e=>{let t=e;t.isMesh&&t.geometry.dispose()}),m.dispose(),h.dispose(),u.dispose()}}),i(()=>l?.()),(e,t)=>(n(),y(`section`,Y,[_(`div`,{ref_key:`itlPin`,ref:r,class:`relative ml-[calc(50%-50vw)] mr-[calc(50%-50vw)] h-[520vh]`},[_(`div`,{ref_key:`itlBgLayer`,ref:s,class:`absolute inset-0 bg-[#f2e6e7] opacity-0 dark:bg-primary/5`,"aria-hidden":`true`},null,512),_(`div`,X,[_(`div`,Z,[_(`canvas`,{ref_key:`itlCanvas`,ref:a,class:`absolute inset-0 h-full w-full`},null,512),_(`div`,{ref_key:`itlTypo`,ref:c,class:`absolute inset-0 opacity-0`},[...t[0]||=[_(`p`,{class:`font-futura absolute left-[5vw] top-[16vh] text-[11vw] font-semibold uppercase leading-none tracking-tight text-fg md:text-[7.5vw]`},` Engineer `,-1),_(`p`,{class:`font-futura absolute right-[8vw] top-[44vh] text-[6vw] font-semibold uppercase text-transparent [-webkit-text-stroke:1.2px_rgba(224,86,127,0.75)] md:text-[3.2vw]`},` (\xA0&\xA0) `,-1),_(`p`,{class:`font-futura absolute bottom-[12vh] left-[5vw] text-[8vw] font-semibold uppercase leading-none tracking-tight text-accent md:text-[5.5vw]`},` Video Director `,-1)]],512),_(`p`,{ref_key:`itlPct`,ref:o,class:`absolute bottom-4 left-1/2 -translate-x-1/2 text-[9px] tracking-[0.3em] text-fg-muted/70`},` TRANSITION 000% `,512)])])],512),t[1]||=v(`<div class="relative ml-[calc(50%-50vw)] mr-[calc(50%-50vw)] bg-[#f2e6e7] dark:bg-primary/5"><div class="mx-auto max-w-7xl px-6 py-24 md:py-32"><section><h3 data-fill-in class="w-fit text-xs font-semibold uppercase tracking-[0.3em] text-fg-muted"><span>What I Do</span></h3><p class="mt-8 max-w-[60rem] text-2xl font-light leading-snug tracking-wide text-fg md:mt-10 md:text-4xl"><span data-fill-in class="block w-fit"><span>ãã«ã¹ã¿ãã¯<span class="align-top text-xl text-accent">?</span>ã¨ã³ã¸ãã¢\xA0/\xA0æ åä½å®¶</span></span><span data-fill-in data-fill-delay="0.15" class="block w-fit"><span>ã½ããã¦ã§ã¢ããã¤ã³ãã©ãæ åã¾ã§ã</span></span><span data-fill-in data-fill-delay="0.3" class="block w-fit"><span>è¨è¨ããã¤ãããè²ã¦ãã¨ããã¾ã§æããã¦ãã¾ãã</span></span></p><p class="mt-6 text-xs leading-relaxed text-fg-muted md:mt-8"><span data-fade-in class="block">Full-stack? engineer / video director.</span><span data-fade-in data-fade-delay="0.1" class="block">
18From software to infrastructure and video,</span><span data-fade-in data-fade-delay="0.2" class="block">I design, build, and keep them growing.</span></p></section></div></div>`,1)]))}}),{__name:`AboutInterlude`}),ie={class:`relative ml-[calc(50%-50vw)] mr-[calc(50%-50vw)]`},ae={class:`relative w-full overflow-hidden bg-surface-elevated/40`},oe={class:`relative mx-auto w-full max-w-7xl px-6 pt-14 md:pt-16`},se={class:`w-fit`},ce={class:`mb-1 md:mb-2 flex items-center justify-between`},le={class:`flex items-center gap-1.5`,"aria-hidden":`true`},ue={class:`font-futura pointer-events-none absolute right-6 top-4 text-[9px] tracking-[0.25em] text-fg-muted/80`,"aria-hidden":`true`},de={class:`relative mx-auto w-full max-w-7xl px-6 pb-16 md:pb-20`},fe={class:`mt-12 grid w-full grid-cols-2 items-start justify-items-center gap-x-6 gap-y-12 md:mt-16 md:grid-cols-4 md:gap-10`},pe={key:0,class:`w-full max-w-60`},me={class:`relative`},he={class:`absolute -left-4 top-0 text-[8px] tracking-[0.25em] text-fg-muted/70 [writing-mode:vertical-rl]`},ge={class:`tim-clip relative overflow-hidden border border-border-subtle bg-surface-muted`},_e=[`src`,`alt`],ve={key:2,class:`aspect-video w-full`,"aria-hidden":`true`},ye={class:`relative mt-2.5`},be={class:`font-futura pointer-events-none absolute -top-2.5 left-0 text-3xl font-bold text-transparent [-webkit-text-stroke:1px_rgba(224,86,127,0.45)]`,"aria-hidden":`true`},xe={class:`relative pl-8 text-base font-medium tracking-wide`},Se={class:`mt-1 text-[10px] leading-relaxed text-fg-muted`},Ce={key:0,class:`mt-1.5 flex flex-wrap gap-1`},we=[`href`],Te={key:1,class:`w-full max-w-60`},Ee={class:`relative`},De={class:`absolute -left-4 top-0 text-[8px] tracking-[0.25em] text-fg-muted/50 [writing-mode:vertical-rl]`},Oe={class:`tim-clip relative flex aspect-video items-center justify-center overflow-hidden border border-dashed border-border-subtle bg-surface-muted/50`},ke={class:`font-futura pointer-events-none text-4xl font-bold text-transparent [-webkit-text-stroke:1px_rgba(224,86,127,0.35)]`,"aria-hidden":`true`},Ae={class:`relative mt-14 flex items-center gap-3`,"aria-hidden":`true`},Q=2,je=Object.assign(A(o({__name:`AboutThingsIMake`,async setup(a){let o,s,l=[...M().value.works],{data:d}=([o,s]=g(async()=>C(`tim-ogp`,async()=>{let e=await Promise.all(l.filter(e=>!e.image).map(async e=>{let t=await w(`/api/link-preview`,{query:{url:e.url}}).catch(()=>null);return[e.url,t?.image]}));return Object.fromEntries(e)})),o=await o,s(),o),p=e=>e.image??d.value?.[e.url],m=[...l.map((e,t)=>({type:`work`,work:e,index:t})),...Array.from({length:Q},(e,t)=>({type:`soon`,index:l.length+t}))],S=b(null),T;return t(async()=>{if(!S.value||window.matchMedia(`(prefers-reduced-motion: reduce)`).matches)return;let{gsap:e}=await D(async()=>{let{gsap:e}=await import(`./DYETKi9J.js`);return{gsap:e}},[],import.meta.url),{ScrollTrigger:t}=await D(async()=>{let{ScrollTrigger:e}=await import(`./DZNzXOgf.js`);return{ScrollTrigger:e}},[],import.meta.url),{ScrambleTextPlugin:n}=await D(async()=>{let{ScrambleTextPlugin:e}=await import(`./p93UXoLc.js`);return{ScrambleTextPlugin:e}},[],import.meta.url);e.registerPlugin(t,n);let r=e.context(()=>{e.from(`.tim-card`,{y:28,opacity:0,duration:.9,ease:`power3.out`,stagger:.12,scrollTrigger:{trigger:S.value,start:`top 60%`}}),e.from(`.tim-line`,{scaleX:0,duration:1.1,ease:`power3.inOut`,stagger:.1,scrollTrigger:{trigger:`.tim-line`,start:`top 92%`}}),e.to(`.tim-spark`,{rotate:180,opacity:.3,duration:2.4,ease:`sine.inOut`,repeat:-1,yoyo:!0}),e.utils.toArray(`.tim-soon`).forEach((t,n)=>{e.to(t,{duration:1.1,scrambleText:{text:`COMING SOON`,chars:`/=+*-_`,speed:.3},repeat:-1,repeatDelay:3.6,delay:1.5+n*1.1})})},S.value);T=()=>r.revert()}),i(()=>T?.()),(t,i)=>{let a=O,o=j;
18return n(),y(`section`,{ref_key:`timSection`,ref:S,class:`relative !mt-0`},[_(`div`,ie,[_(`div`,ae,[i[18]||=_(`div`,{class:`pointer-events-none absolute inset-0 bg-[radial-gradient(rgba(245,122,165,0.22)_1px,transparent_1px)] [background-size:20px_20px]`,"aria-hidden":`true`},null,-1),i[19]||=_(`div`,{class:`tim-grain pointer-events-none absolute inset-0 opacity-[0.03]`,"aria-hidden":`true`},null,-1),e(a,{name:`ph:star-four-fill`,class:`pointer-events-none absolute left-[8%] top-[16%] size-4 text-primary/40`,"aria-hidden":`true`}),e(a,{name:`ph:star-four-fill`,class:`pointer-events-none absolute bottom-[18%] right-[9%] size-3 text-accent/30`,"aria-hidden":`true`}),_(`div`,oe,[_(`div`,se,[_(`div`,ce,[i[1]||=_(`p`,{"data-fill-in":``,class:`w-fit text-xs font-semibold tracking-widest uppercase text-accent/70`},[_(`span`,null,`ã¤ãã£ããã®`)],-1),_(`div`,le,[(n(),y(h,null,u([`text-accent/70`,`text-accent/50`,`text-accent/30`],(e,t)=>_(`svg`,{key:t,class:r([e,`size-3`]),viewBox:`0 0 12 12`,fill:`none`,stroke:`currentColor`,"stroke-width":`1`},[...i[0]||=[_(`rect`,{x:`0.5`,y:`0.5`,width:`11`,height:`11`},null,-1),_(`line`,{x1:`0.5`,y1:`11.5`,x2:`11.5`,y2:`0.5`},null,-1)]],2)),64))])]),i[2]||=_(`h2`,{"data-fill-in":``,class:`w-fit text-4xl font-bold tracking-tighter text-accent/80 uppercase select-none lg:text-6xl`},[_(`span`,null,`Things I Make`)],-1)])]),_(`p`,ue,` INDEX / N=`+c(l.length+Q),1),(n(),y(h,null,u([`left-3 top-9`,`right-3 top-9`,`bottom-3 left-3`,`bottom-3 right-3`],e=>_(`svg`,{key:e,class:r([e,`pointer-events-none absolute size-3 text-accent/40`]),viewBox:`0 0 12 12`,fill:`none`,stroke:`currentColor`,"stroke-width":`1`,"aria-hidden":`true`},[...i[3]||=[_(`rect`,{x:`0.5`,y:`0.5`,width:`11`,height:`11`},null,-1),_(`line`,{x1:`0.5`,y1:`11.5`,x2:`11.5`,y2:`0.5`},null,-1)]],2)),64)),_(`div`,de,[_(`div`,fe,[(n(),y(h,null,u(m,(e,t)=>_(`div`,{key:t,class:`tim-card`},[e.type===`work`?(n(),y(`div`,pe,[_(`div`,me,[_(`span`,he,` No.`+c(String(e.index+1).padStart(2,`0`))+` / PUBLIC `,1),i[4]||=_(`div`,{class:`tim-clip absolute inset-0 -translate-y-1.5 translate-x-1.5 border border-accent/30 bg-accent/10`,"aria-hidden":`true`},null,-1),i[5]||=_(`div`,{class:`tim-clip absolute inset-0 -translate-y-[3px] translate-x-[3px] border border-accent/40 bg-accent/20`,"aria-hidden":`true`},null,-1),_(`div`,ge,[e.work.image?(n(),x(o,{key:0,src:e.work.image,format:`webp`,alt:e.work.title,class:`aspect-video w-full object-cover`,loading:`lazy`},null,8,[`src`,`alt`])):p(e.work)?(n(),y(`img`,{key:1,src:p(e.work),alt:e.work.title,class:`aspect-video w-full object-cover`,loading:`lazy`},null,8,_e)):(n(),y(`div`,ve))]),i[6]||=v(`<span class="tim-frame" aria-hidden="true" data-v-90453777></span><span class="absolute -right-1.5 -top-1.5 size-1 rounded-full bg-accent/70" aria-hidden="true" data-v-90453777></span><span class="absolute -bottom-1.5 -left-1.5 size-1 rounded-full bg-accent/70" aria-hidden="true" data-v-90453777></span><svg class="tim-seal absolute -bottom-5 -right-4 size-16 text-accent/80" viewBox="0 0 64 64" aria-hidden="true" data-v-90453777><defs data-v-90453777><path id="tim-seal-arc" d="M 32 7 a 25 25 0 1 1 -0.01 0" fill="none" data-v-90453777></path></defs><circle cx="32" cy="32" r="18" fill="none" stroke="currentColor" stroke-width="0.7" opacity="0.7" data-v-90453777></circle><circle cx="32" cy="32" r="2" fill="currentColor" opacity="0.8" data-v-90453777></circle><text font-size="6.4" letter-spacing="1.6" fill="currentColor" data-v-90453777><textPath href="#tim-seal-arc" data-v-90453777> THINGS I MAKE + SUDACHI MAI + </textPath></text></svg>`,4)]),_(`div`,ye,[_(`span`,be,c(String(e.index+1).padStart(2,`0`)),1),_(`h3`,xe,c(e.work.title),1)]),i[7]||=v(`<div class="mt-1 flex items-center gap-1.5" aria-hidden="true" data-v-90453777><span class="h-px flex-1 bg-border-subtle" data-v-90453777></span><svg class="size-1.5 text-accent/60" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.4" data-v-90453777><rect x="0.5" y="0.5" width="11" height="11" data-v-90453777></rect><line x1="0.5" y1="11.5" x2="11.5" y2="0.5" data-v-90453777></line></svg></div>`,1),_(`p`,Se,c(e.work.description),1),e.work.tags.length?(n(),y(`div`,Ce,[(n(!0),y(h,null,u(e.work.tags,e=>
18(n(),y(`span`,{key:e,class:`font-futura rounded-[2px] border border-border-subtle px-1.5 py-0.5 text-[8px] tracking-[0.08em] text-fg-muted`},c(e),1))),128))])):f(``,!0),_(`a`,{href:e.work.url,target:`_blank`,rel:`noopener noreferrer`,class:`mt-2 inline-block border-b border-fg/60 pb-0.5 text-[9px] tracking-[0.1em] transition-colors hover:border-primary hover:text-primary`},` ã¿ã¦ã¿ã â `,8,we)])):(n(),y(`div`,Te,[_(`div`,Ee,[_(`span`,De,` No.`+c(String(e.index+1).padStart(2,`0`))+` / TBA `,1),_(`div`,Oe,[i[8]||=_(`span`,{class:`absolute left-0 top-1/2 h-px w-full bg-fg-muted/15`,"aria-hidden":`true`},null,-1),i[9]||=_(`span`,{class:`absolute left-1/2 top-0 h-full w-px bg-fg-muted/15`,"aria-hidden":`true`},null,-1),i[10]||=_(`span`,{class:`absolute left-1/2 top-1/2 aspect-square h-[72%] -translate-x-1/2 -translate-y-1/2 rounded-full border border-fg-muted/20`,"aria-hidden":`true`},null,-1),i[11]||=_(`span`,{class:`absolute left-1/2 top-1/2 aspect-square h-[52%] -translate-x-1/2 -translate-y-1/2 rounded-full border border-fg-muted/15`,"aria-hidden":`true`},null,-1),_(`span`,ke,c(e.index+1),1)]),i[12]||=_(`span`,{class:`tim-frame`,"aria-hidden":`true`},null,-1),i[13]||=_(`span`,{class:`absolute -right-1.5 -top-1.5 size-1 rounded-full bg-fg-muted/40`,"aria-hidden":`true`},null,-1),i[14]||=_(`span`,{class:`absolute -bottom-1.5 -left-1.5 size-1 rounded-full bg-fg-muted/40`,"aria-hidden":`true`},null,-1)]),i[15]||=_(`p`,{class:`tim-soon font-futura mt-2 text-center text-[9px] tracking-[0.2em] text-fg-muted/60`},` COMING SOON `,-1)]))])),64))]),_(`div`,Ae,[i[16]||=_(`span`,{class:`tim-line h-px flex-1 origin-left bg-border-subtle`},null,-1),e(a,{name:`ph:star-four-fill`,class:`tim-spark size-2.5 text-primary/60`}),i[17]||=_(`span`,{class:`tim-line h-px flex-1 origin-right bg-border-subtle`},null,-1)])])])])],512)}}}),[[`__scopeId`,`data-v-90453777`]]),{__name:`AboutThingsIMake`}),Me={class:`min-h-screen overflow-x-clip`},Ne={class:`hero-lens-view`},Pe={class:`w-full bg-surface-elevated border-t-2 border-b-2 border-accent overflow-hidden py-1`},Fe={class:`flex whitespace-nowrap`},Ie={class:`relative w-full overflow-hidden bg-[#f2e6e7] dark:bg-primary/5`},Le={class:`hidden md:flex absolute right-6 top-1/2 -translate-y-1/2 flex-col items-center gap-2 pointer-events-none`,"aria-hidden":`true`},Re={class:`relative mx-auto flex max-w-7xl items-end px-6 py-8 md:min-h-[260px] md:py-0`},ze={class:`w-fit md:pb-8`},Be={class:`mb-1 md:mb-2 flex items-center justify-between`},Ve={class:`flex items-center gap-1.5`,"aria-hidden":`true`},$={class:`relative w-full overflow-x-clip`},He={class:`relative mx-auto max-w-7xl px-6 py-14 md:py-20 space-y-16 md:space-y-20`},Ue={class:`grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-14 items-start`},We={"data-fade-in":``,class:`lg:col-span-5 rounded-xl bg-surface-elevated p-6 space-y-5`},Ge={class:`grid grid-cols-2 gap-4`},Ke={class:`flex flex-wrap gap-2`},qe={"data-fill-in":``,class:`font-futura mb-4 flex w-fit items-center gap-2 text-xs font-semibold tracking-widest uppercase text-fg-muted`},Je={class:`grid grid-cols-1 sm:grid-cols-2 gap-x-12 border-t border-dotted border-border-subtle`},Ye=[`data-fade-delay`],Xe={class:`w-[110px] shrink-0 text-base text-fg-muted font-light tracking-wide`},Ze={class:`flex-1 text-base font-medium`},Qe={"data-fill-in":``,class:`font-futura mb-4 flex w-fit items-center gap-2 text-xs font-semibold tracking-widest uppercase text-fg-muted`},$e={"data-fade-in":``,class:`snapshot-scroll flex gap-4 overflow-x-auto pb-2`},et={class:`absolute inset-0 flex flex-col items-center justify-center gap-2`},tt={class:`w-10 h-10 rounded-full bg-surface-elevated/80 flex items-center justify-center`},nt=A(o({__name:`about`,setup(a){te({headerInverse:!0});let o=M(),d=Object.values(o.value.socials);T({title:`ç§ã«ã¤ã㦠- ${o.value.siteName}`,meta:[{name:`description`,content:o.value.siteDescription},{property:`og:site_name`,content:o.value.siteName},{property:`og:title`,content:`${o.value.siteName} - ç§ã«ã¤ãã¦`},{property:`og:description`,content:o.value.siteDescription},{property:`og:image`,content:`${o.value.siteUrl}images/ogp/about-ogp.png`},{property:`og:url`,content:`${o.value.siteUrl}about`},{property:`og:type`,content:`website`},{name:`twitter:card`,content:`summary_large_image`},{name:`twitter:image`,content:`${o.value.siteUrl}images/ogp/about-ogp.png`}]}),ne([{"@context":`https://schema.org`,"@type":`Person`,name:o.value.author.name,alternateName:o.value.author.name,givenName:o.value.author.name,familyName:o.value.author.name,birthDate:o.value.author.birthDate,jobTitle:o.value.author.jobTitle,description:o.value.author.description,url:o.value.siteUrl,image:`${o.value.siteUrl}images/about/mai.png`,sameAs:d.filter(e=>e.url).map(e=>e.url)},{"@context":`https://schema.org`,"@type":`WebSite`,name:o.value.siteName,description:o.value.siteDescription,url:o.value.siteUrl,author:{"@type":`Person`,name:o.value.author.name,url:o.value.siteUrl}}]);let m=b(null),g=b(null),x=b(!1),S=0,C={x:0,y:0,r:0},w=()=>{S=0,g.value&&(g.value.style.clipPath=`circle(${C.r}px at ${C.x}px ${C.y}px)`)},D=e=>{if(!x.value||!m.value)return;if(e.target.closest(`a`)){k();return}let t=m.value.getBoundingClientRect();C.x=e.clientX-t.left,C.y=e.clientY-t.top,C.r=120,S||=requestAnimationFrame(w)},k=()=>{C.r=0,S||=requestAnimationFrame(w)};t(()=>{x.value=window.matchMedia(`(pointer: fine)`).matches}),i(()=>{S&&cancelAnimationFrame(S)});let A=b(null);return N(A),(t,i)=>{let a=J,o=O,b=E,S=ee,C=re,w=je;return n(),y(`main`,{ref_key:`aboutRoot`,ref:A,class:`max-w-none h-full text-[0.925rem] leading-loose tracking-wide text-inherit [&>div>*:first-child]:mt-0`},[_(`div`,Me,[_(`div`,{ref_key:`heroEl`,ref:m,class:`bg-primary text-white relative w-full max-w-none overflow-hidden md:overflow-visible`,onMousemove:D,onMouseleave:k},[e(a),s(x)?(n(),y(`div`,{key:0,ref_key:`heroLens`,ref:g,class:`hero-lens`,"aria-hidden":`true`,inert:``},[_(`div`,Ne,[e(a,{lens:``})])],512)):f(``,!0)],544),_(`div`,Pe,[_(`div`,Fe,[(n(),y(h,null,u(30,t=>_(`div`,{key:t,class:`animate-marquee flex gap-12 items-center pr-12 select-none shrink-0`},[i[0]||=_(`span`,{class:`font-futura text-xs font-semibold tracking-tighter text-accent`},`SUDACHI MAI`,-1),e(o,{name:`ph:star-four-fill`,class:`size-3 text-primary`})])),64))])]),_(`div`,Ie,[i[5]||=_(`div`,{class:`absolute inset-0 bg-[radial-gradient(rgba(245,122,165,0.22)_1px,transparent_1px)] [background-size:20px_20px] pointer-events-none`,"aria-hidden":`true`},null,-1),_(`div`,Le,[(n(),y(h,null,u([`text-accent/60`,`text-accent/45`,`text-accent/30`,`text-accent/20`],(e,t)=>
18_(`svg`,{key:t,class:r([e,`size-4`]),viewBox:`0 0 12 12`,fill:`none`,stroke:`currentColor`,"stroke-width":`1`},[...i[1]||=[_(`rect`,{x:`0.5`,y:`0.5`,width:`11`,height:`11`},null,-1),_(`line`,{x1:`0.5`,y1:`11.5`,x2:`11.5`,y2:`0.5`},null,-1)]],2)),64))]),e(o,{name:`ph:star-four-fill`,class:`absolute left-[10%] top-[24%] size-4 text-primary/50 pointer-events-none`,"aria-hidden":`true`}),e(o,{name:`ph:star-four-fill`,class:`absolute left-[42%] bottom-[20%] size-3 text-accent/40 pointer-events-none`,"aria-hidden":`true`}),e(o,{name:`ph:star-four-fill`,class:`hidden md:block absolute right-[8%] top-[32%] size-6 text-primary/40 pointer-events-none`,"aria-hidden":`true`}),_(`div`,Re,[_(`div`,ze,[_(`div`,Be,[i[3]||=_(`p`,{"data-fill-in":``,class:`w-fit text-xs font-semibold tracking-widest uppercase text-accent/70`},[_(`span`,null,`ç§ã«ã¤ãã¦`)],-1),_(`div`,Ve,[(n(),y(h,null,u([`text-accent/70`,`text-accent/50`,`text-accent/30`],(e,t)=>_(`svg`,{key:t,class:r([e,`size-3`]),viewBox:`0 0 12 12`,fill:`none`,stroke:`currentColor`,"stroke-width":`1`},[...i[2]||=[_(`rect`,{x:`0.5`,y:`0.5`,width:`11`,height:`11`},null,-1),_(`line`,{x1:`0.5`,y1:`11.5`,x2:`11.5`,y2:`0.5`},null,-1)]],2)),64))])]),i[4]||=_(`h2`,{"data-fill-in":``,class:`w-fit text-4xl font-bold tracking-tighter text-accent/80 uppercase select-none lg:text-6xl`},[_(`span`,null,`Introduction`)],-1)])])]),_(`div`,$,[_(`div`,He,[_(`section`,Ue,[i[11]||=v(`<div class="lg:col-span-7" data-v-9f1dc212><p data-fade-in class="font-futura mb-6 text-2xl leading-none md:text-3xl xl:text-4xl font-semibold" data-v-9f1dc212><span data-v-9f1dc212>Hello, I'm <span class="highlight-with-image" data-v-9f1dc212>chan-mai</span><span class="waving-hand" data-v-9f1dc212>ðð»</span></span></p><p class="text-base leading-[2.2] text-fg-muted font-light tracking-wide text-justify" data-v-9f1dc212><span data-fade-in class="block" data-v-9f1dc212>ä¹å·ãæ ¹åã«çæ¯ãã¦ãããã²ã¨ã®ãµããããITãªãã§ãå±ããã</span><span data-fade-in data-fade-delay="0.1" class="block" data-v-9f1dc212>ãã¾ã«ã¯ãªã¨ã¤ãã£ããªãã¨ã«ãæãåºãã¾ãã</span><span data-fade-in data-fade-delay="0.2" class="block" data-v-9f1dc212>以å¾ãè¦ç¥ããããã</span></p></div>`,1),_(`aside`,We,[_(`div`,Ge,[i[8]||=_(`div`,null,[_(`p`,{class:`font-futura text-xs font-semibold tracking-widest uppercase text-fg-muted mb-1`},` Role `),_(`p`,{class:`text-lg`},`Engineer?`)],-1),_(`div`,null,[i[7]||=_(`p`,{class:`font-futura text-xs font-semibold tracking-widest uppercase text-fg-muted mb-1`},` Character Design `,-1),e(b,{to:`https://x.com/CSea2073`,target:`_blank`,class:`text-lg hover:text-primary transition-colors`},{default:p(()=>[...i[6]||=[l(`Aya Fukanaki`,-1)]]),_:1})])]),i[10]||=_(`div`,{class:`border-t border-border-subtle`},null,-1),_(`div`,null,[i[9]||=_(`p`,{class:`font-futura text-xs font-semibold tracking-widest uppercase text-fg-muted mb-3`},` Socials `,-1),_(`div`,Ke,[(n(!0),y(h,null,u(s(d),t=>(n(),y(`div`,{key:t.name},[e(S,{class:`text-xs`,to:t.url,fill:t.color,rel:`me noopener noreferrer`},{icon:p(()=>[e(o,{name:t.icon,class:`size-3`},null,8,[`name`])]),default:p(()=>[l(c(t.name)+` `,1)]),_:2},1032,[`to`,`fill`])]))),128))])])])]),e(C),e(w,{class:`!mt-0`}),_(`section`,null,[_(`p`,qe,[e(o,{name:`lucide:user-round`,class:`h-3.5 w-3.5`}),i[12]||=_(`span`,null,`Profile`,-1)]),_(`div`,Je,[(n(),y(h,null,u([{label:`èªçæ¥`,value:`2006/04/04`},{label:`æ 座`,value:`ãã²ã¤ã座`},{label:`çæ¯å°`,value:`ä¹å·`},{label:`好ããªãã®`,value:`ã¤ã³ã¿ã¼ããã`},{label:`è¨èª`,value:`Go / Dart`}],(e,t)=>_(`dl`,{key:e.label,"data-fade-in":``,"data-fade-delay":t*.08,class:`flex items-baseline py-4 border-b border-dotted border-border-subtle`},[_(`dt`,Xe,c(e.label),1),_(`dd`,Ze,c(e.value),1)],8,Ye)),64))])]),_(`section`,null,[_(`p`,Qe,[e(o,{name:`lucide:camera`,class:`h-3.5 w-3.5`}),i[13]||=_(`span`,null,`Snapshots`,-1)]),_(`div`,$e,[(n(),y(h,null,u(5,t=>_(`div`,{key:t,class:`w-[200px] h-[112px] bg-surface-muted rounded-xl overflow-hidden relative flex-shrink-0 group cursor-pointer transition-transform hover:scale-[1.02]`},[_(`div`,et,[_(`div`,tt,[e(o,{name:`ph:play-fill`,class:`w-4 h-4 text-primary/80 ml-0.5`})]),i[14]||=_(`span`,{class:`font-futura text-xs font-semibold tracking-tighter text-primary`},`COMING SOON...`,-1)])])),64))])])])])])],512)}}}),[[`__scopeId`,`data-v-9f1dc212`]]);export{nt as default};
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.