UnUseDomain/index.html at main · NextCandy/UnUseDomain · 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
<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
    <meta name="theme-color" content="#f6f5f0" />
    <meta name="unusedomain-build" content="unusedomain-2026-07-20-v1" />
    <meta name="description" content="Unused Domains List" />
    <meta property="og:title" content="UnUseDomain" />
    <meta property="og:description" content="Unused Domains List" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://unusedomain.com/" />
    <meta property="og:image" content="https://unusedomain.com/unusedomain-logo.png" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="UnUseDomain" />
    <meta name="twitter:description" content="Unused Domains List" />
    <meta name="twitter:image" content="https://unusedomain.com/unusedomain-logo.png" />
    <link rel="canonical" href="https://unusedomain.com/" />
    <link rel="icon" href="/favicon.ico" sizes="any" />
    <link rel="icon" href="/favicon-32x32.png" type="image/png" sizes="32x32" />
    <link rel="icon" href="/favicon-16x16.png" type="image/png" sizes="16x16" />
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
    <link rel="manifest" href="/manifest.webmanifest" />
    <!-- 全部字体自托管：Google Fonts 在中国大陆不可达，任何外链 stylesheet 都会阻塞渲染
         直到连接超时（国内用户白屏 20 秒以上）。中文依赖系统字体栈（PingFang SC / 微软雅黑）。 -->
    <link rel="preload" href="/fonts/manrope-latin-400-800.woff2" as="font" type="font/woff2" crossorigin />
    <title>UnUseDomain · Domain Gallery</title>
    <!-- 主题必须在首帧之前定下来：放到 React 里读 localStorage 会先按浅色画一帧再翻深色，
         深色用户每次进站都闪一下白。这段同步脚本在样式应用前就把 data-theme 落到 <html>，
         同时把 theme-color 对齐，避免移动端地址栏留在浅色。
         没有存过偏好就跟随系统；脚本始终写出显式值，CSS 只需 :root 与 [data-theme="dark"] 两个分支。 -->
    <script>
      (function () {
        try {
          var stored = localStorage.getItem("unusedomain-theme");
          var theme = stored === "light" || stored === "dark"
            ? stored
            : (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
          document.documentElement.setAttribute("data-theme", theme);
          var meta = document.querySelector('meta[name="theme-color"]');
          if (meta) meta.setAttribute("content", theme === "dark" ? "#12201b" : "#f6f5f0");
        } catch (error) {
          document.documentElement.setAttribute("data-theme", "light");
        }
      })();
    </script>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/client/main.tsx"></script>
  </body>
</html>