-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
210 lines (203 loc) · 10.1 KB
/
Copy pathindex.html
File metadata and controls
210 lines (203 loc) · 10.1 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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
<!DOCTYPE html>
<!--
[站点注释 Site Note]
文件: D:\Documents\GitHub\whwdzg.github.io\index.html
作用: 页面结构与内容容器，具体交互由对应 JS/CSS 增强。
English: Defines page markup; behavior and styling are enhanced by JS/CSS.
-->
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>主页</title>
<meta name="author" content="whwdzg">
<meta name="description" content="主页">
<meta name="theme-color" content="#ffffff">
<link rel="manifest" href="/manifest.json">
<link rel="icon" href="/resource/img/shell/favicon.ico" type="image/x-icon">
<link rel="preload" href="/resource/img/shell/favicon.ico" as="image" type="image/x-icon">
<link rel="preload" href="/resource/img/shell/shuiyu.avif" as="image" type="image/avif">
<link rel="preload" href="/resource/img/shell/bg/bg-light-1.png" as="image" type="image/png">
<link rel="preload" href="/css/variables.css" as="style">
<link rel="preload" href="/resource/font/FluentSystemIcons-Regular.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="/css/variables.css">
<link rel="stylesheet" href="/css/input.css">
<link rel="stylesheet" href="/css/header.css">
<link rel="stylesheet" href="/css/sidebar.css">
<link rel="stylesheet" href="/css/main-content.css">
<link rel="stylesheet" href="/css/footer.css">
<link rel="stylesheet" href="/css/lightbox.css">
<link rel="stylesheet" href="/css/settings-modal.css">
<link rel="stylesheet" href="/css/scroll-to-top.css">
<link rel="stylesheet" href="/resource/font/FluentSystemIcons-Regular.css">
<script src="/js/pwa/register-sw.js" defer></script>
<script src="/js/theme.js" defer></script>
<script src="/js/sidebar.js" defer></script>
<script src="/js/lightbox.js" defer></script>
<script src="/js/avatar.js" defer></script>
<script src="/js/scroll-to-top.js" defer></script>
<script src="/js/search.js" defer></script>
<script src="/js/spa-router.js" defer></script>
<script src="/js/settings-modal.js" defer></script>
<link rel="stylesheet" href="/css/column.css">
</head>
<body>
<div id="shell-root"></div>
<script src="/js/shell-loader.js"></script>
<main>
<section class="hero-pane" id="home">
<p class="hero-eyebrow">主页</p>
<h1>水鱼 Blog</h1>
<p class="hero-lead">
滄海水魚个人网站，陈列项目、工具、社交媒体。
</p>
<div class="hero-actions">
<a class="component-btn component-btn--standard" href="/projects/modrinth.html">Modrinth 项目</a>
<a class="component-btn component-btn--flat" href="/column/comments.html">留言板</a>
<a class="component-btn component-btn--flat" href="/media/bilibili.html">哔哩哔哩视频</a>
<a class="component-btn component-btn--standard" href="/projects/better-crafting-recipes.html">更好的合成配方</a>
<a class="component-btn component-btn--standard" href="/projects/better-mob-drops.html">更好的生物掉落</a>
<a class="component-btn component-btn--flat" href="/projects/better-enchanting.html">更好附魔</a>
</div>
<div class="hero-meta">
<div>
<strong>个人项目</strong>
<span>Modrinth / Github</span>
</div>
<div>
<strong>社交媒体</strong>
<span>哔哩哔哩 / 专栏</span>
</div>
<div>
<strong>工具</strong>
<span>编解码、Minecraft相关等</span>
</div>
</div>
</section>
<section class="summary" aria-labelledby="summary-title">
<div class="section-heading">
<h2 id="summary-title">当前头条</h2>
<p>2.0版本正式上线！查看新版本亮点：</p>
</div>
<ul class="summary-grid">
<li>
<h3>单页壳层</h3>
<p>header、sidebar、footer 共享壳层，由 includes/shell.html 注入并由 spa-router 与 sidebar.js 维持当前状态。</p>
</li>
<li>
<h3>交互模块</h3>
<p>滚动返回、搜索、轻量 lightbox 与设置面板按需加载，保持首屏快速渲染。</p>
</li>
<li>
<h3>资源归档</h3>
<p>projects、column、video-archive 与 Legacy 1.0 记录多个迭代主题与作品内容。</p>
</li>
<li>
<h3>技术迭代</h3>
<p>PWA 注册脚本、多语言 JSON 与变量驱动的主题搭建了 2.0 的基础。</p>
</li>
<li>
<h3>现代功能</h3>
<p>出色的动画设计、深色模式支持、多种个性化选项。</p>
</li>
<li>
<h3>Minecraft 数据包</h3>
<p>通过实时加载数据包内容，呈现数据包详细数据。</p>
</li>
</ul>
</section>
<section class="spotlights" aria-labelledby="spotlights-title">
<div class="section-heading">
<h2 id="spotlights-title">精选页面</h2>
<p>点击快速跳转至精选页面。</p>
</div>
<div class="spotlight-grid">
<article class="spotlight-card">
<p class="spotlight-tag">数据包</p>
<h3>更好的合成配方</h3>
<p>新增许多便捷的合成表，在不破坏难度下优化游玩流程。</p>
<a class="spotlight-link" href="/projects/better-crafting-recipes.html">前往项目首页</a>
</article>
<article class="spotlight-card">
<p class="spotlight-tag">Modrinth 项目</p>
<h3>更好附魔</h3>
<p>使更多物品可以被附魔，增强已有附魔的使用对象。</p>
<a class="spotlight-link" href="/projects/better-enchanting.html">前往项目首页</a>
</article>
<article class="spotlight-card">
<p class="spotlight-tag">Modrinth 项目</p>
<h3>更好的生物掉落</h3>
<p>优化生物掉落，使生物掉落更加合理。</p>
<a class="spotlight-link" href="/projects/better-mob-drops.html">前往项目首页</a>
</article>
<article class="spotlight-card">
<p class="spotlight-tag">Modrinth 项目</p>
<h3>Modrinth</h3>
<p>收录在 modrinth的插件、数据包、模组。</p>
<a class="spotlight-link" href="/projects/modrinth.html">前往 Modrinth 页</a>
</article>
<article class="spotlight-card">
<p class="spotlight-tag">Github 项目</p>
<h3>Github</h3>
<p>收录在 Github 的插件、数据包、模组。</p>
<a class="spotlight-link" href="/projects/github.html">前往 Github 页</a>
</article>
<article class="spotlight-card">
<p class="spotlight-tag">专栏</p>
<h3>留言板</h3>
<p>留言板承载了现场即兴感，结合 lightbox 提供沉浸翻阅体验。</p>
<a class="spotlight-link" href="/column/comments.html">查看评论</a>
</article>
<article class="spotlight-card">
<p class="spotlight-tag">视频</p>
<h3>哔哩哔哩存档</h3>
<p>通过 media 集合哔哩哔哩视频与字幕，支持直接播放与筛选浏览。</p>
<a class="spotlight-link" href="/media/bilibili.html">浏览视频</a>
</article>
<article class="spotlight-card">
<p class="spotlight-tag">关于</p>
<h3>站点说明</h3>
<p>关于页面与 manifest 提供 PWA 元数据。</p>
<a class="spotlight-link" href="/about.html">阅读关于</a>
</article>
</div>
</section>
<section class="timeline" aria-labelledby="timeline-title">
<div class="section-heading">
<h2 id="timeline-title">近期更新</h2>
<p>从 1.0 到 2.0 的持续打磨。</p>
</div>
<ol>
<li>
<span class="timeline-year">2022</span>
<div>
<strong>Legacy 1.0</strong>
<p>以传统静态页面打底，创建页面与 README。</p>
</div>
</li>
<li>
<span class="timeline-year">2025</span>
<div>
<strong>2.0 架构搭建</strong>
<p>引入共用壳层、动态语言包与交互脚本，构建单页导航体验。</p>
</div>
</li>
<li>
<span class="timeline-year">当前版本</span>
<div>
<strong>持续优化</strong>
<p>版本 2.1.0.0-20260726<br>
重写音乐、视频页控件样式<br>
优化音乐歌词显示、识别；视频弹幕优化，支持字幕<br>
重写设置页控件样式<br>
重写页尾样式<br>
重写全站样式<br>
修复bug<br>
删除无用资源</p>
</div>
</li>
</ol>
</section>
</main>
</body>
</html>