Split the gallery into sections with a divider, start the colored set

Generators now live in gen/<section>/<subject>/<action>.js; the section
folder picks where a tile shows in the gallery and isn't part of the URL.
The first 50 are in gen/bw, a dashed divider follows, then gen/color.

First colored ones: fox/sleep, pig/oink, duck/swim, whale/spout,
turtle/walk, owl/blink, crab/dance, butterfly/flutter, dino/stomp,
jellyfish/pulse.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

gen/bw/snail/crawl.js

@@ -0,0 +1,21 @@
+// snail inching along in place: body stretches and bunches up, shell rocks, eye stalks wobble
+const{sin,cos,PI}=Math,T=2*PI
+export const delay=90
+export default(c,t)=>{
+  const f=196+12*sin(t*T),b=56+12*sin(t*T-1.4),w=3*sin(2*T*t)
+  for(const[l,s,r]of[[38,'#111',26],[24,'#fff',19]]){
+    c.lineWidth=l;c.strokeStyle=c.fillStyle=s
+    c.beginPath();c.moveTo(b,210);c.lineTo(f-14,210);c.quadraticCurveTo(f,208,f,180);c.stroke()
+    c.beginPath();c.arc(f,172,r,0,T);c.fill()
+  }
+  c.lineWidth=7;c.strokeStyle='#111';c.fillStyle='#fff'
+  const sx=(b+f)/2-14,sy=150+2*sin(2*T*t),r=.08*sin(t*T-.7)
+  c.beginPath();c.arc(sx,sy,50,0,T);c.fill();c.stroke()
+  c.lineWidth=6;c.beginPath();for(let a=0;a<3.6*PI;a+=.1)c.lineTo(sx+(4+a*3.6)*cos(a+r*6),sy+(4+a*3.6)*sin(a+r*6));c.stroke()
+  for(const[x0,x1,y1]of[[f-8,f-16+w,118],[f+6,f+14-w,122]]){
+    for(const[l,s]of[[12,'#111'],[5,'#fff']])c.lineWidth=l,c.strokeStyle=s,c.beginPath(),c.moveTo(x0,160),c.lineTo(x1,y1),c.stroke()
+    c.lineWidth=5;c.strokeStyle='#111';c.beginPath();c.arc(x1,y1,8,0,T);c.fill();c.stroke()
+    c.fillStyle='#111';c.beginPath();c.arc(x1+2,y1,4,0,T);c.fill();c.fillStyle='#fff'
+  }
+  c.beginPath();c.arc(f+4,174,9,.1*PI,.7*PI);c.stroke()
+}