Add Chromacode Lab — text-to-color p5.js visualization

Each word in the uploaded text becomes a colored block on thin horizontal
bands; block width encodes word length, color encodes the word itself (same
word always gets same color via char-code hash). Five curated palettes:
Risograph, Signal, Botanical, Archive, and Mono. Controls for px-per-char
scale, bar height, guide lines, and paragraph-break spacing. Exports PNG
via p5.js saveCanvas. Nav updated across all pages.

https://claude.ai/code/session_01P79Q1zXKm29o3kqd2rmHMD

Author: claude

about.html

@@ -17,6 +17,7 @@
         <a href="long-tail-lab.html">Long Tail Lab</a>
         <a href="grid-it-lab.html">Grid-It Lab</a>
         <a href="letter-replacement-lab.html">Letter Swap</a>
+        <a href="chromacode-lab.html">Chromacode</a>
         <a href="about.html">About</a>
     </nav>
 

alphabetizer-lab.html

@@ -17,6 +17,7 @@
         <a href="long-tail-lab.html">Long Tail Lab</a>
         <a href="grid-it-lab.html">Grid-It Lab</a>
         <a href="letter-replacement-lab.html">Letter Swap</a>
+        <a href="chromacode-lab.html">Chromacode</a>
         <a href="about.html">About</a>
     </nav>