Initial homepage

site/index.html

@@ -0,0 +1,66 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="color-scheme" content="dark">
+    <meta name="theme-color" content="#77747f">
+    <meta name="description" content="中枢 - 你也可以变成光">
+    <meta property="og:type" content="website">
+    <meta property="og:site_name" content="中枢">
+    <meta property="og:title" content="中枢">
+    <meta property="og:description" content="你也可以变成光">
+    <meta property="og:url" content="/">
+    <meta property="og:image" content="assets/images/avatar.jpg">
+
+    <title>中枢</title>
+
+    <link rel="canonical" href="/">
+    <link rel="icon" href="assets/images/avatar.jpg" type="image/jpeg">
+    <link rel="manifest" href="site.webmanifest">
+    <link rel="stylesheet" href="assets/css/main.css?v=20260818-3">
+    <script src="assets/js/main.js?v=20260818-3" defer></script>
+  </head>
+  <body>
+    <canvas id="sakura" aria-hidden="true"></canvas>
+
+    <main class="landing">
+      <section class="composition" aria-labelledby="site-title">
+        <div class="portrait-stage">
+          <div class="portrait-ring">
+            <img class="portrait-image" src="assets/images/avatar.jpg" alt="中枢头像">
+            <div class="portrait-frame" aria-hidden="true">
+              <picture class="portrait-frame-slice">
+                <source media="(prefers-reduced-motion: reduce)" srcset="assets/images/avatar-frame-static.png">
+                <img src="assets/images/avatar-frame-animated.png" alt="">
+              </picture>
+            </div>
+          </div>
+        </div>
+
+        <div class="intro">
+          <h1 id="site-title" aria-label="中枢"><span>中</span><span>枢</span></h1>
+          <p class="tagline tagline-chromatic" data-text="你也可以变成光">你也可以变成光</p>
+        </div>
+
+        <!-- Static destinations keep the page usable when JSON or JavaScript is unavailable. -->
+        <nav id="site-navigation" class="destinations" aria-label="站点导航">
+          <a class="destination" href="https://wp.midctrl.com" target="_blank" rel="noopener noreferrer">
+            <span class="destination-label">Blog</span>
+            <span class="external-icon" aria-hidden="true">↗</span>
+          </a>
+          <a class="destination" href="https://tools.midctrl.com" target="_blank" rel="noopener noreferrer">
+            <span class="destination-label">Tools</span>
+            <span class="external-icon" aria-hidden="true">↗</span>
+          </a>
+        </nav>
+
+      </section>
+    </main>
+
+    <footer class="site-footer">
+      <span>&copy; <span id="year">2026</span> midctrl</span>
+    </footer>
+
+  </body>
+</html>