sky-viewer/index.html at main · ContextLab/sky-viewer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover" />
    <meta name="theme-color" content="#05070f" />
    <meta name="description" content="Pick a date, location, and direction — see the sky." />
    <title>Sky-viewer</title>
    <!-- FR-001/FR-013: no external runtime calls. UI falls back to the
         system font stack defined in app.css. A future polish pass may
         self-host DM Sans / DM Mono as bundled woff2 to get the intended
         typography without a CDN fetch. -->
    <link rel="stylesheet" href="./app.css" />
  </head>
  <body>
    <noscript>
      <p style="padding:2rem;color:#fff;background:#05070f">
        Sky-viewer needs JavaScript. Please enable it or try a different browser.
      </p>
    </noscript>

    <main id="app" aria-label="Sky visualization">
      <!-- Canvas + UI overlay get injected by src/app/main.ts -->
      <canvas id="sky" data-ready="false" aria-hidden="true"></canvas>

      <h1 class="sr-only" id="page-title">Sky-viewer</h1>
      <div
        id="a11y-summary"
        class="sr-only"
        role="status"
        aria-live="polite"
        aria-atomic="true"
      ></div>

      <div id="caveat-banner" class="banner" role="alert" hidden></div>
      <div id="ui-overlay" class="overlay"></div>
    </main>

    <script type="module" src="./app.js"></script>
  </body>
</html>