lostpage 0.0.0-stage → 0.2.0

package/dist/cdn/c/flatline-3GBK7IVS.js

@@ -0,0 +1 @@
+import{a as x}from"./chunk-4ZBXB36L.js";import{f as p}from"./chunk-HXSSPN2I.js";import"./chunk-URWX3LLV.js";var I={id:"flatline",name:"Flatline",description:"A hospital heart monitor reads the page's vitals. A few beats, then the long flat tone of a 404.",category:"Playful",kind:"2d",motion:"live",tags:["canvas","medical","monitor","funny","dark","ecg"],layout:"bottom",codeInScene:!0,copy:{eyebrow:"Vitals",title:"We lost this page.",message:"We did everything we could. Its links are no longer responding. Please make your way to the homepage.",actions:[{label:"Resuscitate at home",href:"/",variant:"primary"}]},params:{bg:"#03080a",trace:"#38ff7a",grid:"#0c2a1e",alarm:"#ff3b3b",paper:!1},theme:{bg:"#03080a",fg:"#d9ffe7",accent:"#38ff7a","accent-fg":"#03080a","font-display":"var(--lp-font-mono)","title-weight":"600"},presetName:"ICU Green",presets:{amber:{name:"Amber Monitor",params:{bg:"#0a0600",trace:"#ffb000",grid:"#2a1a00",alarm:"#ff3b3b"},theme:{bg:"#0a0600",fg:"#ffe1a3",accent:"#ffb000","accent-fg":"#0a0600"}},blue:{name:"Cardiac Blue",params:{trace:"#4fd8ff",grid:"#0b2236",bg:"#020812"},theme:{bg:"#020812",fg:"#d9f3ff",accent:"#4fd8ff","accent-fg":"#020812"}},paper:{name:"ECG Paper",params:{bg:"#fff5f3",trace:"#1b1b1b",grid:"#f5b8ae",alarm:"#d62828",paper:!0},theme:{bg:"#fff5f3",fg:"#1b1b1b",accent:"#d62828","accent-fg":"#fff"}}},setup(g){let n=g.params,a=x(g),b=[],i=0,m=0,T=r=>{let l=(e,o,f)=>f*Math.exp(-((r-e)**2)/(2*o*o));return l(.18,.025,.12)-l(.38,.008,.18)+l(.41,.012,1)-l(.445,.01,.32)+l(.65,.04,.25)};return{resize(){a.reset(),b.length=0,i=0},frame(r,l){let e=a.g;a.reset();let o=a.h*.08,f=a.h*.5,M=o+f*.62,v=f*.45,d=9,s=r%d<4.6,S=s?72+Math.round(Math.sin(r)*6):0,k=a.w*.18,h=Math.max(1,Math.ceil((r-m)*120));for(let t=0;t<h&&l>0;t++){let c=m+(r-m)*(t+1)/h,y=c%d*1.2%1,P=c%d<4.6?T(y):0;i+=k*(r-m)/h,i>a.w&&(i=0);let A=Math.floor(i);b[A]=M-P*v}m=r,e.fillStyle=n.bg,e.fillRect(0,0,a.w,a.h),e.strokeStyle=n.grid;for(let t=0;t<a.w;t+=20)e.lineWidth=t%100===0?1.2:.5,e.beginPath(),e.moveTo(t,o),e.lineTo(t,o+f),e.stroke();for(let t=o;t<=o+f;t+=20)e.lineWidth=(t-o)%100===0?1.2:.5,e.beginPath(),e.moveTo(0,t),e.lineTo(a.w,t),e.stroke();e.strokeStyle=n.trace,e.lineWidth=2.2,n.paper||(e.shadowColor=n.trace,e.shadowBlur=8),e.beginPath();let u=!1;for(let t=0;t<a.w;t++){let c=b[t],y=(t-i+a.w)%a.w<30;if(c===void 0||y){u=!1;continue}u?e.lineTo(t,c):e.moveTo(t,c),u=!0}e.stroke(),e.shadowBlur=0,e.textAlign="right",e.textBaseline="top";let w=!s&&Math.floor(r*2.5)%2===0;e.fillStyle=s?n.trace:w?n.alarm:p(n.alarm,.4),e.font=`700 ${Math.max(28,a.w*.04)}px ui-monospace,Menlo,monospace`,e.fillText(s?String(S):"0",a.w-24,o+8),e.font="600 13px ui-monospace,Menlo,monospace",e.fillText("HR  bpm",a.w-24,o+Math.max(28,a.w*.04)+14),e.textAlign="left",e.fillStyle=p(n.trace,.8),e.fillText(`PAGE ${g.copy.code}`,24,o+10),e.fillText(`SpO\u2082 ${s?97:"--"}%`,24,o+30),s||(e.fillStyle=w?n.alarm:p(n.alarm,.35),e.font="800 16px ui-monospace,Menlo,monospace",e.fillText("\u25B2 ASYSTOLE \u2014 LINK NOT FOUND",24,o+f-26))}}}};export{I as default};

package/dist/cdn/c/flock-RLSZ7EZQ.js

@@ -0,0 +1 @@
+import{a as W}from"./chunk-4ZBXB36L.js";import{f as G}from"./chunk-HXSSPN2I.js";import{a as E,f as O}from"./chunk-IETNWEVK.js";import"./chunk-URWX3LLV.js";var V={id:"flock",name:"Murmuration",description:"A flock of hundreds of birds swirls across the sky, then gathers into the shape of the error for a moment before scattering. Your cursor is a hawk.",category:"Nature",kind:"2d",motion:"live",tags:["canvas","boids","flocking","nature","generative","interactive","sunset"],layout:"bottom",codeInScene:!0,copy:{eyebrow:"Gone south",title:"This page flew away.",message:"It joined the flock and never came back. Every now and then they spell out what happened.",actions:[{label:"Fly home",href:"/",variant:"primary"}]},params:{skyTop:"#2b3a67",skyBottom:"#ffb38a",bird:"#1a1420",shape:"bird",count:520,hold:3.5,sun:!0},theme:{bg:"#c98a7a",fg:"#1a1420",accent:"#1a1420","accent-fg":"#ffe9dc"},presetName:"Dusk",presets:{starlings:{name:"Winter Starlings",params:{skyTop:"#5a6a85",skyBottom:"#d9dce6",bird:"#14161c",sun:!1},theme:{bg:"#a9b2c4",fg:"#14161c",accent:"#14161c","accent-fg":"#fff"}},koi:{name:"Golden Fish",params:{skyTop:"#0b2a2a",skyBottom:"#145a4a",bird:"#ffb347",shape:"fish",sun:!1},theme:{bg:"#0f3a32",fg:"#fff3e0",accent:"#ffb347","accent-fg":"#0b2a2a"}},reef:{name:"Reef",eyebrow:"Schooling",title:"This page swam off with the school.",params:{skyTop:"#04263f",skyBottom:"#0b7a8f",bird:"#c9f3ff",shape:"fish",sun:!1},theme:{bg:"#06405a",fg:"#e6fbff",accent:"#e6fbff","accent-fg":"#04263f"}},drones:{name:"Drone Show",eyebrow:"Live show",title:"The show went on. The page didn't.",params:{skyTop:"#020412",skyBottom:"#0c1440",bird:"#9ff3ff",shape:"drone",count:700,sun:!1,hold:5},theme:{bg:"#050a24",fg:"#e9f6ff",accent:"#9ff3ff","accent-fg":"#020412"}},morning:{name:"Morning",params:{skyTop:"#8ec5ff",skyBottom:"#fff1d6",bird:"#22303f",sun:!1},theme:{bg:"#cfe3f7",fg:"#16202b",accent:"#16202b","accent-fg":"#fff"}}},setup(p){let c=p.params,o=W(p),T=p.random,h=0,f=new Float32Array(0),a=new Float32Array(0),S=new Float32Array(0),A=0;function I(){let g=Math.min(1,Math.sqrt(o.w*o.h/1296e3));h=Math.round(c.count*Math.max(.45,g));let d=Math.min(o.w*.8,1100),t=Math.min(d*.4,o.h*.42),v=O(p.copy.code||"404",{width:d,height:t,font:E,weight:900,fit:.95,step:4,random:T}),i=v.length/2;S=new Float32Array(h*2);for(let r=0;r<h;r++){let n=Math.floor(r/h*i+T()*(i/h))%i;S[r*2]=v[n*2]+(o.w-d)/2,S[r*2+1]=v[n*2+1]+o.h*.38-t/2}v=new Float32Array(0),f=new Float32Array(h*2),a=new Float32Array(h*2);for(let r=0;r<h;r++){f[r*2]=T()*o.w,f[r*2+1]=T()*o.h*.6;let n=T()*6.28;a[r*2]=Math.cos(n)*80,a[r*2+1]=Math.sin(n)*80}}I();let w=40,F=new Map;return{resize(){o.reset(),I()},frame(g,d){let t=o.g;o.reset(),A=g%(c.hold+9);let i=A>7&&A<7+c.hold+1.2?Math.min(1,(A-7)/1.2):0;if(d>0){F=new Map;for(let e=0;e<h;e++){let s=Math.floor(f[e*2]/w)*7919+Math.floor(f[e*2+1]/w),m=F.get(s);m?m.push(e):F.set(s,[e])}let n=Math.max(o.w,o.h)*.16;for(let e=0;e<h;e++){let s=f[e*2],m=f[e*2+1],l=0,b=0,L=0,q=0,N=0,j=0,k=0,z=Math.floor(s/w),H=Math.floor(m/w);for(let y=-1;y<=1;y++)for(let u=-1;u<=1;u++){let M=F.get((z+y)*7919+H+u);if(M)for(let x of M){if(x===e)continue;let B=f[x*2]-s,C=f[x*2+1]-m,D=B*B+C*C;D>w*w||(k++,L+=B,q+=C,N+=a[x*2],j+=a[x*2+1],D<120&&(l-=B*3,b-=C*3))}}k&&(l+=L/k*.9*(1-i),b+=q/k*.9*(1-i),l+=(N/k-a[e*2])*.6,b+=(j/k-a[e*2+1])*.6);let K=o.w*(.5+.35*Math.sin(g*.21+e*5e-4)),Y=o.h*(.32+.12*Math.sin(g*.33));if(l+=(K-s)*.08*(1-i),b+=(Y-m)*.12*(1-i),i>0&&(l+=(S[e*2]-s)*6*i-a[e*2]*2.5*i,b+=(S[e*2+1]-m)*6*i-a[e*2+1]*2.5*i),p.pointer.inside){let y=s-p.pointer.x,u=m-p.pointer.y,M=y*y+u*u;M<22e3&&(l+=y/Math.sqrt(M+1)*2600,b+=u/Math.sqrt(M+1)*2600)}a[e*2]+=l*d,a[e*2+1]+=b*d;let P=Math.hypot(a[e*2],a[e*2+1]),R=i>.5?n*1.5:n;P>R&&(a[e*2]*=R/P,a[e*2+1]*=R/P),P<n*.35&&i<.5&&(a[e*2]*=1.05,a[e*2+1]*=1.05),f[e*2]+=a[e*2]*d,f[e*2+1]+=a[e*2+1]*d}}let r=t.createLinearGradient(0,0,0,o.h);if(r.addColorStop(0,c.skyTop),r.addColorStop(1,c.skyBottom),t.fillStyle=r,t.fillRect(0,0,o.w,o.h),c.sun){let n=o.w*.7,e=o.h*.78,s=t.createRadialGradient(n,e,0,n,e,o.h*.5);s.addColorStop(0,"rgba(255,240,200,.9)"),s.addColorStop(.08,"rgba(255,220,170,.6)"),s.addColorStop(1,"rgba(255,180,140,0)"),t.fillStyle=s,t.fillRect(0,0,o.w,o.h)}c.shape==="drone"&&(t.globalCompositeOperation="lighter");for(let n=0;n<h;n++){let e=f[n*2],s=f[n*2+1],m=Math.atan2(a[n*2+1],a[n*2]);if(c.shape==="drone"){let l=.6+.4*Math.sin(g*3+n);t.fillStyle=G(c.bird,.25*l),t.beginPath(),t.arc(e,s,5,0,Math.PI*2),t.fill(),t.fillStyle=G(c.bird,l),t.fillRect(e-1.2,s-1.2,2.4,2.4);continue}if(t.save(),t.translate(e,s),t.rotate(m),t.fillStyle=c.bird,c.shape==="fish")t.beginPath(),t.ellipse(0,0,5,2,0,0,Math.PI*2),t.moveTo(-4,0),t.lineTo(-8,-2.5),t.lineTo(-8,2.5),t.fill();else{let l=Math.sin(g*14+n)*2.5;t.beginPath(),t.moveTo(3,0),t.lineTo(-2,-4-l),t.lineTo(-1,0),t.lineTo(-2,4+l),t.closePath(),t.fill()}t.restore()}t.globalCompositeOperation="source-over"}}}};export{V as default};

package/dist/cdn/c/foggy-glass-A56REA7E.js

