Added Header to games/<game>/index.html

DavidQ · DavidQ · commit 6b77f05b602f · 2026-04-20T19:50:54.000-04:00
diff --git a/games/AITargetDummy/index.html b/games/AITargetDummy/index.html
@@ -10,8 +10,10 @@
   <meta charset="UTF-8" />
   <title>AI Target Dummy</title>
   <link rel="stylesheet" href="/src/engine/ui/baseLayout.css" />
+  <link rel="stylesheet" href="../../src/engine/theme/main.css" />
 </head>
-<body>
+<body class="hub-page-games">
+  <div id="shared-theme-header"></div>
   <main>
     <h1>AI Target Dummy</h1>
     <p>AI behavior lab focused on deterministic state transitions: idle, chase, attack, cooldown, and recover.</p>
@@ -37,5 +39,6 @@ <h3>Engine Classes Used</h3>
     </section>
   </main>
   <script type="module" src="./main.js"></script>
+  <script type="module" src="../../src/engine/theme/mount-shared-header.js"></script>
 </body>
 </html>
diff --git a/games/Asteroids/index.html b/games/Asteroids/index.html
@@ -11,8 +11,10 @@
   <title>Asteroids New - Parallel Lane</title>
   <link rel="stylesheet" href="/src/engine/ui/baseLayout.css" />
   <link rel="stylesheet" href="/games/shared/styles/vectorBattleFont.css" />
+  <link rel="stylesheet" href="../../src/engine/theme/main.css" />
 </head>
-<body>
+<body class="hub-page-games">
+  <div id="shared-theme-header"></div>
   <main>
     <h1>Asteroids New - Parallel Lane</h1>
     <p>Parallel Asteroids lane for boot and gameplay validation.</p>
@@ -27,5 +29,6 @@ <h3>Boot Check</h3>
     </section>
   </main>
   <script type="module" src="./index.js"></script>
+  <script type="module" src="../../src/engine/theme/mount-shared-header.js"></script>
 </body>
 </html>
diff --git a/games/GravityWell/index.html b/games/GravityWell/index.html
@@ -10,8 +10,10 @@
   <meta charset="UTF-8" />
   <title>Gravity Well</title>
   <link rel="stylesheet" href="/src/engine/ui/baseLayout.css" />
+  <link rel="stylesheet" href="../../src/engine/theme/main.css" />
 </head>
-<body>
+<body class="hub-page-games">
+  <div id="shared-theme-header"></div>
   <main>
     <h1>Gravity Well</h1>
     <p>Vector-space flight game built around orbital pull. Rotate, thrust, and slingshot through gravity wells to collect all beacons without crashing into a planet or drifting out of bounds.</p>
@@ -47,6 +49,7 @@ <h3>Engine Classes Used</h3>
 
   </main>
   <script type="module" src="./main.js"></script>
+  <script type="module" src="../../src/engine/theme/mount-shared-header.js"></script>
 </body>
 </html>
 
diff --git a/games/Pacman/index.html b/games/Pacman/index.html
@@ -10,8 +10,10 @@
   <meta charset="UTF-8" />
   <title>Pacman</title>
   <link rel="stylesheet" href="/src/engine/ui/baseLayout.css" />
+  <link rel="stylesheet" href="../../src/engine/theme/main.css" />
 </head>
-<body>
+<body class="hub-page-games">
+  <div id="shared-theme-header"></div>
   <main>
     <h1>Pacman</h1>
     <p>Arcade-style Pac-Man with ghost personalities, scatter/chase/frightened timing, and deterministic target-tile routing.</p>
@@ -33,5 +35,6 @@ <h3>Engine Classes Used</h3>
     </section>
   </main>
   <script type="module" src="./main.js"></script>
+  <script type="module" src="../../src/engine/theme/mount-shared-header.js"></script>
 </body>
 </html>
diff --git a/games/SolarSystem/index.html b/games/SolarSystem/index.html
@@ -10,8 +10,10 @@
   <meta charset="UTF-8" />
   <title>Solar System</title>
   <link rel="stylesheet" href="/src/engine/ui/baseLayout.css" />
+  <link rel="stylesheet" href="../../src/engine/theme/main.css" />
 </head>
-<body>
+<body class="hub-page-games">
+  <div id="shared-theme-header"></div>
   <main>
     <h1>Solar System</h1>
     <p>A readable stylized solar-system simulation with the Sun, all eight planets, selected moons, scaled orbital motion, and simple time controls.</p>
@@ -36,5 +38,6 @@ <h3>Engine Classes Used</h3>
     </section>
   </main>
   <script type="module" src="./main.js"></script>
+  <script type="module" src="../../src/engine/theme/mount-shared-header.js"></script>
 </body>
 </html>
diff --git a/games/SpaceDuel/index.html b/games/SpaceDuel/index.html
@@ -10,8 +10,10 @@
   <meta charset="UTF-8" />
   <title>Space Duel</title>
   <link rel="stylesheet" href="/src/engine/ui/baseLayout.css" />
+  <link rel="stylesheet" href="../../src/engine/theme/main.css" />
 </head>
-<body>
+<body class="hub-page-games">
+  <div id="shared-theme-header"></div>
   <main>
     <h1>Space Duel</h1>
     <p>Arcade-style vector combat with inertial thrust movement, rotating ships, enemy splits, and same-screen one or two player play.</p>
@@ -47,5 +49,6 @@ <h3>Engine Classes Used</h3>
     </section>
   </main>
   <script type="module" src="./main.js"></script>
