index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
    <meta name="theme-color" content="#111312" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png" />
    <link rel="apple-touch-icon" href="/favicon-48.png" />
    <title>Gold Rush</title>
  </head>
  <body>
    <noscript>
      <p style="margin: 24px; font-family: Georgia, 'Times New Roman', serif; color: #efe2c6">Gold Rush is drawn by scripts this browser is not running. Turn them on and the trail opens.</p>
    </noscript>
    <main id="app">
      <canvas id="game-canvas" aria-label="Playable Three.js game canvas"></canvas>
      <section id="hud" aria-live="polite"></section>
      <div id="touch-controls" aria-hidden="true">
        <div id="touch-stick">
          <div id="touch-knob"></div>
        </div>
        <button id="confirm-button" type="button" aria-label="Confirm">OK</button>
      </div>
    </main>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>