@@ -0,0 +1 @@
+import{a as L}from"./chunk-4ZBXB36L.js";import{f as R}from"./chunk-HXSSPN2I.js";import"./chunk-URWX3LLV.js";var H={id:"foggy-glass",name:"Foggy Glass",description:"Someone wrote the error with a finger on a steamed-up window. Wipe the glass with your cursor and watch it fog back over.",category:"Nature",kind:"2d",motion:"interactive",tags:["canvas","fog","window","wipe","interactive","cozy","winter"],layout:"bottom",codeInScene:!0,copy:{eyebrow:"Wipe the glass",title:"Can't see the page from here.",message:"Drag across the window to clear it. It'll mist up again, and the page still won't be out there.",actions:[{label:"Step back inside",href:"/",variant:"primary"}]},params:{view:"city",fog:"#c9d3dc",regrow:6},theme:{bg:"#7d8b99",fg:"#13202b",accent:"#13202b","accent-fg":"#eef3f7"},presetName:"City Night",presets:{rain:{name:"Rainy Night",params:{view:"city",fog:"#9fb0c2",regrow:3}},forest:{name:"Snowy Forest",eyebrow:"Cold outside",title:"It's freezing, and the page is gone.",params:{view:"forest",fog:"#e6edf2"},theme:{bg:"#c8d4dc",fg:"#14212a",accent:"#14212a","accent-fg":"#fff"}},sunset:{name:"Sunset Drive",params:{view:"sunset",fog:"#f1d9c9"},theme:{bg:"#e8b8a0",fg:"#2c140a",accent:"#2c140a","accent-fg":"#fff"}}},css:"& .lp-body{text-shadow:0 1px 12px rgba(255,255,255,.45)}",setup(p){let T=p.params,h=L(p),s=p.random,m,w,S,n,k,C,P=[],g=1,M=(o,t)=>{let e=document.createElement("canvas");return e.width=Math.max(1,Math.round(o)),e.height=Math.max(1,Math.round(t)),e};function I(){let o=h.w,t=h.h;g=Math.min(2,p.dpr),m=M(o*g,t*g);let e=m.getContext("2d");if(e.scale(g,g),T.view==="city"){let i=e.createLinearGradient(0,0,0,t);i.addColorStop(0,"#0b1430"),i.addColorStop(1,"#2b2140"),e.fillStyle=i,e.fillRect(0,0,o,t);for(let a=0;a<o;){let y=40+s()*90,b=t*(.25+s()*.45);e.fillStyle="#0a0c18",e.fillRect(a,t-b,y,b);for(let f=t-b+10;f<t-10;f+=14)for(let c=a+6;c<a+y-8;c+=12)s()>.55&&(e.fillStyle=["#ffcf7a","#ffe9b8","#9fd1ff","#ff9f6b"][Math.floor(s()*4)],e.fillRect(c,f,6,8));a+=y+4}for(let a=0;a<40;a++){let y=s()*o,b=t*(.7+s()*.3),f=6+s()*16,c=e.createRadialGradient(y,b,0,y,b,f),u=["#ffb347","#ff4d4d","#ffffff","#7fc8ff"][Math.floor(s()*4)];c.addColorStop(0,u),c.addColorStop(1,R(u,0)),e.fillStyle=c,e.fillRect(y-f,b-f,f*2,f*2)}}else if(T.view==="forest"){let i=e.createLinearGradient(0,0,0,t);i.addColorStop(0,"#9fb4c8"),i.addColorStop(1,"#e8eef3"),e.fillStyle=i,e.fillRect(0,0,o,t);for(let a=0;a<3;a++){let y=["#7e93a6","#4f6577","#25384a"][a];for(let b=0;b<24+a*8;b++){let f=s()*o,c=t*(.25+a*.12+s()*.15),u=t*(.72+a*.1);e.fillStyle=y,e.beginPath(),e.moveTo(f,u-c),e.lineTo(f-c*.22,u),e.lineTo(f+c*.22,u),e.closePath(),e.fill(),e.fillStyle="rgba(255,255,255,.55)",e.beginPath(),e.moveTo(f,u-c),e.lineTo(f-c*.06,u-c*.7),e.lineTo(f+c*.06,u-c*.7),e.fill()}}e.fillStyle="#f4f7f9",e.fillRect(0,t*.9,o,t*.1)}else{let i=e.createLinearGradient(0,0,0,t);i.addColorStop(0,"#3a2a6b"),i.addColorStop(.55,"#ff7a59"),i.addColorStop(1,"#ffd6a0"),e.fillStyle=i,e.fillRect(0,0,o,t),e.fillStyle="#fff1c9",e.beginPath(),e.arc(o*.62,t*.62,Math.min(o,t)*.12,0,Math.PI*2),e.fill(),e.fillStyle="#2a1838",e.beginPath(),e.moveTo(0,t);for(let a=0;a<=o;a+=20)e.lineTo(a,t*.72-Math.sin(a*.006)*t*.06-Math.sin(a*.017)*t*.03);e.lineTo(o,t),e.fill()}w=M(m.width,m.height);let r=w.getContext("2d");r.filter=`blur(${18*g}px) saturate(.8)`,r.drawImage(m,0,0),r.filter="none",r.fillStyle=R(T.fog,.55),r.fillRect(0,0,w.width,w.height);for(let i=0;i<w.width*w.height/260;i++){r.fillStyle=`rgba(255,255,255,${s()*.18})`;let a=(.5+s()*1.6)*g;r.beginPath(),r.arc(s()*w.width,s()*w.height,a,0,Math.PI*2),r.fill()}S=M(m.width,m.height),n=S.getContext("2d"),C=M(m.width,m.height),k=M(m.width,m.height);let l=k.getContext("2d");l.scale(g,g);let d=p.copy.code||"404",v=Math.min(o*.24,t*.34);l.font=`400 ${v}px "Marker Felt","Chalkboard SE","Segoe Print","Comic Sans MS",cursive`,l.textAlign="center",l.textBaseline="middle",l.lineJoin="round",l.lineCap="round",l.strokeStyle="#000";for(let i=0;i<3;i++)l.lineWidth=v*(.07+i*.01),l.save(),l.translate((s()-.5)*3,(s()-.5)*3),l.strokeText(d,o/2,t*.37),l.restore();P=[];for(let i=0;i<14;i++)P.push({x:o/2+(s()-.5)*v*d.length*.5,y:t*.37+v*.3,v:0,len:0})}I();let x=null,E=(o,t)=>{n.save(),n.scale(g,g),n.globalCompositeOperation="source-over",n.strokeStyle="#000",n.fillStyle="#000",n.lineCap="round",n.lineWidth=Math.max(40,h.w*.05),n.filter=`blur(${6*g}px)`,n.beginPath(),x?(n.moveTo(x.x,x.y),n.lineTo(o,t),n.stroke()):(n.arc(o,t,n.lineWidth/2,0,Math.PI*2),n.fill()),n.filter="none",n.restore(),x={x:o,y:t}};return p.on("pointermove",o=>{(o.pointerType==="mouse"||o.buttons)&&(E(p.pointer.x,p.pointer.y),Math.random()<.06&&P.push({x:p.pointer.x,y:p.pointer.y+Math.max(20,h.w*.025),v:0,len:0}))}),p.on("pointerleave",()=>x=null),{resize(){h.reset(),I()},frame(o,t){let e=h.g;h.reset(),t>0&&(n.globalCompositeOperation="destination-out",n.fillStyle=`rgba(0,0,0,${Math.min(1,t/T.regrow)*1.6})`,n.fillRect(0,0,S.width,S.height),n.globalCompositeOperation="source-over");let r=k.getContext("2d");for(let d of P){if(d.len>h.h*.3||t===0)continue;d.v=Math.min(60,d.v+(Math.random()<.02?40:2)*t*10);let v=d.y+d.v*t;r.save(),r.scale(g,g),r.strokeStyle="#000",r.lineWidth=3,r.lineCap="round",r.beginPath(),r.moveTo(d.x,d.y),d.x+=(Math.random()-.5)*.6,r.lineTo(d.x,v),r.stroke(),r.restore(),d.len+=v-d.y,d.y=v}e.drawImage(m,0,0,h.w,h.h);let l=C.getContext("2d");l.globalCompositeOperation="source-over",l.clearRect(0,0,C.width,C.height),l.drawImage(w,0,0),l.globalCompositeOperation="destination-out",l.drawImage(S,0,0),l.drawImage(k,0,0),e.drawImage(C,0,0,h.w,h.h)}}}};export{H as default};

package/dist/cdn/c/gears-4HJO7H74.js

@@ -0,0 +1,5 @@
+import"./chunk-URWX3LLV.js";function w(i,e,h,t){let l=[],c=Math.PI*2/i;for(let g=0;g<i;g++){let o=g*c,s=[[o-c*.3,e-h],[o-c*.18,e],[o+c*.18,e],[o+c*.3,e-h]];for(let[p,b]of s)l.push(`${(Math.cos(p)*b).toFixed(2)},${(Math.sin(p)*b).toFixed(2)}`)}let m=`M${t},0 A${t},${t} 0 1,0 ${-t},0 A${t},${t} 0 1,0 ${t},0Z`;return`M${l.join("L")}Z ${m}`}var j={id:"gears",name:"Broken Machine",description:"The machinery behind this page has jammed. The gears turn, grind, shudder and try again. The 0 is a gear too.",category:"Playful",kind:"2d",motion:"live",tags:["svg","gears","mechanical","industrial","maintenance","light"],layout:"bottom",codeInScene:!0,copy:{eyebrow:"Mechanical failure",title:"Something jammed in the works.",message:"Our engineers are oiling the gears. The page you asked for won't be produced today.",actions:[{label:"Back to working pages",href:"/",variant:"primary"}]},params:{metal:"#2b2f36",metal2:"#8b939e",bg:"#ecebe6",accent:"#ff5a1f",jam:6},theme:{bg:"#ecebe6",fg:"#1c1f24",accent:"#1c1f24","accent-fg":"#fff"},presetName:"Workshop",presets:{copper:{name:"Copper",params:{metal:"#7a3a1a",metal2:"#e8875a",bg:"#f6ece3",accent:"#1a6b5a"},theme:{bg:"#f6ece3",fg:"#2a1206",accent:"#2a1206","accent-fg":"#fff"}},neon:{name:"Neon Machine",params:{metal:"#3bd6ff",metal2:"#1a4a6b",bg:"#020a12",accent:"#ff3bd4"},theme:{bg:"#020a12",fg:"#e6f9ff",accent:"#3bd6ff","accent-fg":"#020a12"}},brass:{name:"Steampunk",params:{metal:"#8a5a22",metal2:"#d9a85b",bg:"#1c140c",accent:"#ffb347"},theme:{bg:"#1c140c",fg:"#f3e2c4",accent:"#d9a85b","accent-fg":"#1c140c"}},blueprint:{name:"Blueprint",params:{metal:"#e9f1ff",metal2:"#9cc0ff",bg:"#1b4f9c",accent:"#ffffff"},theme:{bg:"#1b4f9c",fg:"#ffffff",accent:"#ffffff","accent-fg":"#1b4f9c"}}},css:`
+& .gr{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-bottom:22cqh}
+& .gr svg{width:min(980px,94cqw);height:auto;overflow:visible}
+& .gr .grid{opacity:.07}
+`,setup(i){let e=i.params,h=i.copy.code||"404",t=document.createElement("div");t.className="gr",t.setAttribute("aria-hidden","true");let l=[...h],c=1e3,m=c/l.length,g=(r,a,n)=>`<g transform="translate(${r} 260)"><g data-gear="${n}"><path d="${w(14,a,a*.16,a*.42)}" fill="${e.metal}" fill-rule="evenodd"/><circle r="${a*.62}" fill="none" stroke="${e.metal2}" stroke-width="6" opacity=".6"/>${Array.from({length:6},(u,d)=>`<rect x="${a*.44}" y="-6" width="${a*.16}" height="12" transform="rotate(${d*60})" fill="${e.metal2}" opacity=".7"/>`).join("")}</g><circle r="${a*.12}" fill="${e.accent}"/></g>`,o=(r,a,n,u,d,f)=>`<g transform="translate(${r} ${a})"><g data-gear="${d}" data-n="${u}"><path d="${w(u,n,n*.22,n*.3)}" fill="${f}" fill-rule="evenodd"/></g></g>`,s=`<svg viewBox="0 0 ${c} 520"><defs><pattern id="gp" width="40" height="40" patternUnits="userSpaceOnUse"><path d="M40 0H0V40" fill="none" stroke="${e.metal}" stroke-width="1"/></pattern></defs><rect class="grid" x="-200" y="-100" width="${c+400}" height="720" fill="url(#gp)"/>`;s+=o(m*.95,110,70,12,"s1",e.metal2),s+=o(m*2.05,420,60,10,"s2",e.metal2),s+=o(m*1.5,470,34,8,"s3",e.metal),l.forEach((r,a)=>{let n=m*(a+.5);/[0oO]/.test(r)?s+=g(n,190,`b${a}`):s+=`<text x="${n}" y="400" text-anchor="middle" font-family="Inter,Arial Black,sans-serif" font-weight="900" font-size="380" fill="${e.metal}" letter-spacing="-10">${r.replace(/[<&]/g,"")}</text>`}),s+="<g data-spark></g></svg>",t.innerHTML=s,i.stage.append(t);let p=[...t.querySelectorAll("[data-gear]")],b=t.querySelector("[data-spark]"),y=0,k=-1,M=e.jam;return{frame(r,a){let n=r<k;!n&&r>M&&!i.reducedMotion&&(k=r+1.4,M=r+e.jam+Math.random()*3),y+=(n?0:28)*a;let d=n?Math.sin(r*70)*2.2:0;p.forEach((f,$)=>{let v=$%2?-1:1,x=Number(f.dataset.n??14);f.setAttribute("transform",`rotate(${y*v*14/x+d})`)}),b.innerHTML=n?Array.from({length:7},()=>{let f=470+(Math.random()-.5)*120,$=190+(Math.random()-.5)*80;return`<line x1="${f}" y1="${$}" x2="${f+(Math.random()-.5)*40}" y2="${$-Math.random()*40}" stroke="${e.accent}" stroke-width="3" stroke-linecap="round"/>`}).join(""):""},destroy(){t.remove()}}}};export{j as default};

package/dist/cdn/c/glass-404-WZRMDFTP.js

@@ -0,0 +1 @@
+import{a}from"./chunk-NUQBEDA4.js";import"./chunk-QJZBGT2Q.js";import"./chunk-HXSSPN2I.js";import"./chunk-IETNWEVK.js";import"./chunk-URWX3LLV.js";var t={id:"glass-404",name:"Prism Glass",description:"Thick refractive glass numerals with real dispersion, bending a field of slow colour behind them.",category:"Typography",kind:"3d",motion:"live",tags:["webgl","raymarching","glass","refraction","dispersion","gradient","light"],layout:"bottom",codeInScene:!0,copy:{eyebrow:"Error 404",title:"Crystal clear: it's not here.",message:"We looked straight through this page. There's nothing behind the glass.",actions:[{label:"Back to home",href:"/",variant:"primary"}]},params:{c1:"#7b5cff",c2:"#ff6ec7",c3:"#36d6ff",bgTop:"#f6f4ff",bgBottom:"#d9d4f5",dispersion:1.2,depth:.28},theme:{bg:"#ebe8fb",fg:"#14112a",accent:"#14112a","accent-fg":"#ffffff"},presetName:"Iris",presets:{forest:{name:"Forest Glass",params:{c1:"#1f9d55",c2:"#a3e635",c3:"#0ea5a3",bgTop:"#06140d",bgBottom:"#0b2a1a"},theme:{bg:"#07170f",fg:"#eafff2",accent:"#a3e635","accent-fg":"#07170f"}},ocean:{name:"Deep Ocean",params:{c1:"#2563eb",c2:"#06b6d4",c3:"#1e3a8a",bgTop:"#020617",bgBottom:"#0b1a3a"},theme:{bg:"#030b1f",fg:"#e6f4ff",accent:"#67e8f9","accent-fg":"#030b1f"}},lava:{name:"Molten",params:{c1:"#ff4d00",c2:"#ffb000",c3:"#ff1f5a",bgTop:"#0a0302",bgBottom:"#1f0703",dispersion:1.6},theme:{bg:"#120402",fg:"#fff0e6",accent:"#ffb000","accent-fg":"#120402"}},lavender:{name:"Lavender",params:{c1:"#a78bfa",c2:"#f0abfc",c3:"#93c5fd",bgTop:"#faf5ff",bgBottom:"#e9defa"},theme:{bg:"#f1eafc",fg:"#2a1a47",accent:"#2a1a47","accent-fg":"#fff"}},neon:{name:"Neon Night",params:{c1:"#ff00e6",c2:"#00f0ff",c3:"#7a00ff",bgTop:"#05000a",bgBottom:"#12001f",dispersion:1.8},theme:{bg:"#08000f",fg:"#fbe6ff",accent:"#00f0ff","accent-fg":"#08000f"}},aurora:{name:"Aurora",params:{c1:"#22e3a1",c2:"#3a7bff",c3:"#b25cff",bgTop:"#050a18",bgBottom:"#0b1030"},theme:{bg:"#070c1f",fg:"#eef2ff",accent:"#e9fff6","accent-fg":"#04140e"}},sunset:{name:"Sunset",params:{c1:"#ff7a3d",c2:"#ff3d77",c3:"#ffd23d",bgTop:"#fff4ea",bgBottom:"#ffd9c4"},theme:{bg:"#ffe8da",fg:"#2a1208",accent:"#2a1208","accent-fg":"#fff"}},ice:{name:"Ice",title:"Frozen solid. Page not found.",params:{c1:"#9ad8ff",c2:"#d7f1ff",c3:"#5aa9ff",bgTop:"#f4fbff",bgBottom:"#cfe6f7",dispersion:.6,depth:.34},theme:{bg:"#e3f2fc",fg:"#0b2233",accent:"#0b2233","accent-fg":"#fff"}},mono:{name:"Monochrome",params:{c1:"#111111",c2:"#555555",c3:"#999999",bgTop:"#fafafa",bgBottom:"#dcdcdc",dispersion:1.6},theme:{bg:"#ededed",fg:"#0a0a0a",accent:"#0a0a0a","accent-fg":"#fff"}},candy:{name:"Candy",params:{c1:"#ff4fa3",c2:"#ffb13b",c3:"#4fd1ff",bgTop:"#fff0f7",bgBottom:"#ffd6ea"},theme:{bg:"#ffe5f1",fg:"#2b0a1b",accent:"#ff3d95","accent-fg":"#fff"}}},setup(e){let f=e.params;return a(e,{material:"glass",colors:{a:f.c1,b:f.c2,c:f.c3,bg0:f.bgTop,bg1:f.bgBottom,light:"#ffffff"},depth:f.depth,round:.07,spin:.3,dispersion:f.dispersion,envSpeed:.05,y:.1})}};export{t as default};

