From 4694661fcd63ba1ad517229ce8acfbf800e9b5e6 Mon Sep 17 00:00:00 2001
From: "prompt.ac/@jeffrey" <mail@aesthetic.computer>
Date: Tue, 14 Apr 2026 11:37:19 -0700
Subject: [PATCH] =?UTF-8?q?boot-canvas:=20add=20'spring'=20mode=20as=20def?=
 =?UTF-8?q?ault=20=E2=80=94=20turtle-graphics=20flowers=20with=20chaotic?=
 =?UTF-8?q?=20MOTD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replaces 'serious' as the default boot animation. Serious is still available
via ?boot=serious. Spring mode draws a field of procedural turtle-graphics
flowers (parametric petals, stems, leaves, pollen) over a cream/butter
gradient, with the title and MOTD characters each animating independently
with per-char font swaps, hue shifts, rotation, and bob/jitter.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 system/netlify/functions/index.mjs | 81 ++++++++++++++++++++++++++++--
 1 file changed, 78 insertions(+), 3 deletions(-)

diff --git a/system/netlify/functions/index.mjs b/system/netlify/functions/index.mjs
index 2c5210de7..6e823b32d 100644
--- a/system/netlify/functions/index.mjs
+++ b/system/netlify/functions/index.mjs
@@ -1302,8 +1302,8 @@ async function fun(event, context) {
           var isNotepat=location.hostname==='notepat.com'||location.hostname==='www.notepat.com'||location.pathname==='/notepat'||location.pathname.startsWith('/notepat?')||location.pathname.startsWith('/notepat/');
           // Notebook: Python/Jupyter notebook with scientific aesthetic
           var isNotebook=qs.indexOf('notebook=true')>=0;
-          // Boot animation mode: 'serious' (clean/refined, default) or 'aesthetic' (VHS/glitch)
-          var bootTheme=params.get('boot')||'serious';var isSerious=bootTheme==='serious';
+          // Boot animation mode: 'spring' (turtle-graphics flowers, default), 'serious' (clean/refined), or 'aesthetic' (VHS/glitch)
+          var bootTheme=params.get('boot')||'spring';var isSerious=bootTheme==='serious';var isSpring=bootTheme==='spring';
           // Density param for scaling (default 1, FF1 uses 8 for 4K)
           var densityMatch=qs.match(/density=(\d+)/);var densityParam=densityMatch?parseInt(densityMatch[1]):1;
           var isLightMode=window.matchMedia&&window.matchMedia('(prefers-color-scheme:light)').matches;
@@ -1371,6 +1371,23 @@ async function fun(event, context) {
           var NP_KEYS=[];var NP_PARTICLES=[];var NP_LAST_KEY=0;var NP_KEY_INTERVAL=120;
           var NP_NOTE_NAMES=['C','D','E','F','G','A','B'];
           var NP_KEY_COLS=[[255,107,157],[78,205,196],[255,217,61],[149,225,211],[255,154,162],[170,150,218],[112,214,255],[255,183,77]];
+          // 🌼 Spring boot animation state — procedural turtle-graphics flowers
+          var SPRING_FLOWERS=[],SPRING_INIT=false;
+          var SPRING_FONTS_LIGHT=['serif','monospace','YWFTProcessing-Bold, monospace','cursive','Georgia, serif','Courier New, monospace'];
+          var SPRING_PETAL_HUES=[48,52,40,330,300,200,160,20,12]; // yellows/pinks/lavenders/sky/mints/peaches
+          function springInit(S){SPRING_FLOWERS=[];var n=14;for(var i=0;i<n;i++){SPRING_FLOWERS.push({px:Math.random(),py:0.35+Math.random()*0.55,r:(6+Math.random()*10)*S,petals:5+Math.floor(Math.random()*4),hue:SPRING_PETAL_HUES[i%SPRING_PETAL_HUES.length],phase:Math.random()*Math.PI*2,sway:0.6+Math.random()*1.2,centerHue:40+Math.random()*30,leafSide:Math.random()>0.5?1:-1});}SPRING_INIT=true;}
+          function drawTurtleFlower(ctx,W,H,fl,t,S,isLightMode){var cx=fl.px*W+Math.sin(t*0.6+fl.phase)*fl.sway*4*S;var cy=fl.py*H+Math.sin(t*0.4+fl.phase*1.3)*fl.sway*2*S;var r=fl.r;
+            // Stem (curved line, drawn turtle-style with short segments)
+            ctx.save();ctx.strokeStyle=isLightMode?'rgb(70,140,80)':'rgb(140,200,150)';ctx.lineWidth=Math.max(1,1.5*S);ctx.beginPath();var sx0=cx,sy0=cy+r*0.7,segs=12;for(var s=0;s<=segs;s++){var u=s/segs;var sway=Math.sin(u*Math.PI+t*0.5+fl.phase)*r*0.5*u;ctx.lineTo(sx0+sway,sy0+u*r*3.5);}ctx.stroke();
+            // Leaf
+            var lx=sx0+fl.leafSide*r*0.4,ly=sy0+r*1.6;ctx.beginPath();ctx.moveTo(lx,ly);ctx.quadraticCurveTo(lx+fl.leafSide*r*0.8,ly+r*0.2,lx+fl.leafSide*r*1.4,ly-r*0.1);ctx.quadraticCurveTo(lx+fl.leafSide*r*0.6,ly+r*0.4,lx,ly);ctx.fillStyle=isLightMode?'rgba(80,160,90,0.85)':'rgba(150,210,160,0.85)';ctx.fill();
+            // Petals (turtle-style: parametric loop r=sin(theta)*len)
+            for(var p=0;p<fl.petals;p++){var ang=(p/fl.petals)*Math.PI*2+t*0.3+fl.phase*0.2;ctx.save();ctx.translate(cx,cy);ctx.rotate(ang);ctx.beginPath();var L=r*1.3,steps=14;for(var i=0;i<=steps;i++){var th=i/steps*Math.PI;var rr=Math.sin(th)*L;ctx.lineTo(rr*Math.cos(th),rr*Math.sin(th)-r*0.1);}ctx.closePath();var sat=isLightMode?75:65,lum=isLightMode?70:55;ctx.fillStyle='hsl('+fl.hue+','+sat+'%,'+lum+'%)';ctx.globalAlpha=0.9;ctx.fill();ctx.strokeStyle='hsla('+fl.hue+',80%,'+(lum-15)+'%,0.6)';ctx.lineWidth=Math.max(0.5,0.7*S);ctx.stroke();ctx.restore();}
+            // Center disc
+            ctx.beginPath();ctx.arc(cx,cy,r*0.55,0,Math.PI*2);ctx.fillStyle='hsl('+fl.centerHue+',85%,'+(isLightMode?55:65)+'%)';ctx.globalAlpha=1;ctx.fill();ctx.strokeStyle='hsla('+fl.centerHue+',90%,30%,0.6)';ctx.lineWidth=Math.max(0.5,0.6*S);ctx.stroke();
+            // Pollen dots
+            for(var d=0;d<5;d++){var da=d/5*Math.PI*2+t*1.2+fl.phase;ctx.beginPath();ctx.arc(cx+Math.cos(da)*r*0.3,cy+Math.sin(da)*r*0.3,Math.max(0.5,0.7*S),0,Math.PI*2);ctx.fillStyle='hsl('+(fl.centerHue-15)+',95%,30%)';ctx.fill();}
+            ctx.restore();}
           // 📊 Notebook scientific aesthetic boot animation state
           var NB_DATA_POINTS=[];var NB_GRID_LINES=[];var NB_WAVEFORMS=[];var NB_LAST_SPAWN=0;
           var NB_COLS_DARK=[[0,180,255],[0,255,180],[120,220,255],[80,200,120],[100,255,255]];
@@ -1522,7 +1539,65 @@ async function fun(event, context) {
               var logFS=densityParam===1&&isDeviceMode?Math.max(14,Math.floor(H/60)):4*S*dS;
               x.font=logFS+'px monospace';var logY=(densityParam===1&&isDeviceMode?Math.floor(H/20):16*S*dS)+embedPad;var logSpacing=densityParam===1&&isDeviceMode?Math.floor(logFS*1.5):7*S*dS;for(var li=0;li<lines.length&&li<10;li++){var ln=lines[li],ly=logY+li*logSpacing,la=Math.max(0.3,1-li*0.08),lc=klCols[li%klCols.length];var tw=x.measureText(ln.text).width;var logX=densityParam===1&&isDeviceMode?20:10*S*dS;var textX=densityParam===1&&isDeviceMode?30:(logX+3*S*dS);var pillH=densityParam===1&&isDeviceMode?Math.floor(logFS*1.2):6*S*dS;var pillR=densityParam===1&&isDeviceMode?6:3*S*dS;var pillW=tw+(textX-logX)*2;x.globalAlpha=la*0.15;x.fillStyle='rgb('+lc[0]+','+lc[1]+','+lc[2]+')';x.beginPath();x.roundRect(logX,ly-pillH*0.65,pillW,pillH,pillR);x.fill();x.globalAlpha=la;x.fillStyle='rgb('+lc[0]+','+lc[1]+','+lc[2]+')';x.fillText(ln.text,textX,ly);}
               x.globalAlpha=1;requestAnimationFrame(anim);return;}
-            // Serious mode — clean, refined boot animation (default)
+            // 🌼 Spring mode — yellowish, light, with procedural turtle-graphics flowers (default)
+            if(isSpring){
+              if(!SPRING_INIT)springInit(S);
+              // Soft sunny gradient bg (cream/butter for light, deep amber for dark)
+              var sgrad=x.createLinearGradient(0,0,0,H);
+              if(isLightMode){sgrad.addColorStop(0,'#fffbe2');sgrad.addColorStop(0.6,'#fff4c2');sgrad.addColorStop(1,'#ffe89a');}
+              else{sgrad.addColorStop(0,'#3a2f10');sgrad.addColorStop(0.6,'#2a2410');sgrad.addColorStop(1,'#1f1a08');}
+              x.fillStyle=sgrad;x.fillRect(0,0,W,H);
+              // Wandering pollen specks
+              for(var sp=0;sp<22;sp++){var spx=((Math.sin(t*0.3+sp*1.7)+1)*0.5*W+sp*23)%W;var spy=((Math.cos(t*0.2+sp*1.1)+1)*0.5*H+sp*17)%H;var spr=Math.max(0.5,(0.6+Math.sin(t+sp)*0.4)*S);x.globalAlpha=0.35+Math.sin(t*1.4+sp)*0.25;x.fillStyle=isLightMode?'rgba(255,200,80,0.7)':'rgba(255,230,140,0.7)';x.beginPath();x.arc(spx,spy,spr,0,Math.PI*2);x.fill();}
+              x.globalAlpha=1;
+              // Sunbeam streaks from top-right
+              for(var br=0;br<5;br++){x.save();x.globalAlpha=0.06+Math.sin(t*0.5+br)*0.03;x.fillStyle=isLightMode?'#fff7c0':'#ffeeaa';x.translate(W*0.85,0);x.rotate(0.6+br*0.08);x.fillRect(-2*S,0,4*S,H*1.4);x.restore();}
+              // Draw all flowers (sorted by y for fake depth)
+              var sortedFl=SPRING_FLOWERS.slice().sort(function(a,b){return a.py-b.py;});
+              for(var fi=0;fi<sortedFl.length;fi++){drawTurtleFlower(x,W,H,sortedFl[fi],t,S,isLightMode);}
+              // Logo top-left (small, soft)
+              var lS=21*S,lX=5*S,lY=5*S;var logoImg=imgFullLoaded?imgFull:img;
+              x.imageSmoothingEnabled=imgFullLoaded;x.globalAlpha=0.92;x.drawImage(logoImg,lX,lY,lS,lS);x.globalAlpha=1;
+              // 🌸 Title chars animate independently with weirder fonts cycling per char
+              var titleStr='Aesthetic.Computer';var tFS=Math.max(8,Math.floor(7*S));
+              x.textBaseline='alphabetic';
+              // Measure total width with mixed fonts to center
+              var tWidths=[],totalW=0;for(var ti=0;ti<titleStr.length;ti++){var fnt=SPRING_FONTS_LIGHT[ti%SPRING_FONTS_LIGHT.length];x.font='bold '+tFS+'px '+fnt;var cw=x.measureText(titleStr[ti]).width+1*S;tWidths.push(cw);totalW+=cw;}
+              var tStartX=(W-totalW)/2,tBaseY=lY+lS+6*S+tFS;
+              var cumX=tStartX;for(var ti=0;ti<titleStr.length;ti++){var ch=titleStr[ti];var fnt=SPRING_FONTS_LIGHT[ti%SPRING_FONTS_LIGHT.length];var bobY=Math.sin(t*1.6+ti*0.55)*3*S;var bobX=Math.cos(t*1.1+ti*0.7)*1.5*S;var rot=Math.sin(t*0.9+ti*0.43)*0.18;var hue=(ti*28+sf*1.2)%360;x.save();x.translate(cumX+tWidths[ti]/2+bobX,tBaseY+bobY);x.rotate(rot);x.font='bold '+tFS+'px '+fnt;x.fillStyle='hsl('+hue+','+(isLightMode?55:65)+'%,'+(isLightMode?28:72)+'%)';x.textAlign='center';x.fillText(ch,0,0);x.restore();cumX+=tWidths[ti];}
+              x.textAlign='left';
+              // Session connection dot (next to title)
+              var wsX=tStartX+totalW+4*S,wsY=tBaseY-tFS*0.4;var wsDotR=2*S;x.beginPath();x.arc(wsX,wsY,wsDotR,0,Math.PI*2);if(sessionConnected){x.fillStyle=isLightMode?'#3a8c3a':'#90ff90';}else{x.globalAlpha=0.4+Math.sin(t*4)*0.3;x.fillStyle=isLightMode?'#c8960a':'#ffb050';}x.fill();x.globalAlpha=1;
+              // Boot timer (subtle, top-right)
+              var sec=(performance.now()-bootStart)/1000;var secT=sec.toFixed(2)+'s';x.font='bold '+(4*S)+'px monospace';x.globalAlpha=0.55;x.fillStyle=isLightMode?'#7a5a20':'#ffd870';x.fillText(secT,W-x.measureText(secT).width-5*S,lY+5*S);x.globalAlpha=1;
+              // Handle (if present)
+              if(uH){var hAge=(performance.now()-hST)/1000,hFade=Math.min(1,hAge*2);x.font='bold '+(5*S)+'px '+SPRING_FONTS_LIGHT[1];x.globalAlpha=hFade*0.85;x.fillStyle=isLightMode?'#5a3a10':'#ffe6a8';x.fillText(uH,5*S,tBaseY+tFS+6*S);x.globalAlpha=1;}
+              // 🌼 MOTD — chars float chaotically among the flowers, each with own font/phase
+              if(motd){var mAge=(performance.now()-motdStart)/1000;var mFade=Math.min(1,mAge*0.5);var maxW=W*0.85;var motdFS=Math.min(18*S,Math.max(8*S,maxW/Math.max(8,motd.length*0.6)));x.font='bold '+motdFS+'px monospace';
+                // Wrap motd into lines using rough char width
+                var roughChars=Math.max(8,Math.floor(maxW/(motdFS*0.6)));var mLines=wrapMotdText(motd,roughChars);var lineH=motdFS*1.4;var startY=H/2-(mLines.length*lineH)/2;
+                // Per-char animation with mixed fonts
+                var charsShown=Math.min(motd.length,Math.floor(mAge*16));var shownSoFar=0;
+                for(var ml=0;ml<mLines.length;ml++){var lineTxt=mLines[ml];
+                  // Measure line with cycling fonts
+                  var lWidths=[],lineTotal=0;for(var ci=0;ci<lineTxt.length;ci++){var f2=SPRING_FONTS_LIGHT[(ci+ml*3)%SPRING_FONTS_LIGHT.length];x.font='bold '+motdFS+'px '+f2;lWidths.push(x.measureText(lineTxt[ci]).width+0.5*S);lineTotal+=lWidths[ci];}
+                  var lx2=(W-lineTotal)/2;
+                  for(var ci=0;ci<lineTxt.length;ci++){if(shownSoFar+ci>=charsShown)break;var ch=lineTxt[ci];if(ch===' '){lx2+=lWidths[ci];continue;}var f2=SPRING_FONTS_LIGHT[(ci+ml*3)%SPRING_FONTS_LIGHT.length];var idx=shownSoFar+ci;var bX=Math.sin(t*1.3+idx*0.6)*4*S;var bY=Math.sin(t*1.7+idx*0.4)*5*S;var rot=Math.sin(t*0.7+idx*0.31)*0.22;var sc=1+Math.sin(t*2+idx*0.5)*0.08;var hue=(idx*22+sf*1.5)%360;
+                    x.save();x.translate(lx2+lWidths[ci]/2+bX,startY+ml*lineH+bY);x.rotate(rot);x.scale(sc,sc);x.font='bold '+motdFS+'px '+f2;
+                    // Outline for legibility
+                    x.lineWidth=Math.max(1,1.2*S);x.strokeStyle=isLightMode?'rgba(255,250,220,0.85)':'rgba(40,30,10,0.85)';x.textAlign='center';
+                    x.globalAlpha=mFade;x.strokeText(ch,0,0);
+                    x.fillStyle='hsl('+hue+','+(isLightMode?75:65)+'%,'+(isLightMode?38:65)+'%)';x.fillText(ch,0,0);
+                    x.restore();lx2+=lWidths[ci];}
+                  shownSoFar+=lineTxt.length;
+                  if(shownSoFar>=charsShown)break;}
+                x.textAlign='left';x.globalAlpha=1;
+                if(motdHandle){var label='mood of the day from '+motdHandle;var labelFS=Math.max(4*S,motdFS*0.4);x.font='italic bold '+labelFS+'px serif';var labelW=x.measureText(label).width;x.globalAlpha=mFade*0.6;x.fillStyle=isLightMode?'#8a5a20':'#ffd070';x.fillText(label,(W-labelW)/2,Math.min(H-3*S,startY+mLines.length*lineH+labelFS*1.3));x.globalAlpha=1;}}
+              // Connection / error overlays (shared with serious)
+              if(connFlash>0.01){x.globalAlpha=connFlash*0.2;x.fillStyle=isLightMode?'#3a8c3a':'#90ff90';x.fillRect(0,0,W,H);x.globalAlpha=1;}
+              if(errorMode||errorFlash>0.01){var errElapsed=errorStartTime?(performance.now()-errorStartTime)/1000:0;if(errorMode&&errElapsed>1.0){x.globalAlpha=1;x.fillStyle='rgb(0,0,0)';x.fillRect(0,0,W,H);}else{x.globalCompositeOperation='screen';x.globalAlpha=errorMode?0.4+Math.sin(t*8)*0.2:errorFlash*0.5;x.fillStyle='rgb(255,40,60)';x.fillRect(0,0,W,H);x.globalCompositeOperation='source-over';x.globalAlpha=1;}}
+              x.globalAlpha=1;requestAnimationFrame(anim);return;}
+            // Serious mode — clean, refined boot animation (legacy option, ?boot=serious)
             if(isSerious){var sbg=isLightMode?'#ffffff':'#000000';x.fillStyle=sbg;x.fillRect(0,0,W,H);
               // Logo with pink bg + chromatic aberration
               var lS=21*S,lX=5*S,lY=5*S;var logoImg=imgFullLoaded?imgFull:img;
-- 
2.51.2