feat(mockups): slot 16 voyage readable; record 14 vs 15 feedback

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

src/index.html

@@ -28,6 +28,7 @@
       <li class="card"><a href="/mockups/13-curtain-call/"><span class="card__num">13</span><h2>Curtain call</h2><p>The frieze curtain that carries you from the 2D story into the 3D sea and down into a landing.</p><p class="card__try">Try this: Press Play, or step through: frieze, sea, Cyclops' Island, frieze, cave. Switch the look (1/2/3).</p></a></li>
       <li class="card"><a href="/mockups/14-voyage-panel/"><span class="card__num">14</span><h2>Voyage with side panel</h2><p>The curtain-call voyage with stylised models and a side panel that stays open: about, paths, lyrics, fan works.</p><p class="card__try">Try this: Play the voyage and watch the panel follow; open Lyrics and Fan works; switch the look (2/3).</p></a></li>
       <li class="card"><a href="/mockups/15-voyage-look2/"><span class="card__num">15</span><h2>Voyage, look 2</h2><p>14 in look 2, with the frieze, panel and world tied together, and the motif paths out in the open.</p><p class="card__try">Try this: Step through the voyage and switch where the paths live (A strip, B in the sea, C timeline).</p></a></li>
+      <li class="card"><a href="/mockups/16-voyage-readable/"><span class="card__num">16</span><h2>Voyage, readable</h2><p>15 with readable type, listening folded into the lyrics, and all three motif paths working together.</p><p class="card__try">Try this: Press play in the panel header, follow the lyrics, collapse the timeline, and turn on threads on the sea.</p></a></li>
     </ul>
   </main>
   <footer data-fan-credits></footer>

src/mockups/16-voyage-readable/index.html

@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Voyage, readable — EPIC Timeline mockup</title>
+  <link rel="stylesheet" href="../../shared/credits.css" />
+  <link rel="stylesheet" href="./style.css" />
+</head>
+<body>
+  <main id="app"></main>
+  <footer data-fan-credits></footer>
+  <script type="module" src="./main.ts"></script>
+</body>
+</html>

src/mockups/16-voyage-readable/main.ts

@@ -0,0 +1,3 @@
+import { mountCredits } from "../../shared/credits";
+
+mountCredits();

src/mockups/16-voyage-readable/style.css

@@ -0,0 +1 @@
+body { margin: 0; --stub-16: 1; }

src/mockups/registry.ts

@@ -46,4 +46,7 @@ export const mockups: MockupInfo[] = [
   { slug: "15-voyage-look2", number: 15, name: "Voyage, look 2",
     pitch: "14 in look 2, with the frieze, panel and world tied together, and the motif paths out in the open.",
     tryThis: "Step through the voyage and switch where the paths live (A strip, B in the sea, C timeline)." },
+  { slug: "16-voyage-readable", number: 16, name: "Voyage, readable",
+    pitch: "15 with readable type, listening folded into the lyrics, and all three motif paths working together.",
+    tryThis: "Press play in the panel header, follow the lyrics, collapse the timeline, and turn on threads on the sea." },
 ];

src/server.ts

@@ -15,6 +15,7 @@ import m11 from "./mockups/12-vellum-atlas/index.html";
 import m12 from "./mockups/13-curtain-call/index.html";
 import m13 from "./mockups/14-voyage-panel/index.html";
 import m14 from "./mockups/15-voyage-look2/index.html";
+import m15 from "./mockups/16-voyage-readable/index.html";
 
 export function startServer(port: number): Server<undefined> {
   return Bun.serve({
@@ -51,6 +52,8 @@ export function startServer(port: number): Server<undefined> {
       "/mockups/14-voyage-panel": Response.redirect("/mockups/14-voyage-panel/", 302),
       "/mockups/15-voyage-look2/": m14,
       "/mockups/15-voyage-look2": Response.redirect("/mockups/15-voyage-look2/", 302),
+      "/mockups/16-voyage-readable/": m15,
+      "/mockups/16-voyage-readable": Response.redirect("/mockups/16-voyage-readable/", 302),
     },
     development: process.env.NODE_ENV !== "production",
     fetch() {