web/index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, minimum-scale=1"
    />
    <link
      rel="preload"
      href="/src/assets/data.json"
      as="fetch"
      type="application/json"
      crossorigin
    />
    <title>Layered</title>
    <meta name="og:site_name" content="分层 / Layered" />
  </head>
  <body>
    <script>
      document.body.style.display = "none";
    </script>
    <root id="root" class="header">
      <div id="scroll-sentinel"></div>
      <nav>
        <!-- SSR: logo[ -->
        <svg id="logo" class="static-patch"></svg>
        <!-- SSR: logo] -->
        <h1 id="brand">
          <span>分层</span>
        </h1>

        <div id="nav-right">
          <div id="lang-sel">
            <button id="lang-zh">中</button>
            <span>/</span>
            <button id="lang-en">EN</button>
          </div>
          <ul id="nav">
            <a class="nav-about" href="/about">关于</a>
            <a href="/tags">标签</a>
            <a href="/search">搜索</a>
          </ul>
        </div>
      </nav>

      <!-- SSR: rendered -->
    </root>
    <link rel="stylesheet" href="/src/style.css" />
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>