package/dist/cdn/c/glitch-Y4CIADF3.js

@@ -0,0 +1,60 @@
+import{a as d}from"./chunk-LMRCHEWX.js";import{a as b,b as u,c as h,h as p}from"./chunk-QJZBGT2Q.js";import{e as i}from"./chunk-HXSSPN2I.js";import{a as g,e as m}from"./chunk-IETNWEVK.js";import"./chunk-URWX3LLV.js";var y=`
+uniform sampler2D uText;
+uniform vec3 uBg, uInk, uA, uB;
+uniform float uAmt, uScan, uGrid, uBurst, uLight;
+${b}
+${u}
+${h}
+
+float textAt(vec2 uv) { return texture(uText, uv).a; }
+
+void main() {
+  vec2 fc = gl_FragCoord.xy;
+  vec2 uv = fc / uRes;
+  float t = uTime;
+  // bursts: mostly calm, then violent for a few frames
+  float slot = floor(t * 7.0);
+  float burst = step(0.82, hash11(slot)) + uBurst;
+  float amt = uAmt * (0.25 + burst * 1.4);
+
+  // horizontal slice displacement
+  float rows = 18.0 + 40.0 * hash11(slot + 3.0);
+  float row = floor(uv.y * rows);
+  float shift = (hash12(vec2(row, slot)) - 0.5) * 0.08 * amt * step(0.55, hash12(vec2(row * 1.3, slot + 1.0)));
+  // block displacement
+  vec2 bid = floor(uv * vec2(12.0, 24.0));
+  float bh = hash12(bid + slot * 7.1);
+  vec2 boff = (bh > 0.93 ? (hash22(bid + slot) - 0.5) * vec2(0.12, 0.02) : vec2(0.0)) * amt;
+  vec2 q = uv + vec2(shift, 0.0) + boff;
+
+  float split = 0.004 + 0.012 * amt;
+  float r = textAt(q + vec2(split, 0.0));
+  float g = textAt(q);
+  float b = textAt(q - vec2(split, 0.0));
+
+  vec3 col = uBg;
+  // background grid
+  if (uGrid > 0.5) {
+    vec2 gp = fc / 32.0;
+    float gl = smoothstep(0.47, 0.5, max(abs(fract(gp.x) - 0.5), abs(fract(gp.y) - 0.5)));
+    col = mix(col, uInk, gl * 0.06);
+  }
+  // channel-separated text: a and b fringes, ink core
+  if (uLight > 0.5) {
+    col = mix(col, uA, max(r - g, 0.0));
+    col = mix(col, uB, max(b - g, 0.0));
+    col = mix(col, uInk, g);
+  } else {
+    col += uA * max(r - g * 0.6, 0.0) + uB * max(b - g * 0.6, 0.0);
+    col = mix(col, uInk, g * 0.92);
+  }
+  // corrupted line artefacts
+  float lineN = hash12(vec2(floor(fc.y / 2.0), slot));
+  col = mix(col, uA, step(0.996 - 0.01 * amt, lineN) * 0.6);
+  // scanlines and noise
+  col *= 1.0 - uScan * 0.18 * step(0.5, fract(fc.y / 3.0));
+  col = toSRGB(clamp(col, 0.0, 1.0));
+  col += (hash12(fc + fract(t) * 100.0) - 0.5) * 0.05 * (0.5 + amt);
+  fragColor = vec4(col, 1.0);
+}
+`,R={id:"glitch",name:"Signal Corruption",description:"The numerals tear, shift and split into colour channels in short violent bursts. Hover close and it gets worse.",category:"Typography",kind:"2d",motion:"live",tags:["webgl","glitch","rgb-split","cyberpunk","typography","interactive"],layout:"bottom",codeInScene:!0,copy:{eyebrow:"ERR_PAGE_CORRUPTED",title:"Something broke in transmission.",message:"The page you requested got scrambled on the way here. A fresh copy lives on the homepage.",actions:[{label:"Reload home",href:"/",variant:"primary"},{label:"Report the glitch",href:"/contact",variant:"secondary"}]},params:{bg:"#06060a",ink:"#f4f4f6",a:"#ff1f6d",b:"#1ff4ff",intensity:1,reactive:!0,scanlines:1,grid:!0,weight:900},theme:{bg:"#06060a",accent:"#f4f4f6","accent-fg":"#06060a","font-display":"var(--lp-font-mono)","title-weight":"600"},presetName:"Cyber",presets:{sunset:{name:"Sunset",params:{bg:"#1a0b1f",ink:"#ffe6cc",a:"#ff5a36",b:"#b026ff"},theme:{bg:"#1a0b1f",fg:"#ffe6cc",accent:"#ffe6cc","accent-fg":"#1a0b1f"}},ice:{name:"Ice",params:{bg:"#eaf6ff",ink:"#0b2a40",a:"#00b3ff",b:"#7a5cff",scanlines:.4},theme:{bg:"#eaf6ff",fg:"#0b2a40",accent:"#0b2a40","accent-fg":"#eaf6ff"}},blood:{name:"Corrupted",eyebrow:"FATAL_CORRUPTION",params:{bg:"#0a0000",ink:"#ff2a2a",a:"#ffffff",b:"#5a0000",intensity:1.6},theme:{bg:"#0a0000",fg:"#ffd6d6",accent:"#ff2a2a","accent-fg":"#0a0000"}},blueprint:{name:"Blueprint",params:{bg:"#123e7a",ink:"#ffffff",a:"#7fd3ff",b:"#ffe14d",grid:!0},theme:{bg:"#123e7a",fg:"#ffffff",accent:"#ffffff","accent-fg":"#123e7a"}},vapor:{name:"Vaporwave",params:{bg:"#ffd6f0",ink:"#2a1b5c",a:"#ff4fd8",b:"#3bd0ff",grid:!0},theme:{bg:"#ffd6f0",fg:"#2a1b5c",accent:"#2a1b5c","accent-fg":"#ffd6f0"}},print:{name:"Misprint",eyebrow:"Misregistration",title:"Printed off the edge of the page.",params:{bg:"#f5f2ea",ink:"#141414",a:"#ff3b30",b:"#0a84ff",scanlines:0,grid:!1},theme:{bg:"#f5f2ea",fg:"#141414",accent:"#141414","accent-fg":"#f5f2ea","font-display":"var(--lp-font)"}},toxic:{name:"Toxic",params:{bg:"#050a02",ink:"#d7ff3b",a:"#3bff7a",b:"#ff3bd7",intensity:1.4},theme:{bg:"#050a02",fg:"#efffc2",accent:"#d7ff3b","accent-fg":"#050a02"}},mono:{name:"Monochrome",params:{bg:"#000000",ink:"#ffffff",a:"#8a8a8a",b:"#4a4a4a",grid:!1},theme:{bg:"#000",accent:"#fff","accent-fg":"#000"}},calm:{name:"Subtle",params:{intensity:.35,reactive:!0,scanlines:.4,bg:"#0b0d12",a:"#7c5cff",b:"#2bd4ff"}}},setup(t){let a=t.params,o=document.createElement("canvas"),c=null,e,v=parseInt(a.bg.replace("#","").slice(0,2),16)>140,l=()=>{let f=Math.max(2,Math.round(t.width*Math.min(t.dpr,2))),n=Math.max(2,Math.round(t.height*Math.min(t.dpr,2)));o.width=f,o.height=n;let r=o.getContext("2d");r.clearRect(0,0,f,n),r.save(),r.translate(0,n*.36-n*.25),m(r,t.copy.code||"404",{width:f,height:n*.5,font:g,weight:a.weight,fit:.84,tracking:-.03}),r.restore(),c&&(e.bindTexture(e.TEXTURE_2D,c),e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL,!0),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,o),e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL,!1))},s=0;return{...d(t,{frag:y,adaptive:!1,init(f){e=f,l(),c=p(f,o,{filter:"linear"})},uniforms:(f,n)=>{let r=a.reactive&&t.pointer.inside?Math.max(0,1-Math.hypot(t.pointer.nx,(t.pointer.ny-.28)*1.6)):0;return s+=(r-s)*Math.min(1,n*6),{uText:c,uBg:i(a.bg),uInk:i(a.ink),uA:i(a.a),uB:i(a.b),uAmt:a.intensity,uScan:a.scanlines,uGrid:a.grid?1:0,uBurst:s*.9,uLight:v?1:0}}}),resize(){l()}}}};export{R as default};

package/dist/cdn/c/gradient-404-YNSTOPNA.js

@@ -0,0 +1,6 @@
+import"./chunk-URWX3LLV.js";var r={id:"gradient-404",name:"Gradient",description:"The modern SaaS 404: a heavy gradient-filled number with a soft glow, a short headline and a pill button.",category:"Simple",kind:"2d",motion:"static",tags:["simple","gradient","saas","startup","static","fast","modern"],layout:"center",copy:{eyebrow:"",title:"Page not found",message:"The link may be broken, or the page may have been removed.",actions:[{label:"Take me home",href:"/"},{label:"Help center",href:"/help",variant:"secondary"}]},params:{from:"#6366f1",via:"#a855f7",to:"#ec4899",glow:!0},theme:{bg:"#ffffff",fg:"#0f172a",accent:"#0f172a","accent-fg":"#ffffff","code-size":"clamp(110px,24cqw,260px)","code-weight":"800"},presetName:"Violet",presets:{night:{name:"Night",params:{from:"#22d3ee",via:"#6366f1",to:"#d946ef"},theme:{bg:"#070a13",fg:"#e2e8f0",accent:"#e2e8f0","accent-fg":"#070a13"}},sunset:{name:"Sunset",params:{from:"#f59e0b",via:"#ef4444",to:"#db2777"},theme:{bg:"#fffaf5",fg:"#2a1406",accent:"#2a1406","accent-fg":"#fffaf5"}},mint:{name:"Mint",params:{from:"#10b981",via:"#06b6d4",to:"#3b82f6",glow:!1},theme:{bg:"#f8fafc",fg:"#0f172a",accent:"#0f172a","accent-fg":"#fff"}}},css:`
+& .lp-code{background:linear-gradient(120deg,var(--g1),var(--g2),var(--g3));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.06em;line-height:.95;padding:0 .04em}
+& .gr-glow{position:absolute;left:50%;top:38%;width:min(70cqw,760px);aspect-ratio:2/1;translate:-50% -50%;filter:blur(70px);opacity:.28;
+  background:radial-gradient(closest-side,var(--g1),transparent),radial-gradient(closest-side at 70% 50%,var(--g3),transparent)}
+& .lp-title{font-weight:700;font-size:clamp(24px,3.6cqw,44px)}
+`,setup(e){let a=e.params;if(e.root.style.setProperty("--g1",a.from),e.root.style.setProperty("--g2",a.via),e.root.style.setProperty("--g3",a.to),!a.glow)return;let t=document.createElement("div");return t.className="gr-glow",e.stage.append(t),{destroy:()=>t.remove()}}};export{r as default};

package/dist/cdn/c/halftone-XZ7F75B4.js

