feat(mockups): slot 15 voyage look 2; record verdict on 14

Co-Authored-By: Claude Opus 5.5 <[email protected]>

src/index.html

@@ -27,6 +27,7 @@
       <li class="card"><a href="/mockups/12-vellum-atlas/"><span class="card__num">12</span><h2>Vellum atlas</h2><p>The atlas overview and island plates of 11, drawn in the vellum portolan style of 10.</p><p class="card__try">Try this: Open Cyclops' Island, pick a theme, and switch the plate's motif style (A/B/C).</p></a></li>
       <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>
     </ul>
   </main>
   <footer data-fan-credits></footer>

src/mockups/15-voyage-look2/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, look 2 — 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/15-voyage-look2/main.ts

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

src/mockups/15-voyage-look2/style.css

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

src/mockups/registry.ts

@@ -43,4 +43,7 @@ export const mockups: MockupInfo[] = [
   { slug: "14-voyage-panel", number: 14, name: "Voyage with side panel",
     pitch: "The curtain-call voyage with stylised models and a side panel that stays open: about, paths, lyrics, fan works.",
     tryThis: "Play the voyage and watch the panel follow; open Lyrics and Fan works; switch the look (2/3)." },
+  { 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)." },
 ];

src/server.ts

@@ -14,6 +14,7 @@ import m10 from "./mockups/11-chart-atlas/index.html";
 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";
 
 export function startServer(port: number): Server<undefined> {
   return Bun.serve({
@@ -48,6 +49,8 @@ export function startServer(port: number): Server<undefined> {
       "/mockups/13-curtain-call": Response.redirect("/mockups/13-curtain-call/", 302),
       "/mockups/14-voyage-panel/": m13,
       "/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),
     },
     development: process.env.NODE_ENV !== "production",
     fetch() {