javascript-template-uitk-webawesome/index.html at main · python-project-templates/javascript-template-uitk-webawesome · 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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Example brand kit</title>
    <script>
      try {
        const saved = localStorage.getItem('javascript-template-uitk-webawesome.theme');
        const theme =
          saved === 'light' || saved === 'dark'
            ? saved
            : matchMedia('(prefers-color-scheme: dark)').matches
              ? 'dark'
              : 'light';
        document.documentElement.dataset.theme = theme;
      } catch {}
    </script>
  </head>
  <body>
    <main>
      <example-brand-mark></example-brand-mark>
      <h1>Example</h1>
      <p>Shared brand identity, design tokens, and reusable Lit and Web Awesome components.</p>
      <example-theme-toggle data-testid="theme-toggle"></example-theme-toggle>
    </main>
    <script type="module" src="/src/demo.ts"></script>
  </body>
</html>