Add Room 03 · Aurora Drift to The Main Stage (animated aurora thumbnail + card linking aurora.agentabrams.com)

1f83efa06b5f337445a23e4fceb82c34e1e8c90a · 2026-09-02 07:26:39 -0700 · Steve Abrams
Files touched

M index.html
Diff

commit 1f83efa06b5f337445a23e4fceb82c34e1e8c90a
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Wed Sep 2 07:26:39 2026 -0700

    Add Room 03 · Aurora Drift to The Main Stage (animated aurora thumbnail + card linking aurora.agentabrams.com)
---
 index.html | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index cc833f7..41477fd 100644
--- a/index.html
+++ b/index.html
@@ -78,7 +78,10 @@ const PIECES=[
     desc:'A paddlewheel riverboat drifts a hand-painted crimson canyon while masked dancers turn on three decks — to a live Grateful Dead show you stream and search from the archive. Cutout troupe, beat-synced bears, a 3D orb overhead.' },
   { n:'Room 02', title:'Playa Ignition', href:'https://playa.agentabrams.com/', accent:'#2fe6ff',
     theme:'playa', tags:['Burning Man','Synth beat','Ignite the Man'],
-    desc:'A night on the open playa: the neon Man effigy you can set alight, fire-poi dancers, an art car and a spinning 3D orb — all pulsing to a synthesized techno beat with a live spectrum graph.' }
+    desc:'A night on the open playa: the neon Man effigy you can set alight, fire-poi dancers, an art car and a spinning 3D orb — all pulsing to a synthesized techno beat with a live spectrum graph.' },
+  { n:'Room 03', title:'Aurora Drift', href:'https://aurora.agentabrams.com/', accent:'#2fff9a',
+    theme:'aurora', tags:['Northern Lights','Frozen lake','Reflection'],
+    desc:'Northern lights drift over a still, frozen lake at night — aurora curtains folding across the sky, a lone glowing cabin, falling snow, and the whole sky mirrored in the ice.' }
 ];
 
 const host=document.getElementById('pieces');
@@ -124,7 +127,7 @@ function drawThumb(t,time){
     // little boat
     g.fillStyle='#1e0810'; g.beginPath(); g.ellipse(w*.5,h*.72,34,7,0,0,7); g.fill();
     g.fillStyle='#f2b64a'; for(let i=0;i<5;i++){ g.beginPath(); g.arc(w*.5-24+i*12,h*.68,1.6,0,7); g.fill(); }
-  } else {
+  } else if(t.theme==='playa'){
     const sky=g.createLinearGradient(0,0,0,h); sky.addColorStop(0,'#07061a'); sky.addColorStop(.7,'#2a1836'); sky.addColorStop(1,'#5a4436');
     g.fillStyle=sky; g.fillRect(0,0,w,h);
     for(let i=0;i<40;i++){ g.globalAlpha=.5+.5*Math.abs(Math.sin(i+time)); g.fillStyle='#eef0ff'; g.fillRect((i*53)%w,(i*31)%(h*.6),1.4,1.4); }
@@ -137,6 +140,21 @@ function drawThumb(t,time){
     g.moveTo(cx-8,by-40); g.lineTo(cx-8,by-70); g.moveTo(cx+8,by-40); g.lineTo(cx+8,by-70);
     g.moveTo(cx-8,by-68); g.lineTo(cx-22,by-88); g.moveTo(cx+8,by-68); g.lineTo(cx+22,by-88); g.stroke();
     g.beginPath(); g.arc(cx,by-78,7,0,7); g.stroke(); g.shadowBlur=0;
+  } else {  // aurora
+    const sky=g.createLinearGradient(0,0,0,h); sky.addColorStop(0,'#04070f'); sky.addColorStop(.62,'#0c2436'); sky.addColorStop(1,'#030a12');
+    g.fillStyle=sky; g.fillRect(0,0,w,h);
+    for(let i=0;i<28;i++){ g.globalAlpha=.55; g.fillStyle='#eaf2ff'; g.fillRect((i*47)%w,(i*23)%(h*.5),1.2,1.2); } g.globalAlpha=1;
+    g.save(); g.globalCompositeOperation='lighter';
+    const cols=['47,255,154','47,230,255','140,120,255'];
+    for(let b=0;b<3;b++){ const yTop=h*(0.16+b*0.10), col=cols[b];
+      const grad=g.createLinearGradient(0,yTop-10,0,yTop+h*0.24); grad.addColorStop(0,`rgba(${col},0)`); grad.addColorStop(.3,`rgba(${col},.28)`); grad.addColorStop(1,`rgba(${col},0)`);
+      g.fillStyle=grad; g.beginPath(); g.moveTo(0,yTop);
+      for(let x=0;x<=w;x+=16) g.lineTo(x, yTop+Math.sin(x*0.03+b+time)*10);
+      for(let x=w;x>=0;x-=16) g.lineTo(x, yTop+Math.sin(x*0.03+b+time)*10+h*0.24); g.closePath(); g.fill(); }
+    g.restore();
+    g.fillStyle='rgba(6,20,32,.92)'; g.fillRect(0,h*0.62,w,h*0.38);
+    g.save(); g.globalCompositeOperation='lighter';
+    for(let b=0;b<3;b++){ g.fillStyle=`rgba(${cols[b]},.22)`; g.fillRect(0,h*0.65+b*7,w,3); } g.restore();
   }
 }
← 9a91954 The Main Stage: animated gallery hub linking the generative · back to Main Stage · hub: Dead-room card reflects new Dead & Company source + bro cc0cb85 →