Repository navigation
Expand file tree
/
Copy patharticle.html
More file actions
100 lines (92 loc) · 4.37 KB
/
Copy patharticle.html
File metadata and controls
100 lines (92 loc) · 4.37 KB
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script>
try {
if (sessionStorage.getItem("drluffy.exploreSessionSeen") !== "1") {
document.documentElement.classList.add("drluffy-gate-pending");
}
} catch {
document.documentElement.classList.add("drluffy-gate-pending");
}
</script>
<title>Article | 10WTW01</title>
<link rel="stylesheet" href="/assets/css/tokens.css">
<link rel="stylesheet" href="/assets/css/main.css">
</head>
<body data-page="article">
<canvas id="particle-canvas" aria-hidden="true"></canvas>
<div class="wallpaper-layer" id="wallpaper-layer" aria-hidden="true"></div>
<section id="entry-gate" class="entry-gate" aria-hidden="false">
<div class="entry-gate-panel glass-panel">
<p class="eyebrow entry-status" data-i18n="entry_label">System Ready</p>
<h1 class="entry-title" data-i18n="entry_title">10WTW01</h1>
<p class="subtitle entry-subtitle" data-i18n="entry_subtitle">A futuristic personal space is waiting behind this portal.</p>
<button id="explore-button" class="btn btn-primary" data-i18n="entry_explore">Explore</button>
</div>
</section>
<header class="site-header" id="site-header">
<div class="brand">10WTW01</div>
<nav class="main-nav" id="main-nav" aria-label="Main navigation">
<a href="/index.html" data-i18n="nav_home">Home</a>
<a href="/about.html" data-i18n="nav_about">About</a>
<a href="/articles.html" class="active" data-i18n="nav_articles">Articles</a>
</nav>
<div class="header-actions">
<label class="theme-switch" for="theme-toggle" data-i18n-title="theme_toggle_title">
<span class="theme-icon" aria-hidden="true">☀</span>
<input id="theme-toggle" class="theme-switch-input" type="checkbox" role="switch">
<span class="theme-switch-track"><span class="theme-switch-thumb"></span></span>
<span class="theme-icon" aria-hidden="true">☾</span>
</label>
<button id="lang-toggle" class="btn btn-secondary lang-toggle" data-i18n="lang_toggle">中文</button>
</div>
</header>
<main class="page-shell article-layout">
<article class="glass-panel" id="article-content"></article>
<aside class="glass-panel toc-panel" id="toc-panel">
<h3 data-i18n="article_contents">Contents</h3>
<nav id="article-toc"></nav>
</aside>
<section class="glass-panel article-nav" id="article-nav"></section>
</main>
<footer class="site-footer glass-panel" aria-label="Site statistics">
<span data-i18n="footer_visits">Visits</span>
<strong id="visit-count">-</strong>
</footer>
<aside id="cat-widget" class="cat-widget" aria-label="Scroll assistant cat">
<div class="pulley"></div>
<div class="rope" id="cat-rope"></div>
<div class="food" id="cat-food"></div>
<img class="cat-svg" id="cat-svg" alt="">
<div class="cat" id="cat-character"><span class="cat-ears"></span><span class="cat-eyes"></span></div>
<div class="cat-bubble" id="cat-bubble" aria-live="polite"></div>
</aside>
<section class="idle-overlay" id="idle-overlay" aria-hidden="true">
<div class="idle-content glass-panel">
<header>
<h2 data-i18n="slideshow_title">Photo Showcase</h2>
<div class="inline-actions">
<button id="slideshow-prev" class="btn btn-secondary" data-i18n="slideshow_prev">Prev</button>
<button id="slideshow-next" class="btn btn-secondary" data-i18n="slideshow_next">Next</button>
<button id="exit-slideshow" class="btn btn-primary" data-i18n="slideshow_exit">Exit</button>
</div>
</header>
<div id="slideshow-stage" class="slideshow-stage">
<div id="slideshow-frame" class="slideshow-frame">
<img id="slideshow-image" class="slideshow-image" alt="">
</div>
</div>
<p id="slideshow-caption" class="slideshow-caption"></p>
<p class="slideshow-hint" data-i18n="slideshow_hint">Click photo to zoom. Swipe or use the controls to browse.</p>
</div>
</section>
<section class="lightbox" id="lightbox" aria-hidden="true">
<button id="lightbox-close" class="lightbox-close" type="button" data-i18n="lightbox_close">Close</button>
<img id="lightbox-image" class="lightbox-image" alt="">
</section>
<script type="module" src="/assets/js/main.js"></script>
</body>
</html>