@@ -0,0 +1,43 @@
+import{a as h}from"./chunk-LMRCHEWX.js";import{a as c,b as p,c as u,h as m}from"./chunk-QJZBGT2Q.js";import{e as l}from"./chunk-HXSSPN2I.js";import{a as f,e as s}from"./chunk-IETNWEVK.js";import"./chunk-URWX3LLV.js";var d=`
+uniform sampler2D uText;
+uniform vec3 uPaper, uInk1, uInk2;
+uniform float uCell, uOffset;
+${c}
+${p}
+${u}
+float tone(vec2 uv, vec2 p, float t) {
+  // soft blobs plus the code
+  float a = textureLod(uText, uv, 1.5).a;
+  float b = 0.5 + 0.5 * sin(p.x * 3.0 + t * 0.4) * cos(p.y * 2.5 - t * 0.3);
+  return clamp(a * 0.9 + b * 0.25 + fbm(p * 2.0 + t * 0.05) * 0.2, 0.0, 1.0);
+}
+float dots(vec2 fc, float angle, float tv, float cell) {
+  float c = cos(angle), s = sin(angle);
+  vec2 q = mat2(c, -s, s, c) * fc / cell;
+  vec2 f = fract(q) - 0.5;
+  float r = sqrt(tv) * 0.62;
+  float d = length(f);
+  float w = fwidth(d);
+  return 1.0 - smoothstep(r - w, r + w, d);
+}
+void main() {
+  vec2 fc = gl_FragCoord.xy;
+  vec2 uv = fc / uRes;
+  vec2 p = (fc - 0.5 * uRes) / uRes.y;
+  float t = uTime;
+  // the pointer works like a loupe: bigger dots under it
+  vec2 m = (uMouse * 0.5 + 0.5) * uRes;
+  float loupe = smoothstep(220.0, 0.0, length(fc - m)) * step(0.001, length(uMouse));
+  float cell = uCell * (1.0 + loupe * 1.6);
+  float t1 = tone(uv, p, t);
+  float t2 = tone(uv + vec2(0.02, -0.01), p + 0.3, t * 0.8) * 0.85;
+  vec3 col = uPaper;
+  float d2 = dots(fc + vec2(uOffset, -uOffset), 0.26, t2 * 0.8, cell);
+  float d1 = dots(fc, 0.785, t1, cell);
+  // multiply the inks like a riso print
+  col *= mix(vec3(1.0), uInk2, d2);
+  col *= mix(vec3(1.0), uInk1, d1);
+  col *= 0.97 + 0.03 * hash12(floor(fc * 0.5));
+  fragColor = vec4(toSRGB(col), 1.0);
+}
+`,x={id:"halftone",name:"Risograph",description:"Two-colour halftone print, slightly misregistered like a risograph. The dots swell and shrink, and a loupe follows your cursor.",category:"Paper & Print",kind:"2d",motion:"live",tags:["webgl","halftone","riso","print","editorial","light","graphic"],layout:"bottom",codeInScene:!0,copy:{eyebrow:"Misprint",title:"This page didn't make it to press.",message:"The plates were inked, the paper loaded, and then nothing came out. The homepage is in stock.",actions:[{label:"Back to the shop",href:"/",variant:"primary"}]},params:{paper:"#f6f1e7",ink1:"#ff4f8b",ink2:"#2a6bff",cell:9,offset:3},theme:{bg:"#f6f1e7",fg:"#1a1a2e",accent:"#1a1a2e","accent-fg":"#fff"},presetName:"Pink & Blue",presets:{citrus:{name:"Yellow & Green",params:{ink1:"#00a95c",ink2:"#ffe800"},theme:{fg:"#0a2a1a",accent:"#0a2a1a"}},sunset:{name:"Orange & Purple",params:{ink1:"#7a3dff",ink2:"#ff6c2f"},theme:{fg:"#24103f",accent:"#24103f"}},mono:{name:"Black Only",params:{ink1:"#1a1a1a",ink2:"#ffffff",cell:7},theme:{fg:"#111",accent:"#111"}},news:{name:"Newsprint",params:{paper:"#e8e2d4",ink1:"#2a2a2a",ink2:"#c1121f",cell:6,offset:2},theme:{bg:"#e8e2d4",fg:"#1a1a1a",accent:"#c1121f"}}},setup(a){let n=a.params,t=document.createElement("canvas"),r=null,e,i=()=>{t.width=512,t.height=Math.max(64,Math.round(512*a.height/Math.max(1,a.width)));let o=t.getContext("2d");o.clearRect(0,0,t.width,t.height),o.save(),o.translate(0,t.height*.38-t.height*.24),s(o,a.copy.code||"404",{width:t.width,height:t.height*.48,font:f,weight:900,fit:.86}),o.restore(),r&&(e.bindTexture(e.TEXTURE_2D,r),e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL,!0),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL,!1),e.generateMipmap(e.TEXTURE_2D))};return{...h(a,{frag:d,adaptive:!1,init(o){e=o,i(),r=m(e,t,{filter:"mipmap"})},uniforms:()=>({uText:r,uPaper:l(n.paper),uInk1:l(n.ink1),uInk2:l(n.ink2),uCell:n.cell*Math.min(2,a.dpr),uOffset:n.offset*Math.min(2,a.dpr)})}),resize:i}}};export{x as default};

package/dist/cdn/c/hanging-letters-Y3VH7EVP.js

@@ -0,0 +1 @@
+import{a as x}from"./chunk-4ZBXB36L.js";import{f as w}from"./chunk-HXSSPN2I.js";import{a as v}from"./chunk-IETNWEVK.js";import"./chunk-URWX3LLV.js";var S={id:"hanging-letters",name:"Hanging Letters",description:"Each numeral dangles on its own string like a mobile. Brush past them with the cursor and they swing and twist.",category:"Physics",kind:"2d",motion:"live",tags:["canvas","physics","pendulum","mobile","interactive","light","playful"],layout:"bottom",codeInScene:!0,copy:{eyebrow:"Hanging by a thread",title:"This page came undone.",message:"All that's left are the numbers, swinging in the breeze. Give them a nudge.",actions:[{label:"Back to the homepage",href:"/",variant:"primary"}]},params:{bg:"#f4efe6",letters:["#ff5a3c","#2b59ff","#ffb800","#16a34a","#9b5cff"],string:"#2b2620",look:"solid",wind:1},theme:{bg:"#f4efe6",fg:"#2b2620",accent:"#2b2620","accent-fg":"#fff"},presetName:"Primary",presets:{autumn:{name:"Autumn",params:{bg:"#f6e7cf",letters:["#d9541e","#a8461a","#e8a83b"],string:"#5a3a1a"},theme:{bg:"#f6e7cf",fg:"#3a1d0a",accent:"#3a1d0a"}},neon:{name:"Neon",params:{bg:"#08000f",letters:["#ff3bd4","#3bd6ff","#ffe14d"],string:"#3a2a4a",look:"outline"},theme:{bg:"#08000f",fg:"#ffe6fb",accent:"#ff3bd4","accent-fg":"#fff"}},paper:{name:"Paper Cut",params:{bg:"#eaf2f8",letters:["#ffffff"],string:"#7a8a99",look:"paper"},theme:{bg:"#eaf2f8",fg:"#1c2b38",accent:"#1c2b38"}},noir:{name:"Noir",params:{bg:"#111114",letters:["#f2f2f2"],string:"#555",look:"outline"},theme:{bg:"#111114",fg:"#f2f2f2",accent:"#f2f2f2","accent-fg":"#111"}},pastel:{name:"Nursery",params:{bg:"#fff6f0",letters:["#ffb3c7","#a8d8ff","#ffe08a","#b8f0c8"],string:"#c9a98a"},theme:{bg:"#fff6f0",fg:"#4a2a3a",accent:"#4a2a3a"}}},setup(i){let s=i.params,a=x(i),h=[...i.copy.code||"404"],g=[],m=()=>{let l=h.length,n=Math.min(a.w*.7/l,a.h*.32);g=h.map((t,r)=>({ch:t,ax:a.w/2+(r-(l-1)/2)*n*.95,L:a.h*.12+r*37%3*a.h*.04,a:i.reducedMotion?0:(Math.random()-.5)*.4,va:0,tw:0,vtw:0,size:n,col:s.letters[r%s.letters.length]}))};m();let b=0,p=0;return{resize(){a.reset(),m()},frame(l,n){let t=a.g;a.reset();let r=i.pointer.x,u=i.pointer.y,d=n>0?(r-b)/n:0;b=r,p=u;for(let e of g){if(n<=0)break;let f=9;e.va+=(-f/Math.max(1,e.L/100)*Math.sin(e.a)+Math.sin(l*.7+e.ax)*.25*s.wind)*n,e.va*=Math.exp(-.6*n),e.vtw+=(-e.tw*6+Math.sin(l*.5+e.ax*.01)*.3*s.wind)*n,e.vtw*=Math.exp(-.8*n);let o=e.ax+Math.sin(e.a)*(e.L+e.size*.5),c=Math.cos(e.a)*(e.L+e.size*.5);i.pointer.inside&&Math.abs(r-o)<e.size*.45&&Math.abs(u-c)<e.size*.55&&(e.va+=d*12e-5,e.vtw+=d*6e-4),e.a+=e.va*n,e.tw+=e.vtw*n}t.fillStyle=s.bg,t.fillRect(0,0,a.w,a.h),t.fillStyle=w(s.string,.85),t.fillRect(a.w*.1,0,a.w*.8,6);for(let e of g){let f=e.ax+Math.sin(e.a)*e.L,o=Math.cos(e.a)*e.L;t.strokeStyle=s.string,t.lineWidth=1.5,t.beginPath(),t.moveTo(e.ax,3),t.lineTo(f,o),t.stroke(),t.save(),t.translate(f,o),t.rotate(-e.a);let c=Math.cos(e.tw);if(t.scale(Math.max(.08,Math.abs(c)),1),t.font=`900 ${e.size}px ${v}`,t.textAlign="center",t.textBaseline="top",t.fillStyle="rgba(0,0,0,.12)",t.fillText(e.ch,e.size*.08,e.size*.1),s.look==="outline")t.strokeStyle=e.col,t.lineWidth=e.size*.03,t.strokeText(e.ch,0,0);else{let y=c<0?.75:1;t.fillStyle=e.col,t.globalAlpha=y,t.fillText(e.ch,0,0),t.globalAlpha=1,s.look==="paper"?(t.strokeStyle="rgba(0,0,0,.08)",t.lineWidth=2,t.strokeText(e.ch,0,0)):(t.fillStyle="rgba(255,255,255,.18)",t.fillText(e.ch,-e.size*.012,-e.size*.012),t.fillStyle=e.col,t.globalAlpha=y,t.fillText(e.ch,0,e.size*.006),t.globalAlpha=1)}t.restore(),t.fillStyle=s.string,t.beginPath(),t.arc(f,o,2.5,0,Math.PI*2),t.fill()}}}}};export{S as default};

package/dist/cdn/c/hanging-sign-2KUXPLZE.js

@@ -0,0 +1 @@
+import{a as F}from"./chunk-4ZBXB36L.js";import{f as z}from"./chunk-HXSSPN2I.js";import"./chunk-URWX3LLV.js";var J={id:"hanging-sign",name:"Hanging Sign",description:"A sign hangs on two chains and swings with real physics. Grab it, throw it and watch it settle.",category:"Physics",kind:"2d",motion:"live",tags:["canvas","physics","verlet","drag","interactive","shop","tactile"],layout:"bottom",codeInScene:!0,copy:{eyebrow:"Sorry",title:"We couldn't find that page.",message:"Give the sign a swing if you like. The way back is below.",actions:[{label:"Back to the shop front",href:"/",variant:"primary"}]},params:{board:"wood",wall:"#e9e3d7",line1:"",line2:"PAGE NOT FOUND",chain:"#6b6b6b"},theme:{bg:"#e9e3d7",fg:"#2b2118",accent:"#2b2118","accent-fg":"#f4efe5"},presetName:"Tavern",presets:{mint:{name:"Mint Caf\xE9",params:{board:"closed",wall:"#d9f2e6",line1:"Sorry",line2:"WE'RE CLOSED",chain:"#9ab8aa"},theme:{bg:"#d9f2e6",fg:"#0f3326",accent:"#0f3326","accent-fg":"#fff"}},brick:{name:"Brick Pub",params:{board:"wood",wall:"#7a3a2a",chain:"#2a2a2a",line2:"NO PAGE ON TAP"},theme:{bg:"#7a3a2a",fg:"#fff0e0",accent:"#ffd27a","accent-fg":"#2a1206"}},closed:{name:"Sorry, We're Closed",eyebrow:"Back soon",title:"This page has closed for good.",params:{board:"closed",wall:"#cfe3e8",line1:"SORRY",line2:"WE'RE CLOSED",chain:"#c9c9c9"},theme:{bg:"#cfe3e8",fg:"#0f2a33",accent:"#d7263d","accent-fg":"#fff"}},metal:{name:"Industrial",eyebrow:"Access denied",title:"Nothing beyond this point.",params:{board:"metal",wall:"#2a2d31",line2:"NO ENTRY",chain:"#9a9a9a"},theme:{bg:"#2a2d31",fg:"#eceff2",accent:"#ffcc00","accent-fg":"#1a1a1a"}},night:{name:"Night Tavern",params:{board:"wood",wall:"#1b1f2a",chain:"#8a8f99"},theme:{bg:"#1b1f2a",fg:"#f2ebdc",accent:"#f2c46b","accent-fg":"#1b1f2a"}}},setup(p){let x=p.params,d=F(p),u=p.random,I=p.copy.code||"404",c=[],A=[],f=[0,0,0,0],a=0,t=0,B=-1,O={x:0,y:0},R,W=9,P=(s,e,n=!1)=>(c.push({x:s,y:e,px:s,py:e,pinned:n}),c.length-1),S=(s,e)=>A.push([s,e,Math.hypot(c[s].x-c[e].x,c[s].y-c[e].y)]);function L(){c=[],A=[],a=Math.min(d.w*.62,640),t=a*.42;let s=d.w/2,e=0,n=Math.max(60,d.h*.36-t/2),h=a*.36,l=s-a/2,o=e+n;f=[P(l,o),P(l+a,o),P(l+a,o+t),P(l,o+t)],S(f[0],f[1]),S(f[1],f[2]),S(f[2],f[3]),S(f[3],f[0]),S(f[0],f[2]),S(f[1],f[3]);for(let[i,g]of[[-1,f[0]],[1,f[1]]]){let w=P(s+i*h,e,!0);for(let v=1;v<W;v++){let b=v/W,T=P(s+i*h+(c[g].x+i*0-(s+i*h))*b,e+n*b);S(w,T),w=T}S(w,g)}if(!p.reducedMotion)for(let i of f)c[i].px-=a*.06;U()}function U(){let s=Math.min(2,p.dpr);R=document.createElement("canvas"),R.width=Math.ceil(a*s),R.height=Math.ceil(t*s);let e=R.getContext("2d");e.scale(s,s);let n=t*.08,h=(l,o,i,g,y)=>{e.beginPath(),e.roundRect(l,o,i,g,y)};if(x.board==="wood"){let l=e.createLinearGradient(0,0,0,t);l.addColorStop(0,"#9a6a3c"),l.addColorStop(1,"#6e4522"),h(0,0,a,t,n),e.fillStyle=l,e.fill(),e.save(),e.clip();for(let o=0;o<70;o++){e.strokeStyle=`rgba(50,25,8,${.08+u()*.15})`,e.lineWidth=1+u()*2;let i=u()*t;e.beginPath(),e.moveTo(0,i);for(let g=0;g<=a;g+=20)e.lineTo(g,i+Math.sin(g*.02+o)*3+(u()-.5)*2);e.stroke()}for(let o=0;o<3;o++){let i=u()*a,g=u()*t;e.strokeStyle="rgba(50,25,8,.35)";for(let y=1;y<5;y++)e.beginPath(),e.ellipse(i,g,y*5,y*2.4,0,0,Math.PI*2),e.stroke()}e.restore(),e.strokeStyle="#4a2c12",e.lineWidth=6,h(3,3,a-6,t-6,n),e.stroke(),e.fillStyle="#2a1606",e.textAlign="center",e.textBaseline="middle",e.font=`900 ${t*.48}px "Rockwell","Georgia",serif`,e.shadowColor="rgba(255,220,170,.35)",e.shadowOffsetY=2,e.fillText(x.line1||I,a/2,t*.42),e.font=`700 ${t*.14}px "Rockwell","Georgia",serif`,e.fillText(x.line2,a/2,t*.8),e.shadowColor="transparent"}else if(x.board==="closed")h(0,0,a,t,n*1.4),e.fillStyle="#ffffff",e.fill(),e.lineWidth=t*.05,e.strokeStyle="#d7263d",h(t*.06,t*.06,a-t*.12,t-t*.12,n),e.stroke(),e.fillStyle="#d7263d",e.textAlign="center",e.textBaseline="middle",e.font=`italic 800 ${t*.32}px "Brush Script MT","Snell Roundhand",cursive,serif`,e.fillText(x.line1||"Sorry",a/2,t*.36),e.font=`900 ${t*.2}px Inter,Arial,sans-serif`,e.fillText(x.line2,a/2,t*.7),e.fillStyle="#0f2a33",e.font=`600 ${t*.07}px Inter,Arial,sans-serif`,e.fillText(`ERROR ${I}`,a/2,t*.88);else{let l=e.createLinearGradient(0,0,a,t);l.addColorStop(0,"#c7ccd2"),l.addColorStop(.5,"#8b9199"),l.addColorStop(1,"#b9bec5"),h(0,0,a,t,n*.6),e.fillStyle=l,e.fill(),e.save(),e.clip();for(let o=0;o<t;o+=2)e.fillStyle=`rgba(255,255,255,${u()*.06})`,e.fillRect(0,o,a,1);e.fillStyle="#ffcc00",e.fillRect(0,0,a,t*.16),e.fillRect(0,t*.84,a,t*.16),e.fillStyle="#1a1a1a";for(let o=-t;o<a+t;o+=t*.22)for(let i of[0,t*.84])e.beginPath(),e.moveTo(o,i+t*.16),e.lineTo(o+t*.11,i+t*.16),e.lineTo(o+t*.27,i),e.lineTo(o+t*.16,i),e.closePath(),e.fill();e.restore(),e.fillStyle="#1a1a1a",e.textAlign="center",e.textBaseline="middle",e.font=`900 ${t*.38}px "Stencil","Impact","Arial Black",sans-serif`,e.fillText(I,a/2,t*.44),e.font=`900 ${t*.12}px "Impact","Arial Black",sans-serif`,e.fillText(x.line2,a/2,t*.7);for(let[o,i]of[[t*.1,t*.3],[a-t*.1,t*.3],[t*.1,t*.7],[a-t*.1,t*.7]])e.fillStyle="#6b7078",e.beginPath(),e.arc(o,i,t*.035,0,Math.PI*2),e.fill(),e.strokeStyle="#3a3d42",e.lineWidth=1.5,e.beginPath(),e.moveTo(o-t*.025,i),e.lineTo(o+t*.025,i),e.stroke()}e.fillStyle="#3a3a3a";for(let l of[a*.14,a*.86])e.beginPath(),e.arc(l,t*.06+6,4,0,Math.PI*2),e.fill()}p.on("pointerdown",s=>{if(s.target.closest("a,button"))return;let e=p.root.getBoundingClientRect(),n=s.clientX-e.left,h=s.clientY-e.top,l=-1,o=1/0;for(let i of f){let g=Math.hypot(c[i].x-n,c[i].y-h);g<o&&(o=g,l=i)}o<a*.8&&(B=l,O={x:c[l].x-n,y:c[l].y-h})}),p.onWindow("pointerup",()=>B=-1),L();let Y=3;return{resize(){d.reset(),L()},frame(s,e){let n=d.g;if(d.reset(),e>0){let b=Math.min(e,.03333333333333333),T=d.h*2.2;if(s>Y&&(Y=s+4+u()*6,!p.pointer.engaged))for(let r of f)c[r].px+=(u()-.5)*a*.03;for(let r of c){if(r.pinned)continue;let m=(r.x-r.px)*.992,C=(r.y-r.py)*.992;r.px=r.x,r.py=r.y,r.x+=m,r.y+=C+T*b*b}if(B>=0){let r=c[B];r.x+=(p.pointer.x+O.x-r.x)*.5,r.y+=(p.pointer.y+O.y-r.y)*.5}for(let r=0;r<14;r++)for(let[m,C,$]of A){let M=c[m],k=c[C],G=k.x-M.x,N=k.y-M.y,D=Math.hypot(G,N)||1,E=(D-$)/D,H=M.pinned?0:k.pinned?1:.5,q=k.pinned?0:M.pinned?1:.5;M.x+=G*E*H,M.y+=N*E*H,k.x-=G*E*q,k.y-=N*E*q}}n.fillStyle=x.wall,n.fillRect(0,0,d.w,d.h);let h=n.createRadialGradient(d.w/2,d.h*.3,0,d.w/2,d.h*.3,Math.max(d.w,d.h)*.8);h.addColorStop(0,"rgba(255,255,255,.18)"),h.addColorStop(1,"rgba(0,0,0,.22)"),n.fillStyle=h,n.fillRect(0,0,d.w,d.h),n.fillStyle="#3a3a3a",n.fillRect(d.w/2-a*.45,0,a*.9,10);let[l,o,i,g]=f.map(b=>c[b]),y=Math.atan2(o.y-l.y,o.x-l.x);n.save(),n.translate(l.x+18,l.y+22),n.rotate(y),n.fillStyle="rgba(0,0,0,.18)",n.filter="blur(10px)",n.fillRect(0,0,a,t),n.filter="none",n.restore(),n.strokeStyle=x.chain,n.lineWidth=2.6;for(let b=0;b<c.length;b++)f.includes(b);for(let[b,T]of A){if(f.includes(b)&&f.includes(T))continue;let r=c[b],m=c[T],C=(r.x+m.x)/2,$=(r.y+m.y)/2,M=Math.atan2(m.y-r.y,m.x-r.x),k=Math.hypot(m.x-r.x,m.y-r.y);n.save(),n.translate(C,$),n.rotate(M),n.beginPath(),n.ellipse(0,0,k*.62,b%2?2.2:4.6,0,0,Math.PI*2),n.stroke(),n.restore()}n.save(),n.translate(l.x,l.y),n.rotate(y),n.drawImage(R,0,0,a,t);let w=n.createLinearGradient(0,0,a,0),v=.5+y*2;w.addColorStop(Math.max(0,Math.min(1,v-.2)),"rgba(255,255,255,0)"),w.addColorStop(Math.max(0,Math.min(1,v)),"rgba(255,255,255,.12)"),w.addColorStop(Math.max(0,Math.min(1,v+.2)),"rgba(255,255,255,0)"),n.fillStyle=w,n.beginPath(),n.roundRect(0,0,a,t,t*.08),n.fill(),n.restore()}}}};export{J as default};

