feat(app): app page at /, mockup gallery moved to /mockups/

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

src/app/index.html

@@ -0,0 +1,19 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>EPIC: The Musical Timeline — an unofficial fan voyage</title>
+  <link rel="stylesheet" href="../shared/credits.css" />
+  <link rel="stylesheet" href="./style.css" />
+</head>
+<body>
+  <main id="voyage-app">
+    <section id="stage" aria-label="The voyage"></section>
+    <aside id="panel" aria-label="Song details"></aside>
+    <nav id="timeline" aria-label="Songs and motif threads"></nav>
+  </main>
+  <footer data-fan-credits></footer>
+  <script type="module" src="./main.ts"></script>
+</body>
+</html>

src/app/main.ts

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

src/app/style.css

@@ -0,0 +1,2 @@
+/* The voyage app (spec 002). Tokens and layout are filled in by the plan's tasks. */
+body { margin: 0; background: #1d1712; }

src/mockups/index.html

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>EPIC: The Musical Timeline — design mockups</title>
   <link rel="stylesheet" href="./index.css" />
-  <link rel="stylesheet" href="./shared/credits.css" />
+  <link rel="stylesheet" href="../shared/credits.css" />
 </head>
 <body>
   <main>

src/mockups/index.ts

@@ -1,4 +1,4 @@
-import { mountCredits } from "./shared/credits";
+import { mountCredits } from "../shared/credits";
 
 // Cards are static in index.html (tests/server.test.ts checks each registry entry's name, pitch and tryThis appear here).
 mountCredits();

src/server.ts

@@ -1,6 +1,7 @@
 import type { Server } from "bun";
 import { contentResponse } from "./content/routes";
-import home from "./index.html";
+import app from "./app/index.html";
+import gallery from "./mockups/index.html";
 import m0 from "./mockups/01-editorial/index.html";
 import m1 from "./mockups/02-vertical-story/index.html";
 import m2 from "./mockups/03-transit-map/index.html";
@@ -29,7 +30,9 @@ export function startServer(port: number, opts: ServerOptions = {}): Server<unde
   return Bun.serve({
     port,
     routes: {
-      "/": home,
+      "/": app,
+      "/mockups/": gallery,
+      "/mockups": Response.redirect("/mockups/", 302),
       "/mockups/01-editorial/": m0,
       "/mockups/01-editorial": Response.redirect("/mockups/01-editorial/", 302),
       "/mockups/02-vertical-story/": m1,