+  <script type="module" src="../../src/engine/theme/mount-shared-header.js"></script>
 </body>
 </html>
diff --git a/games/SpaceInvaders/index.html b/games/SpaceInvaders/index.html
@@ -10,8 +10,10 @@
   <meta charset="UTF-8" />
   <title>Space Invaders Next</title>
   <link rel="stylesheet" href="/src/engine/ui/baseLayout.css" />
+  <link rel="stylesheet" href="../../src/engine/theme/main.css" />
 </head>
-<body>
+<body class="hub-page-games">
+  <div id="shared-theme-header"></div>
   <main>
     <h1>Space Invaders Next</h1>
     <p>Classic-style alien formation shooter with disciplined single-shot play, descending ranks, lives, score, and wave progression.</p>
@@ -44,6 +46,7 @@ <h3>Engine Classes Used</h3>
     </section>
   </main>
   <script type="module" src="./main.js"></script>
+  <script type="module" src="../../src/engine/theme/mount-shared-header.js"></script>
 </body>
 </html>
 
diff --git a/games/_template/index.html b/games/_template/index.html
@@ -5,8 +5,10 @@
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>Game Template</title>
   <link rel="stylesheet" href="/src/engine/ui/baseLayout.css" />
+  <link rel="stylesheet" href="../../src/engine/theme/main.css" />
 </head>
-<body>
+<body class="hub-page-games">
+  <div id="shared-theme-header"></div>
   <main>
     <h1>Game Template</h1>
     <p>Replace this entrypoint with your game-specific shell.</p>
@@ -39,5 +41,6 @@ <h1>Game Template</h1>
       );
     }
   </script>
+  <script type="module" src="../../src/engine/theme/mount-shared-header.js"></script>
 </body>
 </html>
diff --git a/games/bouncing-ball/index.html b/games/bouncing-ball/index.html
@@ -10,8 +10,10 @@
   <meta charset="UTF-8" />
   <title>Bouncing Ball</title>
   <link rel="stylesheet" href="/src/engine/ui/baseLayout.css" />
+  <link rel="stylesheet" href="../../src/engine/theme/main.css" />
 </head>
-<body>
+<body class="hub-page-games">
+  <div id="shared-theme-header"></div>
   <main>
     <h1>Bouncing Ball</h1>
     <p>A minimal arcade-style ball motion test built as a standalone game: one ball, one rectangular arena, clean wall bounces, and no gravity.</p>
@@ -36,6 +38,7 @@ <h3>Engine Classes Used</h3>
     </section>
   </main>
   <script type="module" src="./main.js"></script>
+  <script type="module" src="../../src/engine/theme/mount-shared-header.js"></script>
 </body>
 </html>
 
diff --git a/games/breakout/index.html b/games/breakout/index.html
@@ -11,8 +11,10 @@
   <title>Breakout - Debug Showcase</title>
   <link rel="stylesheet" href="/src/engine/ui/baseLayout.css" />
   <link rel="stylesheet" href="/samples/shared/debugShowcaseControls.css" />
+  <link rel="stylesheet" href="../../src/engine/theme/main.css" />
 </head>
-<body>
+<body class="hub-page-games">
+  <div id="shared-theme-header"></div>
   <main>
     <h1>Breakout - Debug Showcase</h1>
     <p>Classic single-screen brick breaker debug showcase with crisp paddle control, rectangular arcade visuals, keyboard and gamepad support, and a minimal score-and-lives HUD.</p>
@@ -50,6 +52,7 @@ <h3>Engine + Debug Classes Used</h3>
     </section>
   </main>
   <script type="module" src="./main.js"></script>
+  <script type="module" src="../../src/engine/theme/mount-shared-header.js"></script>
 </body>
 </html>
 
diff --git a/games/pong/index.html b/games/pong/index.html
@@ -10,8 +10,10 @@
   <meta charset="UTF-8" />
   <title>Pong</title>
   <link rel="stylesheet" href="/src/engine/ui/baseLayout.css" />
+  <link rel="stylesheet" href="../../src/engine/theme/main.css" />
 </head>
-<body>
+<body class="hub-page-games">
+  <div id="shared-theme-header"></div>
   <main>
     <h1>Pong</h1>
     <p>Arcade-style Pong build with Tennis, Hockey, Handball, and Jai-Alai modes, paddle english, and keyboard/gamepad support.</p>
@@ -41,6 +43,7 @@ <h3>Engine Classes Used</h3>
     </section>
   </main>
   <script type="module" src="./main.js"></script>
+  <script type="module" src="../../src/engine/theme/mount-shared-header.js"></script>
 </body>
 </html>
 
diff --git a/games/vector-arcade-sample/index.html b/games/vector-arcade-sample/index.html
@@ -5,13 +5,16 @@
   <title>Vector Arcade Sample</title>
   <link rel="stylesheet" href="/src/engine/ui/baseLayout.css" />
   <link rel="stylesheet" href="/games/shared/styles/vectorBattleFont.css" />
+  <link rel="stylesheet" href="../../src/engine/theme/main.css" />
 </head>
-<body>
+<body class="hub-page-games">
+  <div id="shared-theme-header"></div>
   <main>
     <h1>Vector Arcade Sample</h1>
     <p>Standalone sample game built from the reusable vector-native arcade template.</p>
     <canvas id="game" width="960" height="720"></canvas>
   </main>
   <script type="module" src="./main.js"></script>
+  <script type="module" src="../../src/engine/theme/mount-shared-header.js"></script>
 </body>
 </html>