package/dist/cdn/c/helpful-links-UFGTWTRQ.js

@@ -0,0 +1,18 @@
+import{a as e,c as r,d as l,e as s}from"./chunk-A44JMJWI.js";import"./chunk-QHXVYCR6.js";import"./chunk-URWX3LLV.js";var d={id:"helpful-links",name:"Helpful Links",description:"Headline on top, then a tidy list of where people probably wanted to go, each with a one-line description and an arrow.",category:"Simple",kind:"2d",motion:"static",tags:["simple","links","list","useful","saas","docs","static","fast"],layout:"none",copy:{eyebrow:"404 error",title:"This page does not exist",message:"Sorry, we couldn\u2019t find the page you\u2019re looking for. These might help:",actions:[{label:"Back to home",href:"/"}]},params:{links:["Documentation|Learn how to integrate our tools with your app.|/docs","API reference|A complete reference of every endpoint.|/docs/api","Guides|Step-by-step tutorials for common tasks.|/guides","Blog|Read our latest news and articles.|/blog"]},theme:{bg:"#ffffff",fg:"#111827",accent:"#4f46e5","accent-fg":"#ffffff"},presetName:"Light",presets:{dark:{name:"Dark",theme:{bg:"#0f1117",fg:"#e5e7eb",accent:"#a5b4fc","accent-fg":"#0f1117"}},sand:{name:"Sand",theme:{bg:"#f6f1e9",fg:"#292018",accent:"#b45309","accent-fg":"#fff"}}},css:`
+& .hl{position:absolute;inset:0;overflow:auto;display:flex;justify-content:center;padding:clamp(28px,8cqh,96px) 16px}
+& .hl .in{width:min(560px,100%);margin:auto 0}
+& .hl .ey{font-size:13px;font-weight:600;color:var(--lp-accent)}
+& .hl h1{margin:8px 0 0;font-size:clamp(28px,4.4cqw,48px);font-weight:700;letter-spacing:-.03em;line-height:1.1}
+& .hl p{margin:14px 0 0;color:var(--lp-muted);font-size:15px;line-height:1.6}
+& .hl ul{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid color-mix(in srgb,var(--lp-fg) 12%,transparent)}
+& .hl li a{display:flex;gap:16px;align-items:center;padding:16px 4px;border-bottom:1px solid color-mix(in srgb,var(--lp-fg) 12%,transparent);color:inherit;text-decoration:none}
+& .hl li i{flex:none;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:15px;
+  background:color-mix(in srgb,var(--lp-accent) 12%,transparent);color:var(--lp-accent)}
+& .hl li b{display:block;font-size:15px;font-weight:600}
+& .hl li small{display:block;color:var(--lp-muted);font-size:13.5px;margin-top:2px}
+& .hl li span{flex:1;min-width:0}
+& .hl li em{font-style:normal;color:var(--lp-muted);transition:transform .2s}
+& .hl li a:hover em{transform:translateX(4px);color:var(--lp-accent)}
+& .hl .lp-actions{justify-content:flex-start;margin-top:26px}
+& .hl .lp-btn--primary{background:none;color:var(--lp-accent);padding:6px 0;font-weight:600}
+`,setup(n){let o=n.copy,p=n.params.links.map(t=>t.split("|")).map(([t,a,c])=>`<li><a href="${e(c??"/")}"><i aria-hidden="true">${e((t??"?").charAt(0))}</i><span><b>${e(t??"")}</b><small>${e(a??"")}</small></span><em aria-hidden="true">\u2192</em></a></li>`).join(""),i=l(n,"hl",`<div class="in"><span class="ey">${e(o.eyebrow||o.code)}</span><h1>${s(o.code)}${e(o.title)}</h1><p>${e(o.message)}</p><ul>${p}</ul></div>`);return i.querySelectorAll("ul a").forEach(t=>t.addEventListener("click",a=>{a.metaKey||a.ctrlKey||(a.preventDefault(),n.navigate(t.getAttribute("href"),a))})),i.querySelector(".in").append(r(n)),{destroy:()=>i.remove()}}};export{d as default};

package/dist/cdn/c/hyperspace-R34QNI7J.js

@@ -0,0 +1,57 @@
+import{a as r}from"./chunk-LMRCHEWX.js";import{a as f,c as o}from"./chunk-QJZBGT2Q.js";import{e as a}from"./chunk-HXSSPN2I.js";import"./chunk-URWX3LLV.js";var c=`
+uniform vec3 uStar, uTint, uCore, uBg;
+uniform float uCycle, uDensity;
+${f}
+${o}
+
+// warp factor over a jump cycle: cruise \u2192 spool \u2192 jump \u2192 drop out
+float warp(float t) {
+  float c = mod(t, uCycle) / uCycle;
+  float spool = smoothstep(0.35, 0.6, c);
+  float jump = smoothstep(0.6, 0.66, c) * (1.0 - smoothstep(0.86, 0.96, c));
+  return 0.06 + spool * 0.25 + jump * 1.6;
+}
+
+void main() {
+  vec2 fc = gl_FragCoord.xy;
+  vec2 uv = (fc - 0.5 * uRes) / uRes.y;
+  uv -= uMouse * 0.08;
+  float t = uTime;
+  float w = warp(t);
+  float r = length(uv);
+  float a = atan(uv.y, uv.x);
+  vec3 col = uBg;
+
+  for (int l = 0; l < 7; l++) {
+    float fl = float(l);
+    float bins = 90.0 + fl * 55.0;
+    float ab = a / 6.28318 * bins;
+    float id = floor(ab);
+    float h = hash12(vec2(id, fl * 7.3));
+    if (h > uDensity) continue;
+    float fa = fract(ab) - 0.5 - (hash12(vec2(id, fl + 1.7)) - 0.5) * 0.6;
+    // each star travels outward; z cycles
+    float speed = 0.35 + h * 0.6;
+    float z = fract(hash12(vec2(id, fl * 3.1)) + t * speed * (0.12 + w * 0.9));
+    float r0 = 0.04 / max(1.0 - z, 0.02) * 0.6;
+    float len = r0 * (0.02 + w * 1.2);
+    float along = smoothstep(r0 - len, r0, r) * smoothstep(r0 + 0.004 + w * 0.02, r0, r);
+    float width = abs(fa) * (r * 6.2832 / bins) * uRes.y;
+    float across = smoothstep(1.4 + w * 0.6, 0.0, width);
+    float bright = (0.4 + 0.6 * z) * along * across;
+    vec3 sc = mix(uStar, uTint, h * 1.3);
+    col += sc * bright * (1.0 + w);
+  }
+  // core glow and tunnel haze during jump
+  col += uCore * (exp(-r * 9.0) * (0.3 + w * 1.2) + exp(-r * 2.0) * 0.08 * w);
+  col += uTint * 0.05 * w * smoothstep(0.9, 0.2, r);
+  // flash at the jump
+  float c = mod(t, uCycle) / uCycle;
+  col += uCore * 0.6 * exp(-abs(c - 0.62) * 70.0);
+
+  col = aces(col);
+  col = toSRGB(col);
+  col *= mix(0.65, 1.0, vignette(vUv, 0.3));
+  fragColor = vec4(col, 1.0);
+}
+`,i={id:"hyperspace",name:"Hyperspace Jump",description:"Stars stretch into light as the ship spools up, jumps, and drops out somewhere unexpected.",category:"Space",kind:"2d",motion:"live",tags:["webgl","space","warp","stars","speed","sci-fi"],layout:"center",copy:{eyebrow:"Navigation error",title:"Jumped to the wrong coordinates.",message:"The navicomputer says this page should be here. Space says otherwise.",actions:[{label:"Plot a course home",href:"/",variant:"primary"}]},params:{star:"#e8f0ff",tint:"#7fb3ff",core:"#cfe0ff",bg:"#01020a",cycle:9,density:.55},theme:{bg:"#01020a","code-color":"rgba(230,240,255,.9)",accent:"#e8f0ff","accent-fg":"#01020a"},presetName:"Classic",presets:{ice:{name:"Ice Lanes",params:{star:"#ffffff",tint:"#9fe8ff",core:"#e6f9ff",bg:"#000a12",density:.65},theme:{bg:"#000a12",accent:"#9fe8ff","accent-fg":"#000a12"}},magenta:{name:"Magenta Drive",params:{star:"#ffe6f7",tint:"#ff3bb8",core:"#ff9edb",bg:"#0d0008",cycle:7},theme:{bg:"#0d0008",accent:"#ff9edb","accent-fg":"#1a0010"}},sunburst:{name:"Sunburst",params:{star:"#fffbe6",tint:"#ff7a1f",core:"#ffd36b",bg:"#120500",density:.75},theme:{bg:"#120500",accent:"#ffd36b","accent-fg":"#120500"}},mono:{name:"Monochrome",params:{star:"#ffffff",tint:"#bbbbbb",core:"#ffffff",bg:"#000000"},theme:{bg:"#000",accent:"#fff","accent-fg":"#000"}},plasma:{name:"Plasma Drive",params:{star:"#ffd9ff",tint:"#b45cff",core:"#ff9cf5",bg:"#07010d"},theme:{bg:"#07010d",accent:"#f5d9ff","accent-fg":"#12001f"}},"red-alert":{name:"Red Alert",eyebrow:"Red alert",title:"All hands: page not found.",params:{star:"#ffe1d9",tint:"#ff4a3d",core:"#ff7a5c",bg:"#0a0101",cycle:6},theme:{bg:"#0a0101",accent:"#ffb3a8","accent-fg":"#200402"}},emerald:{name:"Emerald",params:{star:"#e0fff2",tint:"#2bffb1",core:"#a6ffe0",bg:"#00080a"},theme:{bg:"#00080a",accent:"#c9ffe9","accent-fg":"#00140d"}},gold:{name:"Solar Sail",params:{star:"#fff4dd",tint:"#ffbf47",core:"#ffd88a",bg:"#080500",density:.7},theme:{bg:"#080500",accent:"#ffe0a3","accent-fg":"#1a1000"}}},css:"& .lp-code{font-weight:200;letter-spacing:.06em;text-shadow:0 0 30px rgba(170,200,255,.45)}",setup(t){let e=t.params;return r(t,{frag:c,uniforms:()=>({uStar:a(e.star),uTint:a(e.tint),uCore:a(e.core),uBg:a(e.bg),uCycle:e.cycle,uDensity:e.density})})}};export{i as default};

