launchpad/index.html at main · prophen/launchpad · 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
42
43
44
45
<!doctype html>
<!--
  Active theme is set on the <html> element below.
  To switch themes, change `data-theme` to any id defined in src/themes.ts.
  Color values per theme live in src/themes.css.
-->
<html lang="en" data-theme="launchpad">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" href="/launchpad-favicon.svg" type="image/svg+xml" />
    <meta name="theme-color" content="#285e61" />
    <meta
      name="description"
      content="A calm client portal for getting website projects ready to launch."
    />
    <title>Launchpad — Client projects, ready to launch</title>
    <!--
      First-paint background, keyed to the data-theme attribute above.
      Without this the browser paints white until the CSS bundle arrives —
      a hard flash on the dark themes. Each value mirrors --color-background
      in src/styles.css (slate) / src/themes.css; keep them in sync when
      adding or editing themes.
    -->
    <style>
      html {
        background-color: #0a0a0a;
        color-scheme: dark;
      }
      html[data-theme="paper"] {
        background-color: #ffffff;
        color-scheme: light;
      }
      html[data-theme="launchpad"] {
        background-color: #f6f7f3;
        color-scheme: light;
      }
      /* Add one line per theme you create, mirroring its --color-background. */
    </style>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>