67 lines
2.7 KiB
HTML
67 lines
2.7 KiB
HTML
<!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>© <span id="year">2026</span> midctrl</span>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|