package/dist/cdn/c/hypnosis-MK6AV3SC.js

@@ -0,0 +1,26 @@
+import{a as n}from"./chunk-LMRCHEWX.js";import{c as r}from"./chunk-QJZBGT2Q.js";import{e as a}from"./chunk-HXSSPN2I.js";import"./chunk-URWX3LLV.js";var f=`
+uniform vec3 uA, uB;
+uniform float uArms, uSpeed, uPattern;
+${r}
+void main() {
+  vec2 fc = gl_FragCoord.xy;
+  vec2 p = (fc - 0.5 * uRes) / uRes.y - uMouse * 0.05;
+  float t = uTime * uSpeed;
+  float r = length(p);
+  float a = atan(p.y, p.x);
+  float v;
+  if (uPattern < 0.5) v = sin(a * uArms + log(max(r, 1e-3)) * 9.0 - t * 3.0);
+  else if (uPattern < 1.5) v = sin(r * 60.0 - t * 4.0);
+  else {
+    float z = 0.3 / max(r, 1e-3) + t * 0.6;
+    v = sin(a * uArms * 0.5 * 3.14159 / 3.14159 * 2.0) * sin(z * 6.0);
+  }
+  float w = fwidth(v) * 1.5;
+  float m = smoothstep(-w, w, v);
+  vec3 col = mix(uA, uB, m);
+  col *= smoothstep(0.0, 0.08, r) * 0.6 + 0.4;
+  col *= mix(0.55, 1.0, vignette(fc / uRes, 0.3));
+  fragColor = vec4(toSRGB(col), 1.0);
+}
+`,p={id:"hypnosis",name:"Hypnosis",description:"An endlessly turning hypnotic spiral. Keep looking. You are getting very, very lost.",category:"Abstract",kind:"2d",motion:"live",tags:["webgl","spiral","op-art","trippy","funny","black-and-white"],layout:"center",copy:{eyebrow:"Look into the spiral",title:"You are getting very lost.",message:"When I snap my fingers, you'll forget this URL and click the button below.",actions:[{label:"*snap*",href:"/",variant:"primary",icon:"none"}]},params:{a:"#0a0a0a",b:"#f5f5f5",arms:4,speed:1,pattern:0},theme:{bg:"#0a0a0a",fg:"#ffffff",accent:"#ff2d55","accent-fg":"#fff","code-color":"#ffffff"},presetName:"Classic",presets:{ocean:{name:"Deep Blue",params:{a:"#020a2a",b:"#3bd6ff",arms:3},theme:{accent:"#3bd6ff","accent-fg":"#020a2a"}},toxic:{name:"Toxic",params:{a:"#0a1a02",b:"#c6ff3b",arms:5,speed:1.4},theme:{accent:"#c6ff3b","accent-fg":"#0a1a02"}},candy:{name:"Candy Swirl",params:{a:"#ff2d6f",b:"#ffe6ee",arms:6},theme:{accent:"#111","accent-fg":"#fff"}},rings:{name:"Ripples",params:{pattern:1,a:"#0b1a3a",b:"#4dd8ff"},theme:{accent:"#4dd8ff","accent-fg":"#0b1a3a"}},tunnel:{name:"Op-Art Tunnel",params:{pattern:2,arms:12,a:"#000000",b:"#ffffff"}}},css:`& .lp-content,& .lp-head,& .lp-body{background:color-mix(in srgb,var(--lp-bg) 82%,transparent);border-radius:24px;padding:18px 28px}
+& .lp-code{font-weight:800}`,setup(t){let e=t.params;return n(t,{frag:f,uniforms:()=>({uA:a(e.a),uB:a(e.b),uArms:e.arms,uSpeed:e.speed,uPattern:e.pattern})})}};export{p as default};

package/dist/cdn/c/ink-S332BOPS.js

@@ -0,0 +1,43 @@
+import{a as u}from"./chunk-LMRCHEWX.js";import{a as l,b as d,c as h,h as g}from"./chunk-QJZBGT2Q.js";import{e as c}from"./chunk-HXSSPN2I.js";import{c as p,e as m}from"./chunk-IETNWEVK.js";import"./chunk-URWX3LLV.js";var b=`
+uniform sampler2D uText;
+uniform vec3 uPaper, uInk, uInk2;
+uniform float uCycle;
+${l}
+${d}
+${h}
+
+vec2 warp(vec2 p, float t, float amt) {
+  vec2 q = vec2(fbm(p * 2.0 + t * 0.05), fbm(p * 2.0 + vec2(5.2, 1.3) - t * 0.04));
+  vec2 r = vec2(fbm(p * 3.0 + q * 3.0 + vec2(1.7, 9.2) + t * 0.07), fbm(p * 3.0 + q * 3.0 + vec2(8.3, 2.8) - t * 0.06));
+  return (r - 0.5) * amt;
+}
+
+void main() {
+  vec2 fc = gl_FragCoord.xy;
+  vec2 uv = fc / uRes;
+  vec2 p = (fc - 0.5 * uRes) / uRes.y;
+  float t = uTime;
+  // dissolve phase: 0 = crisp letters, 1 = fully bloomed ink
+  float c = fract(t / uCycle);
+  float phase = smoothstep(0.08, 0.6, c) * (1.0 - smoothstep(0.78, 0.98, c));
+  float amt = phase * 0.35;
+  vec2 w = warp(p, t, amt);
+  // the ink spreads outward from the letters, sinking slightly
+  vec2 suv = uv + vec2(w.x * uRes.y / uRes.x, w.y) + vec2(0.0, phase * 0.03);
+  float lod = phase * 4.5;
+  float d = textureLod(uText, suv, lod).a;
+  float d2 = textureLod(uText, uv + vec2(w.x * uRes.y / uRes.x, w.y) * 1.6, lod + 1.0).a;
+  float density = clamp(d * (1.0 + phase * 0.8) + d2 * phase * 0.6, 0.0, 1.0);
+  // feathered tendrils
+  float tend = fbm(p * 7.0 + w * 6.0 + t * 0.03);
+  density *= mix(1.0, 0.55 + 0.9 * tend, phase);
+  vec3 inkCol = mix(uInk, uInk2, smoothstep(0.2, 0.9, tend) * phase);
+  // paper with fibres
+  vec3 paper = uPaper * (0.97 + 0.03 * vnoise(p * 240.0)) * (0.98 + 0.02 * fbm(p * 9.0));
+  vec3 col = mix(paper, inkCol, smoothstep(0.02, 0.9, density) * 0.96);
+  // darker edges where ink pools
+  col = mix(col, uInk * 0.6, smoothstep(0.45, 0.5, density) * smoothstep(0.62, 0.5, density) * 0.25 * phase);
+  col *= mix(0.92, 1.0, vignette(uv, 0.2));
+  fragColor = vec4(toSRGB(col), 1.0);
+}
+`,I={id:"ink",name:"Ink in Water",description:"The numerals bleed into the paper like ink dropped in water, bloom into clouds, then slowly gather back into shape.",category:"Abstract",kind:"2d",motion:"live",tags:["webgl","ink","watercolor","calm","light","editorial","elegant"],layout:"bottom",codeInScene:!0,stillTime:.2,copy:{eyebrow:"Error 404",title:"This page dissolved.",message:"It was here a moment ago, then it bled into the paper. Let's start on a clean page.",actions:[{label:"Start fresh",href:"/",variant:"primary"}]},params:{paper:"#f6f2ea",ink:"#14213d",ink2:"#4a1d6b",cycle:12,font:p},theme:{bg:"#f6f2ea",fg:"#14213d",accent:"#14213d","accent-fg":"#f6f2ea","font-display":"var(--lp-font-serif)","title-weight":"500"},presetName:"Indigo",presets:{ocean:{name:"Blue Ink",params:{paper:"#f4f7fb",ink:"#0b3a8a",ink2:"#2a7bd6"},theme:{bg:"#f4f7fb",fg:"#0b1e3a",accent:"#0b3a8a","accent-fg":"#fff"}},green:{name:"Moss",params:{paper:"#f2f2ea",ink:"#2a4a1a",ink2:"#7a9a3a"},theme:{bg:"#f2f2ea",fg:"#1a2a10",accent:"#2a4a1a","accent-fg":"#fff"}},violet:{name:"Violet",params:{paper:"#faf6ff",ink:"#4a1a8a",ink2:"#c25cd6"},theme:{bg:"#faf6ff",fg:"#24103f",accent:"#4a1a8a","accent-fg":"#fff"}},sumi:{name:"Sumi",params:{paper:"#efe9dc",ink:"#111111",ink2:"#3a3a3a"},theme:{bg:"#efe9dc",fg:"#111",accent:"#111","accent-fg":"#efe9dc"}},crimson:{name:"Crimson",params:{paper:"#fbf6ef",ink:"#8c1c13",ink2:"#d1495b"},theme:{bg:"#fbf6ef",fg:"#3d0b07",accent:"#8c1c13","accent-fg":"#fff"}},teal:{name:"Teal",params:{paper:"#f1f5f2",ink:"#0b4f4a",ink2:"#2a9d8f"},theme:{bg:"#f1f5f2",fg:"#0b2b28",accent:"#0b4f4a","accent-fg":"#fff"}},night:{name:"Gold on Black",params:{paper:"#0e0d0c",ink:"#d9b25f",ink2:"#f3dfa2"},theme:{bg:"#0e0d0c",fg:"#f3e6c8",accent:"#d9b25f","accent-fg":"#0e0d0c"}}},setup(t){let n=t.params,r=document.createElement("canvas"),o=null,e,s=()=>{let a=Math.min(2048,Math.round(t.width*Math.min(2,t.dpr))),f=Math.round(a*t.height/Math.max(1,t.width));r.width=a,r.height=f;let i=r.getContext("2d");i.clearRect(0,0,a,f),i.save(),i.translate(0,f*.37-f*.22),m(i,t.copy.code||"404",{width:a,height:f*.44,font:n.font,weight:700,fit:.86}),i.restore(),o&&(e.bindTexture(e.TEXTURE_2D,o),e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL,!0),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,r),e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL,!1),e.generateMipmap(e.TEXTURE_2D))};return{...u(t,{frag:b,init(a){e=a,s(),o=g(e,r,{filter:"mipmap"})},uniforms:()=>({uText:o,uPaper:c(n.paper),uInk:c(n.ink),uInk2:c(n.ink2),uCycle:n.cycle})}),resize:s}}};export{I as default};

package/dist/cdn/c/invaders-ZSY3Z443.js

