learn/index.html at main · zSnout/learn · 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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!doctype html>
<html class="bg-z-body flex h-full w-full flex-col scroll-smooth" lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <title>zSnout Learn</title>
    <meta name="description" content="TODO:description" />
    <link rel="icon" href="/favicon.ico" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />
    <link rel="mask-icon" href="/mask-icon.svg" color="#ffffff" />
    <meta name="theme-color" content="#ffffff" />

    <link rel="canonical" href="https://learn.zsnout.com/" />
    <link rel="stylesheet" href="src/home/index.css" />
    <meta name="generator" content="{Astro.generator}" />
    <meta name="description" content="TODO:description" />

    <meta property="og:site_name" content="zSnout" />
    <meta property="og:url" content="https://learn.zsnout.com/" />
    <meta property="og:title" content="zSnout Learn" />
    <meta property="og:image" content="TODO:imageSrc" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:description" content="TODO:description" />
    <meta property="og:type" content="website" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta property="twitter:domain" content="v8.zsnout.com" />
    <meta property="twitter:url" content="https://learn.zsnout.com/" />
    <meta name="twitter:title" content="zSnout Learn" />
    <meta name="twitter:description" content="TODO:description" />
    <meta name="twitter:image" content="TODO:imageSrc" />
  </head>

  <body
    class="bg-z-body flex flex-1 flex-col scroll-smooth transition [.z-ctxmenu_&]:overflow-hidden"
  >
    <div id="root" class="contents" />
    <script type="module" src="src/home/index.tsx"></script>

    <script>
      const isDeviceDark = matchMedia("(prefers-color-scheme: dark)").matches

      const theme = window.localStorage?.getItem("z8:theme")

      const isDark = isDeviceDark ? theme != "light" : theme == "dark"

      const list = document.documentElement.classList

      requestAnimationFrame(() => {
        list.add("no-transition")
        list.toggle("dark", isDark)

        requestAnimationFrame(() => {
          list.remove("no-transition")
        })
      })
    </script>
  </body>
</html>