fix: add 404 page and reject unknown sub-paths under /world/

Adds a custom 404.html page and client-side path validation in world/index.html so that unknown sub-paths like /world/api or /world/nonexistent redirect to the 404 page instead of silently loading the Workshop SPA. Fixes #8 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
[loop-cycle] feat: aw-post CLI — --from-x, --file, --help (#219 ) (#3 )
2026-03-22 18:06:08 -04:00 · 2026-03-18 21:46:11 -04:00
2 changed files with 64 additions and 0 deletions
--- a/404.html
+++ b/404.html
@@ -0,0 +1,55 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Lost in the Tower</title>
  <style>
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body {
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background: #0a0a0f;
      color: #e0d8c8;
      font-family: Georgia, 'Times New Roman', serif;
    }
    h1 {
      font-size: 1.4rem;
      font-weight: normal;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      margin-bottom: 1.5rem;
      color: #8a7f6a;
    }
    p {
      font-size: 0.9rem;
      color: #6a6050;
      margin-bottom: 2rem;
    }
    a {
      color: #8a7f6a;
      text-decoration: none;
      padding: 0.8rem 2rem;
      border: 1px solid #2a2520;
      transition: border-color 0.3s, color 0.3s;
    }
    a:hover {
      border-color: #8a7f6a;
      color: #fff;
    }
  </style>
 </head>
 <body>
  <h1>Lost in the Tower</h1>
  <p>This room doesn't exist.</p>
  <a href="/">Return to the Entry Hall</a>
 </body>
 </html>
--- a/world/index.html
+++ b/world/index.html
@@ -31,6 +31,15 @@
      <p><a href="/">← Back to the Tower</a></p>
    </div>
  </div>
  <!-- Reject unknown sub-paths: only /world/ is valid -->
  <script>
    (function() {
      var path = window.location.pathname.replace(/\/+$/, '') || '/';
      if (path !== '/world') {
        window.location.replace('/404.html');
      }
    })();
  </script>
  <!-- Three.js scene will mount to #scene -->
  <!-- <script type="module" src="main.js"></script> -->
 </body>