@@ -0,0 +1 @@
+import{a as X,b as D,d as z,e as V,f as W,g as Y}from"./chunk-JLRXT2AZ.js";import{a as O}from"./chunk-4ZBXB36L.js";import{f as C}from"./chunk-HXSSPN2I.js";import"./chunk-IETNWEVK.js";import"./chunk-URWX3LLV.js";var j=[["..x..x..","...xx...","..xxxx..",".xx.xx.x","xxxxxxxx","x.xxxx.x","x.x..x.x","...xx..."],["..x..x..","x..xx..x","x.xxxx.x","xxx.xx.x","xxxxxxxx",".xxxxxx.","..x..x..",".x....x."]],F=["....x....","...xxx...","...xxx...",".xxxxxxx.","xxxxxxxxx","xxxxxxxxx","xx.....xx"],U={id:"invaders",name:"Page Invaders",description:"The 404 marches down the screen as a fleet of pixel aliens. The ship defends itself until you take the controls.",category:"Games",kind:"2d",motion:"game",tags:["canvas","game","playable","space","shooter","pixel-art","retro"],layout:"bottom",codeInScene:!0,copy:{eyebrow:"\u2190 \u2192 move \xB7 space fires",title:"Your page was abducted.",message:"The invaders took it and they're not giving it back. Blast a few, then fly home.",actions:[{label:"Retreat to home",href:"/",variant:"primary"}]},params:{bg:"#03030a",aliens:["#7dff6b","#3bd6ff","#ff5ad1"],ship:"#e9ecff",shot:"#ffef5a",text:"#e9ecff",stars:!0},theme:{bg:"#03030a",fg:"#e9ecff",accent:"#7dff6b","accent-fg":"#03030a","font-display":"var(--lp-font-mono)","title-weight":"700"},presetName:"Arcade",presets:{neon:{name:"Neon",params:{bg:"#08000f",aliens:["#ff3bd4","#3bffe6","#ffe14d"],ship:"#ffffff",shot:"#ffffff",text:"#ffe6fb"},theme:{bg:"#08000f",fg:"#ffe6fb",accent:"#ff3bd4","accent-fg":"#fff"}},green:{name:"Phosphor",params:{bg:"#010a03",aliens:["#3dff6b"],ship:"#3dff6b",shot:"#c9ffd6",text:"#3dff6b"},theme:{bg:"#010a03",fg:"#c9ffd6",accent:"#3dff6b","accent-fg":"#010a03"}},mono:{name:"Cabinet White",params:{aliens:["#ffffff"],ship:"#3dff6b",shot:"#ffffff",text:"#ffffff"},theme:{accent:"#ffffff","accent-fg":"#000"}},blush:{name:"Bubblegum",params:{bg:"#fff1f6",aliens:["#ff4f8b","#8a5cff","#ffb13b"],ship:"#2a1640",shot:"#ff4f8b",text:"#2a1640",stars:!1},theme:{bg:"#fff1f6",fg:"#2a1640",accent:"#2a1640","accent-fg":"#fff1f6"}},amber:{name:"Amber",params:{bg:"#0a0600",aliens:["#ffb000","#ff7a00"],ship:"#ffe0a0",shot:"#fff2cc",text:"#ffb000"},theme:{bg:"#0a0600",fg:"#ffe0a0",accent:"#ffb000","accent-fg":"#0a0600"}}},css:Y,setup(M){let o=M.params,t=O(M),m=X(M,{pointerPlays:!1}),b=M.random,r=3,g=[],e={x:0,y:0,dir:1,cell:0},l={x:0,y:0},h=[],S=[],$=[],P=0,v=0,R=3,H=V("invaders"),w=0,q=!1,E=0;function I(){let s=Math.max(18,Math.min(30,Math.round(t.w/52))),x=Math.round(s*.38),i=D(M.copy.code||"404",s,x);g=[];for(let c=0;c<x;c++)for(let p=0;p<s;p++)i[c*s+p]&&g.push({gx:p,gy:c,alive:!0,col:o.aliens[c%o.aliens.length]});e.cell=Math.min(t.w*.62/s,t.h*.36/x),r=Math.max(1.5,e.cell/10),e.x=(t.w-s*e.cell)/2,e.y=t.h*.08,e.dir=1}function G(){I(),l={x:t.w/2,y:t.h*.6},$=Array.from({length:120},()=>({x:b()*t.w,y:b()*t.h,z:.3+b()}))}function L(s,x,i,c,p){t.g.fillStyle=p;for(let d=0;d<s.length;d++)for(let y=0;y<s[d].length;y++)s[d][y]==="x"&&t.g.fillRect(x+y*c,i+d*c,c+.3,c+.3)}return G(),{resize(){t.reset(),G()},frame(s,x){let i=t.g;t.reset(),m.playing&&!q&&(q=!0,v=0,R=3,I(),h=[]);let c=(!M.reducedMotion||m.playing)&&x>0,p=g.reduce((a,n)=>Math.max(a,n.gx),0)+1;if(c&&w<=0){let a=t.w*.03*(1+(1-g.filter(f=>f.alive).length/Math.max(1,g.length))*2.5);e.x+=e.dir*a*x;let n=g.filter(f=>f.alive),A=e.x+Math.min(...n.map(f=>f.gx))*e.cell,k=e.x+(Math.max(...n.map(f=>f.gx))+1)*e.cell;(e.dir>0&&k>t.w-20||e.dir<0&&A<20)&&(e.dir*=-1,e.y+=e.cell*.5);let _=Math.max(...n.map(f=>f.gy));e.y+(_+1)*e.cell>l.y-20&&(e.y=t.h*.08);let T=9*r*1.4;if(m.playing)m.left&&(l.x-=t.w*.55*x),m.right&&(l.x+=t.w*.55*x),(m.action||m.pressed())&&P<=0&&(h.push({x:l.x,y:l.y-4,vy:-t.h*1.2,enemy:!1}),P=.32);else{n.some(u=>u.gx===E)||(E=n[Math.floor(b()*n.length)]?.gx??0);let f=e.x+(E+.5)*e.cell;l.x+=Math.sign(f-l.x)*Math.min(Math.abs(f-l.x),t.w*.35*x),Math.abs(f-l.x)<e.cell&&P<=0&&(h.push({x:l.x,y:l.y-4,vy:-t.h*1.2,enemy:!1}),P=.45,b()<.35&&(E=n[Math.floor(b()*n.length)]?.gx??0))}if(l.x=Math.max(T,Math.min(t.w-T,l.x)),P-=x,b()<x*1.2&&n.length){let f=n[Math.floor(b()*n.length)];h.push({x:e.x+(f.gx+.5)*e.cell,y:e.y+(f.gy+1)*e.cell,vy:t.h*.45,enemy:!0})}for(let f of h)f.y+=f.vy*x;for(let f of h){if(f.enemy){Math.abs(f.x-l.x)<T*.5&&Math.abs(f.y-l.y-6*r)<8*r&&(f.y=1e6,S.push({x:l.x,y:l.y,life:.6,col:o.ship}),m.playing&&(R--,R<=0&&(w=2,v>H&&W("invaders",H=v))));continue}for(let u of g){if(!u.alive)continue;let B=e.x+u.gx*e.cell,N=e.y+u.gy*e.cell;if(f.x>B&&f.x<B+e.cell&&f.y>N&&f.y<N+e.cell){u.alive=!1,f.y=-1e6,v+=20,S.push({x:B+e.cell/2,y:N+e.cell/2,life:.4,col:u.col});break}}}h=h.filter(f=>f.y>-50&&f.y<t.h+50),g.some(f=>f.alive)||I()}else w>0&&(w-=x,w<=0&&(v=0,R=3,I(),h=[]));if(i.fillStyle=o.bg,i.fillRect(0,0,t.w,t.h),o.stars)for(let a of $)a.y+=a.z*18*x,a.y>t.h&&(a.y=0),i.fillStyle=C(o.text,.25*a.z),i.fillRect(a.x,a.y,a.z*1.6,a.z*1.6);let d=Math.floor(s*2)%2;for(let a of g)a.alive&&L(j[d],e.x+a.gx*e.cell+e.cell*.1,e.y+a.gy*e.cell+e.cell*.1,e.cell*.8/8,a.col);for(let a of h)i.fillStyle=a.enemy?o.aliens[0]:o.shot,i.fillRect(a.x-r*.6,a.y,r*1.2,r*5);for(let a of S){a.life-=x,i.fillStyle=C(a.col,Math.max(0,a.life*2));for(let n=0;n<8;n++){let A=n/8*Math.PI*2,k=(.6-a.life)*e.cell*2;i.fillRect(a.x+Math.cos(A)*k,a.y+Math.sin(A)*k,r*1.5,r*1.5)}}S=S.filter(a=>a.life>0),(w<=0||Math.floor(s*8)%2)&&L(F,l.x-4.5*r*1.4,l.y,r*1.4,o.ship);let y=Math.max(10,Math.min(14,t.w/90));z(i,`SCORE ${String(v).padStart(5,"0")}`,20,16,y,o.text),z(i,`HI ${String(H).padStart(5,"0")}`,t.w/2,16,y,o.text,"center"),m.playing?z(i,`LIVES ${R}`,t.w-20,16,y,o.text,"right"):Math.floor(s*1.6)%2===0&&z(i,"DEMO \xB7 PRESS SPACE",t.w/2,l.y+14*r,y,C(o.text,.75),"center")}}}};export{U as default};

package/dist/cdn/c/kaleidoscope-BLGSIK4F.js

@@ -0,0 +1,34 @@
+import{a as g}from"./chunk-LMRCHEWX.js";import{a as c,b as m,c as l,h as i}from"./chunk-QJZBGT2Q.js";import{e as t}from"./chunk-HXSSPN2I.js";import{a as f,e as n}from"./chunk-IETNWEVK.js";import"./chunk-URWX3LLV.js";var u=`
+uniform sampler2D uText;
+uniform vec3 uA, uB, uC, uBg;
+uniform float uSeg, uSpeed;
+${c}
+${m}
+${l}
+void main() {
+  vec2 fc = gl_FragCoord.xy;
+  vec2 p = (fc - 0.5 * uRes) / uRes.y;
+  float t = uTime * uSpeed;
+  float r = length(p);
+  float a = atan(p.y, p.x) + t * 0.08 + uMouse.x * 0.6;
+  float seg = 6.28318 / uSeg;
+  a = mod(a, seg);
+  a = abs(a - seg * 0.5);
+  vec2 q = vec2(cos(a), sin(a)) * r;
+  q = q * (1.2 + 0.2 * sin(t * 0.3)) + vec2(t * 0.05, 0.0);
+  // coloured glass shards
+  float n1 = fbm(q * 3.0 + t * 0.1);
+  float n2 = fbm(q * 6.0 - t * 0.07 + 4.0);
+  vec3 col = mix(uA, uB, smoothstep(0.35, 0.65, n1));
+  col = mix(col, uC, smoothstep(0.55, 0.8, n2));
+  float edges = smoothstep(0.02, 0.0, abs(fract(n1 * 6.0) - 0.5) - 0.46);
+  col = mix(col, uBg, edges * 0.8);
+  // the code tumbles through the mirrors
+  vec2 tuv = fract(q * 0.6 + vec2(0.5, 0.5 + t * 0.02));
+  float txt = texture(uText, tuv).a;
+  col = mix(col, vec3(1.0), txt * 0.85);
+  col *= smoothstep(1.2, 0.2, r) * 0.9 + 0.15;
+  col = toSRGB(col);
+  fragColor = vec4(col, 1.0);
+}
+`,y={id:"kaleidoscope",name:"Kaleidoscope",description:"Mirrored shards of colour turn endlessly, with the error tumbling through the mirrors. Move the pointer to rotate the tube.",category:"Abstract",kind:"2d",motion:"live",tags:["webgl","kaleidoscope","psychedelic","colorful","generative","trippy"],layout:"bottom",copy:{eyebrow:"Every angle",title:"We looked from every angle.",message:"Twelve mirrors, endless reflections, and not one of them shows the page you wanted.",actions:[{label:"Stop the spin",href:"/",variant:"primary"}]},params:{a:"#ff3d7f",b:"#3dd6ff",c:"#ffd23d",bg:"#0b0614",segments:12,speed:1},theme:{bg:"#0b0614",fg:"#ffffff",accent:"#ffffff","accent-fg":"#0b0614","code-color":"rgba(255,255,255,.95)"},presetName:"Candy Glass",presets:{ocean:{name:"Ocean Glass",params:{a:"#0077b6",b:"#90e0ef",c:"#ffffff",bg:"#03045e",segments:10}},autumn:{name:"Autumn Glass",params:{a:"#d9541e",b:"#f2b33d",c:"#5a2a12",bg:"#1a0a05",segments:8}},jewel:{name:"Jewel Box",params:{a:"#0a7a5a",b:"#5a0a7a",c:"#d4af37",segments:8}},pastel:{name:"Pastel",params:{a:"#ffc2d9",b:"#c2e7ff",c:"#fff2b3",bg:"#ffffff",segments:10},theme:{bg:"#ffe9f2",fg:"#2a1030",accent:"#2a1030","accent-fg":"#fff","code-color":"#2a1030"}},mono:{name:"Monochrome",params:{a:"#111111",b:"#777777",c:"#eeeeee",bg:"#000000",segments:16}}},css:"& .lp-code{font-weight:900;text-shadow:0 4px 30px rgba(0,0,0,.4)}& .lp-body{text-shadow:0 2px 14px rgba(0,0,0,.5)}",setup(s){let e=s.params,a=document.createElement("canvas");a.width=512,a.height=512;let o=a.getContext("2d");o.save(),o.translate(0,166),n(o,s.copy.code||"404",{width:512,height:180,font:f,weight:900,fit:.7}),o.restore();let r;return g(s,{frag:u,init(p){r=i(p,a,{filter:"linear",wrap:"repeat"})},uniforms:()=>({uText:r,uA:t(e.a),uB:t(e.b),uC:t(e.c),uBg:t(e.bg),uSeg:e.segments,uSpeed:e.speed})})}};export{y as default};

package/dist/cdn/c/lava-lamp-VYY5XFG5.js

@@ -0,0 +1,55 @@
+import{a as b}from"./chunk-LMRCHEWX.js";import{a as m,b as u,c as x,h as p}from"./chunk-QJZBGT2Q.js";import{e as r}from"./chunk-HXSSPN2I.js";import{a as s,e as d}from"./chunk-IETNWEVK.js";import"./chunk-URWX3LLV.js";var h=`
+uniform sampler2D uText;
+uniform vec3 uWax, uWax2, uLiq, uLiq2;
+uniform float uForm, uSpeed;
+${m}
+${u}
+${x}
+
+float field(vec2 p, float t) {
+  float f = 0.0;
+  for (int i = 0; i < 9; i++) {
+    float fi = float(i);
+    float sp = 0.07 + hash11(fi) * 0.08;
+    float x = (hash11(fi + 3.1) - 0.5) * 1.6 + sin(t * 0.3 + fi * 1.9) * 0.18;
+    float y = mod(hash11(fi + 7.7) + t * sp * (hash11(fi + 2.0) > 0.5 ? 1.0 : -1.0), 1.5) - 0.75;
+    float r = 0.08 + hash11(fi + 11.0) * 0.1;
+    vec2 d = p - vec2(x, y * 1.3);
+    d.y *= 0.85 + 0.15 * sin(t + fi);
+    f += r * r / max(dot(d, d), 1e-4);
+  }
+  return f;
+}
+
+void main() {
+  vec2 fc = gl_FragCoord.xy;
+  vec2 uv = fc / uRes;
+  vec2 p = (fc - 0.5 * uRes) / uRes.y;
+  float t = uTime * uSpeed;
+  // text field: blurred code shape adds to the metaball field so the wax gathers into it
+  float tx = textureLod(uText, uv, 3.5).a;
+  float breathe = 0.55 + 0.45 * sin(t * 0.25);
+  float f = field(p, t) + tx * 2.2 * uForm * breathe;
+  float e = 1.0 / uRes.y * 2.0;
+  float fx = field(p + vec2(e, 0.0), t) + textureLod(uText, uv + vec2(e * uRes.y / uRes.x, 0.0), 3.5).a * 2.2 * uForm * breathe;
+  float fy = field(p + vec2(0.0, e), t) + textureLod(uText, uv + vec2(0.0, e), 3.5).a * 2.2 * uForm * breathe;
+  vec3 n = normalize(vec3((f - fx) * 0.08, (f - fy) * 0.08, 1.0) );
+
+  vec3 bg = mix(uLiq2, uLiq, smoothstep(-0.6, 0.7, p.y + 0.1 * sin(p.x * 3.0 + t)));
+  bg += uWax * 0.12 * exp(-abs(p.x) * 2.0);
+  float inside = smoothstep(0.95, 1.05, f);
+  vec3 wax = mix(uWax2, uWax, smoothstep(1.0, 3.0, f));
+  vec3 L = normalize(vec3(-0.4, 0.6, 0.7));
+  float dif = max(dot(n, L), 0.0);
+  float spec = pow(max(dot(reflect(-L, n), vec3(0, 0, 1)), 0.0), 40.0);
+  wax = wax * (0.55 + 0.6 * dif) + spec * 0.6;
+  // subsurface glow near edges
+  wax += uWax * smoothstep(1.4, 1.0, f) * 0.35;
+  vec3 col = mix(bg, wax, inside);
+  // glow around the wax
+  col += uWax * 0.18 * smoothstep(0.4, 1.0, f) * (1.0 - inside);
+  col = toSRGB(aces(col * 1.1));
+  col += grain(fc, uTime) * 0.012;
+  fragColor = vec4(col, 1.0);
+}
+`,T={id:"lava-lamp",name:"Lava Lamp",description:"Glossy wax blobs rise, merge and split, and every so often they pull together into the shape of the error.",category:"Abstract",kind:"2d",motion:"live",tags:["webgl","metaballs","retro","70s","groovy","calm","gradient"],layout:"bottom",codeInScene:!0,copy:{eyebrow:"Far out",title:"This page melted away.",message:"It got a little too groovy and dissolved. Mellow back to the homepage.",actions:[{label:"Float home",href:"/",variant:"primary"}]},params:{wax:"#ff6a2b",wax2:"#ff2b55",liquid:"#3b0f4f",liquid2:"#120320",form:.85,speed:1},theme:{bg:"#1b0629",fg:"#ffe9de",accent:"#ff8a4c","accent-fg":"#1b0629"},presetName:"Classic",presets:{neon:{name:"Neon Club",params:{wax:"#ff3bd4",wax2:"#7a3bff",liquid:"#05001a",liquid2:"#000000"},theme:{bg:"#05001a",accent:"#ff3bd4","accent-fg":"#fff"}},ocean:{name:"Ocean",params:{wax:"#3bd6ff",wax2:"#1f6bff",liquid:"#04243a",liquid2:"#010a14"},theme:{bg:"#03182a",accent:"#3bd6ff","accent-fg":"#010a14"}},lemon:{name:"Lemonade",params:{wax:"#ffe14d",wax2:"#ff9f1c",liquid:"#fffbe6",liquid2:"#ffe9b0"},theme:{bg:"#fff3c9",fg:"#3a2a00",accent:"#3a2a00","accent-fg":"#fff"}},mint:{name:"Mint",params:{wax:"#6bffcf",wax2:"#2bd4a0",liquid:"#0d3b4f",liquid2:"#031821"},theme:{bg:"#06222c",accent:"#6bffcf","accent-fg":"#03141a"}},sunset:{name:"Sunset",params:{wax:"#ffd23f",wax2:"#ff6b3d",liquid:"#ff4d8d",liquid2:"#5a1c6b"},theme:{bg:"#5a1c6b",accent:"#ffd23f","accent-fg":"#3a0f2b"}},milk:{name:"Milkshake",params:{wax:"#ff8fb1",wax2:"#ff5c8a",liquid:"#fff3e6",liquid2:"#ffe0ec"},theme:{bg:"#ffe8ef",fg:"#4a1328",accent:"#4a1328","accent-fg":"#fff"}},blue:{name:"Electric",params:{wax:"#3bc7ff",wax2:"#5a4bff",liquid:"#0b0b2e",liquid2:"#02020a"},theme:{bg:"#05051a",accent:"#3bc7ff","accent-fg":"#02020a"}}},setup(t){let a=t.params,f=document.createElement("canvas"),c=null,e,l=()=>{let i=Math.max(64,Math.round(512*t.height/Math.max(1,t.width)));f.width=512,f.height=i;let o=f.getContext("2d");o.clearRect(0,0,512,i),o.save(),o.translate(0,i*.38-i*.22),d(o,t.copy.code||"404",{width:512,height:i*.44,font:s,weight:900,fit:.8}),o.restore(),c&&(e.bindTexture(e.TEXTURE_2D,c),e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL,!0),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,f),e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL,!1),e.generateMipmap(e.TEXTURE_2D))};return{...b(t,{frag:h,init(n){e=n,l(),c=p(e,f,{filter:"mipmap"})},uniforms:()=>({uText:c,uWax:r(a.wax),uWax2:r(a.wax2),uLiq:r(a.liquid),uLiq2:r(a.liquid2),uForm:a.form,uSpeed:a.speed})}),resize:l}}};export{T as default};

package/dist/cdn/c/life-QBWZL5FY.js

@@ -0,0 +1 @@
+import{b as R}from"./chunk-JLRXT2AZ.js";import{a as U}from"./chunk-4ZBXB36L.js";import"./chunk-IETNWEVK.js";import"./chunk-URWX3LLV.js";var C={id:"life",name:"Game of Life",description:"Conway's cellular automaton starts from the shape of the error and evolves into gliders and chaos. Draw with your cursor to add life.",category:"Abstract",kind:"2d",motion:"live",tags:["canvas","generative","cellular-automaton","math","interactive","developer"],layout:"bottom",codeInScene:!0,copy:{eyebrow:"Generation 404",title:"This page didn't survive.",message:"It started as a perfect 404 and evolved into this. Draw on the grid to seed new life, or go home.",actions:[{label:"Restart at home",href:"/",variant:"primary"}]},params:{bg:"#0a0b10",young:"#7cf7c8",old:"#3b5bff",grid:"#12141c",cell:10,rate:12,reseed:14},theme:{bg:"#0a0b10",accent:"#7cf7c8","accent-fg":"#0a0b10","font-display":"var(--lp-font-mono)","title-weight":"600"},presetName:"Neon",presets:{matrix:{name:"Matrix",params:{bg:"#000a03",young:"#d7ffe6",old:"#18ff6d",grid:"#021208"},theme:{bg:"#000a03",accent:"#18ff6d","accent-fg":"#000a03"}},candy:{name:"Candy",params:{bg:"#fff6fa",young:"#ff3b8a",old:"#ffc2da",grid:"#ffeaf3"},theme:{bg:"#fff6fa",fg:"#3a0a22",accent:"#3a0a22","accent-fg":"#fff"}},paper:{name:"Graph Paper",params:{bg:"#f7f6f1",young:"#111111",old:"#9aa0a6",grid:"#e6e3da"},theme:{bg:"#f7f6f1",fg:"#111",accent:"#111","accent-fg":"#f7f6f1"}},heat:{name:"Heatmap",params:{bg:"#0d0505",young:"#ffe14d",old:"#ff2d2d",grid:"#170909"},theme:{bg:"#0d0505",accent:"#ffb03b","accent-fg":"#0d0505"}},tiny:{name:"Microscopic",params:{cell:5,rate:20,young:"#e0e7ff",old:"#6d5bff"}}},setup(y){let g=y.params,m=U(y),M=y.random,t=0,c=0,d=g.cell,a=new Uint8Array(0),u=new Uint8Array(0),b=new Uint16Array(0),v=0;function A(){let r=Math.floor(t*.72),n=Math.floor(c*.5),o=R(y.copy.code||"404",r,n,900),e=Math.floor((t-r)/2),l=Math.floor(c*.08);for(let f=0;f<n;f++)for(let s=0;s<r;s++){let p=(l+f)*t+e+s;o[f*r+s]&&(a[p]=1,b[p]=0)}let i=[[1,0],[2,1],[0,2],[1,2],[2,2]];for(let f=0;f<4;f++){let s=Math.floor(M()*(t-4)),p=Math.floor(M()*(c-4));for(let[h,w]of i)a[(p+w)*t+s+h]=1}}function S(){d=Math.max(4,Math.round(g.cell*Math.min(1.3,Math.max(.7,m.w/1440)))),t=Math.ceil(m.w/d),c=Math.ceil(m.h/d),a=new Uint8Array(t*c),u=new Uint8Array(t*c),b=new Uint16Array(t*c),A()}function I(){for(let n=0;n<c;n++){let o=(n-1+c)%c*t,e=n*t,l=(n+1)%c*t;for(let i=0;i<t;i++){let f=(i-1+t)%t,s=(i+1)%t,p=a[o+f]+a[o+i]+a[o+s]+a[e+f]+a[e+s]+a[l+f]+a[l+i]+a[l+s],h=e+i,w=a[h]&&p===2||p===3;u[h]=w?1:0,b[h]=w&&a[h]?Math.min(b[h]+1,999):0}}let r=a;a=u,u=r}y.on("pointermove",r=>{if(!(r.buttons||r.pointerType==="mouse"))return;let n=Math.floor(y.pointer.x/d),o=Math.floor(y.pointer.y/d);for(let e=-1;e<=1;e++)for(let l=-1;l<=1;l++){if(M()<.5)continue;let i=(n+l+t)%t,f=(o+e+c)%c;a[f*t+i]=1}}),S();let x=0,G=(r,n,o)=>{let e=parseInt(r.slice(1),16),l=parseInt(n.slice(1),16),i=(e>>16&255)*(1-o)+(l>>16&255)*o,f=(e>>8&255)*(1-o)+(l>>8&255)*o,s=(e&255)*(1-o)+(l&255)*o;return`rgb(${i|0},${f|0},${s|0})`},P=Array.from({length:16},(r,n)=>G(g.young,g.old,n/15));return{resize(){m.reset(),S()},frame(r,n){let o=m.g;if(m.reset(),n>0){x+=n;let e=r-v<1.4;for(;x>1/g.rate;)x-=1/g.rate,e||I();r-v>g.reseed&&(v=r,A())}o.fillStyle=g.bg,o.fillRect(0,0,m.w,m.h),o.fillStyle=g.grid;for(let e=0;e<=t;e++)o.fillRect(e*d,0,1,m.h);for(let e=0;e<=c;e++)o.fillRect(0,e*d,m.w,1);for(let e=0;e<a.length;e++)a[e]&&(o.fillStyle=P[Math.min(15,b[e]>>1)],o.fillRect(e%t*d+1,(e/t|0)*d+1,d-1,d-1))}}}};export{C as default};

package/dist/cdn/c/lighthouse-QX7QIIPX.js

@@ -0,0 +1,60 @@
+import{a as l}from"./chunk-LMRCHEWX.js";import{a as t,b as s,c}from"./chunk-QJZBGT2Q.js";import{e as a}from"./chunk-HXSSPN2I.js";import"./chunk-URWX3LLV.js";var r=`
+uniform vec3 uSky, uSea, uRock, uBeam;
+uniform float uFog, uPeriod;
+${t}
+${s}
+${c}
+
+void main() {
+  vec2 fc = gl_FragCoord.xy;
+  vec2 uv = fc / uRes;
+  vec2 p = (fc - 0.5 * uRes) / uRes.y;
+  float t = uTime;
+  vec2 lamp = vec2(0.36, 0.12);
+  float ang = t * 6.28318 / uPeriod;
+  // beam direction sweeps in a circle; we see it as a cone that widens and narrows (foreshortening)
+  vec2 dir = vec2(cos(ang), 0.0);
+  float facing = sin(ang); // >0 toward the viewer
+  vec2 d = p - lamp;
+  float along = dot(d, normalize(vec2(dir.x, 0.0001 + 0.0)));
+  float spread = mix(0.05, 0.6, smoothstep(-0.2, 1.0, facing));
+  float cone = smoothstep(spread * abs(along) + 0.01, 0.0, abs(d.y)) * step(0.0, along * sign(dir.x + 1e-4));
+  cone *= exp(-abs(along) * mix(1.2, 0.4, facing));
+  vec3 col = mix(uSky * 0.4, uSky, smoothstep(-0.2, 0.5, p.y));
+  // clouds
+  col = mix(col, uSky * 1.4, smoothstep(0.5, 0.75, fbm(p * vec2(1.5, 3.0) + vec2(t * 0.02, 0.0))) * 0.4);
+  // sea
+  float hz = -0.08;
+  if (p.y < hz) {
+    float w = fbm(vec2(p.x * 10.0, (p.y - hz) * 60.0 / (hz - p.y + 0.05)) + vec2(t * 0.3, t * 0.1));
+    col = uSea * (0.55 + 0.5 * w);
+    // beam reflection on the water
+    float refl = exp(-pow((p.x - lamp.x - cos(ang) * 0.4 * (hz - p.y) * 3.0) * 8.0, 2.0)) * smoothstep(0.0, 0.6, facing) * (0.4 + w);
+    col += uBeam * refl * 0.25;
+  }
+  // fog lit by the beam
+  float fogN = fbm(p * 3.0 + vec2(t * 0.05, 0.0));
+  col += uBeam * cone * (0.35 + 0.65 * fogN) * (0.7 + uFog);
+  col = mix(col, uSky * 0.9, uFog * 0.35 * smoothstep(0.3, -0.1, abs(p.y - hz)));
+  // rocky headland and the tower
+  float cliff = -0.1 + 0.085 * smoothstep(0.05, 0.24, p.x) * smoothstep(0.78, 0.46, p.x) + 0.035 * (fbm(vec2(p.x * 9.0, 1.0)) - 0.5);
+  float rock = step(p.y, cliff) * step(0.02, p.x);
+  col = mix(col, uRock * (0.5 + 0.5 * fbm(p * 30.0)), rock);
+  vec2 tq = p - vec2(0.36, -0.035);
+  float tower = step(abs(tq.x), mix(0.035, 0.022, clamp(tq.y / 0.15, 0.0, 1.0))) * step(0.0, tq.y) * step(tq.y, 0.15);
+  float bands = step(0.5, fract(tq.y * 20.0));
+  vec3 tcol = mix(vec3(0.9), vec3(0.75, 0.12, 0.12), bands) * 0.55;
+  col = mix(col, tcol, tower);
+  float gallery = step(abs(tq.x), 0.032) * step(abs(tq.y - 0.155), 0.006);
+  col = mix(col, vec3(0.08), gallery);
+  // the lamp itself flares as the beam faces us
+  float ld = length(p - lamp);
+  float flare = smoothstep(-0.3, 1.0, facing);
+  col += uBeam * (exp(-ld * 90.0) * 2.0 + exp(-ld * 14.0) * 0.4 * flare + exp(-abs(p.y - lamp.y) * 120.0) * exp(-abs(p.x - lamp.x) * 3.0) * 0.4 * flare * flare);
+  col = toSRGB(aces(col * 1.1));
+  col *= mix(0.6, 1.0, vignette(uv, 0.3));
+  col += grain(fc, t) * 0.02;
+  fragColor = vec4(col, 1.0);
+}
+`,i={id:"lighthouse",name:"Lighthouse",description:"A lighthouse on a rocky headland sweeps its beam through the sea fog, searching the water for your page.",category:"Ocean",kind:"2d",motion:"live",tags:["webgl","lighthouse","night","ocean","fog","moody","cinematic"],layout:"left",copy:{eyebrow:"Keep watch",title:"We searched every wave.",message:"The beam has swept this coast all night. No sign of the page. Steer by the light and head home.",actions:[{label:"Steer for home",href:"/",variant:"primary"}]},params:{sky:"#0d1b2e",sea:"#06111f",rock:"#1a1a1d",beam:"#fff2c9",fog:.6,period:7},theme:{bg:"#08111e",fg:"#f2ecdc",accent:"#fff2c9","accent-fg":"#08111e","code-color":"rgba(255,242,201,.16)"},presetName:"Sea Fog",presets:{aurora:{name:"Northern Coast",params:{sky:"#03201f",sea:"#010f10",beam:"#e6fff6",fog:.4},theme:{bg:"#021615"}},storm:{name:"Squall",params:{sky:"#1a1f26",sea:"#0a0d10",fog:1,period:5},theme:{bg:"#111418"}},dusk:{name:"Last Light",params:{sky:"#3a2a52",sea:"#120f22",beam:"#ffe0b0",fog:.3},theme:{bg:"#1c1530"}}},css:`& .lp-overlay{padding-left:max(16px,calc(var(--lp-pad) * 1.5))}& .lp-head,& .lp-body{max-width:min(460px,40cqw)}
+@container (max-width:760px){& .lp-head,& .lp-body{max-width:none}& .lp-overlay{justify-content:flex-end}}`,setup(o){let e=o.params;return l(o,{frag:r,uniforms:()=>({uSky:a(e.sky),uSea:a(e.sea),uRock:a(e.rock),uBeam:a(e.beam),uFog:e.fog,uPeriod:e.period})})}};export{i as default};