Repository navigation
Expand file tree
/
Copy pathgallery.html
More file actions
246 lines (246 loc) · 51.2 KB
/
Copy pathgallery.html
File metadata and controls
246 lines (246 loc) · 51.2 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
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title data-zh="作品 · simoncos">Work · simoncos</title>
<meta name="description" content="Apps, research, talks and explainers, games, music and films from simoncos.">
<meta name="author" content="simoncos">
<link rel="canonical" href="https://simoncos.github.io/gallery.html">
<meta property="og:type" content="website">
<meta property="og:title" content="Work · simoncos">
<meta property="og:description" content="Apps, research, talks and explainers, games, music and films from simoncos.">
<meta property="og:url" content="https://simoncos.github.io/gallery.html">
<meta property="og:site_name" content="simoncos">
<meta property="og:image" content="https://simoncos.github.io/assets/og/og-work-v2.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="simoncos — Work / 作品">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Work · simoncos">
<meta name="twitter:description" content="Apps, research, talks and explainers, games, music and films from simoncos.">
<meta name="twitter:image" content="https://simoncos.github.io/assets/og/og-work-v2.jpg">
<meta name="twitter:image:alt" content="simoncos — Work / 作品">
<!-- site-shell:resources:start -->
<link rel="icon" type="image/png" sizes="32x32" href="assets/icons/favicon-32.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/icons/apple-touch-icon.png">
<link rel="alternate" type="application/rss+xml" title="simoncos RSS (中文)" href="feed.zh.xml">
<link rel="alternate" type="application/rss+xml" title="simoncos RSS (English)" href="feed.en.xml">
<link rel="alternate" hreflang="en" href="https://simoncos.github.io/gallery.html">
<link rel="alternate" hreflang="zh-Hans" href="https://simoncos.github.io/gallery.html?lang=zh">
<link rel="alternate" hreflang="x-default" href="https://simoncos.github.io/gallery.html">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Geist:wght@300..700&family=Noto+Sans+SC:wght@400..700&display=swap"></noscript>
<script src="src/js/theme-init.js?v=5b1326e6db90"></script>
<link rel="stylesheet" href="src/css/styles.css?v=13625ac29d93">
<script src="src/js/site.js?v=151f77791807" defer></script>
<script src="src/js/work.js?v=8d1830c5b237" defer></script>
<script src="https://static.cloudflareinsights.com/beacon.min.js" defer data-cf-beacon="{"token":"27d42618c53846ada3300ce4fefe0f94"}"></script>
<!-- site-shell:resources:end -->
</head>
<body>
<!-- site-shell:header:start -->
<a class="skip" href="#main"><span data-l="en">Skip to content</span><span data-l="zh" lang="zh-Hans">跳到正文</span></a>
<header class="hdr">
<a class="brand" href="index.html" aria-label="simoncos — home" data-zh-aria-label="simoncos — 首页" data-i18n="aria-label"><span class="brand-dot" aria-hidden="true"></span><span>simoncos</span></a>
<div class="hdr-right">
<nav class="hdr-nav" aria-label="Primary" data-zh-aria-label="主导航" data-i18n="aria-label">
<a class="tab" href="index.html"><span data-l="en">Index</span><span data-l="zh" lang="zh-Hans">首页</span><span class="tab-dot" aria-hidden="true"></span></a>
<a class="tab" href="blogs.html"><span data-l="en">Articles</span><span data-l="zh" lang="zh-Hans">文章</span><span class="tab-dot" aria-hidden="true"></span></a>
<a class="tab" href="gallery.html" aria-current="page"><span data-l="en">Work</span><span data-l="zh" lang="zh-Hans">作品</span><span class="tab-dot" aria-hidden="true"></span></a>
<a class="tab" href="favorites.html"><span data-l="en">Favorites</span><span data-l="zh" lang="zh-Hans">收藏</span><span class="tab-dot" aria-hidden="true"></span></a>
<a class="tab" href="about.html"><span data-l="en">About</span><span data-l="zh" lang="zh-Hans">关于</span><span class="tab-dot" aria-hidden="true"></span></a>
</nav>
<div class="hdr-tools">
<button class="theme-btn" type="button" data-theme-toggle aria-label="Dark mode" title="Dark mode"><span class="i-moon" aria-hidden="true">☾</span><span class="i-sun" aria-hidden="true">☀</span></button>
<a class="lang-btn" href="?lang=zh" data-lang-toggle><span data-l="en" lang="zh-Hans">中文</span><span data-l="zh">EN</span></a>
<button class="menu-btn" type="button" data-menu-toggle aria-expanded="false" aria-controls="menu-sheet"><span class="menu-when-closed"><span data-l="en">Menu</span><span data-l="zh" lang="zh-Hans">菜单</span></span><span class="menu-when-open"><span data-l="en">Close</span><span data-l="zh" lang="zh-Hans">关闭</span></span></button>
</div>
</div>
</header>
<nav class="sheet" id="menu-sheet" hidden aria-label="Menu" data-zh-aria-label="菜单" data-i18n="aria-label">
<a class="sheet-link" href="index.html"><span><span data-l="en">Index</span><span data-l="zh" lang="zh-Hans">首页</span></span><span class="sheet-n" aria-hidden="true">01</span></a>
<a class="sheet-link" href="blogs.html"><span><span data-l="en">Articles</span><span data-l="zh" lang="zh-Hans">文章</span></span><span class="sheet-n" aria-hidden="true">02</span></a>
<a class="sheet-link" href="gallery.html" aria-current="page"><span><span data-l="en">Work</span><span data-l="zh" lang="zh-Hans">作品</span></span><span class="sheet-n" aria-hidden="true">03</span></a>
<a class="sheet-link" href="favorites.html"><span><span data-l="en">Favorites</span><span data-l="zh" lang="zh-Hans">收藏</span></span><span class="sheet-n" aria-hidden="true">04</span></a>
<a class="sheet-link" href="about.html"><span><span data-l="en">About</span><span data-l="zh" lang="zh-Hans">关于</span></span><span class="sheet-n" aria-hidden="true">05</span></a>
</nav>
<!-- site-shell:header:end -->
<main id="main" class="work" data-work tabindex="-1">
<h1 class="visually-hidden"><span data-l="en">Work</span><span data-l="zh" lang="zh-Hans">作品</span></h1>
<section class="work-wheel" data-wheel aria-label="Work types" data-zh-aria-label="作品类别" data-i18n="aria-label">
<div class="wheel-top">
<div class="wheel-titles" aria-live="polite">
<div class="wheel-title is-on" data-i="0">
<p class="wheel-name"><span data-l="en">Apps</span><span data-l="zh" lang="zh-Hans">应用</span></p>
<span class="wheel-line"><span data-l="en">Apps I've made.</span><span data-l="zh" lang="zh-Hans">我做的应用。</span></span>
</div>
<div class="wheel-title" data-i="1" aria-hidden="true">
<p class="wheel-name"><span data-l="en">Research</span><span data-l="zh" lang="zh-Hans">研究</span></p>
<span class="wheel-line"><span data-l="en">Studies of people, networks, bodies and systems.</span><span data-l="zh" lang="zh-Hans">关于人、网络、身体与系统的研究。</span></span>
</div>
<div class="wheel-title" data-i="2" aria-hidden="true">
<p class="wheel-name"><span data-l="en">Talks & Explainers</span><span data-l="zh" lang="zh-Hans">分享</span></p>
<span class="wheel-line"><span data-l="en">Talks with their slides, and essays you can play with.</span><span data-l="zh" lang="zh-Hans">演讲连同幻灯片,还有可以动手的交互文章。</span></span>
</div>
<div class="wheel-title" data-i="3" aria-hidden="true">
<p class="wheel-name"><span data-l="en">Games</span><span data-l="zh" lang="zh-Hans">游戏</span></p>
<span class="wheel-line"><span data-l="en">Games I've made.</span><span data-l="zh" lang="zh-Hans">我做的游戏。</span></span>
</div>
<div class="wheel-title" data-i="4" aria-hidden="true">
<p class="wheel-name"><span data-l="en">Music</span><span data-l="zh" lang="zh-Hans">音乐</span></p>
<span class="wheel-line"><span data-l="en">Songs I wrote and sang.</span><span data-l="zh" lang="zh-Hans">自己作词作曲、自己唱的歌。</span></span>
</div>
<div class="wheel-title" data-i="5" aria-hidden="true">
<p class="wheel-name"><span data-l="en">Films</span><span data-l="zh" lang="zh-Hans">影像</span></p>
<span class="wheel-line"><span data-l="en">Dreams given sound and form.</span><span data-l="zh" lang="zh-Hans">让梦境有声音与画面。</span></span>
</div>
</div>
<div class="wheel-ctrl">
<span class="wheel-pos num">01 / 06</span>
<div class="wheel-btns">
<button class="round-btn" type="button" data-wheel-step="-1" aria-label="Previous" data-zh-aria-label="上一个" data-i18n="aria-label">←</button>
<button class="round-btn ink" type="button" data-wheel-step="1" aria-label="Next" data-zh-aria-label="下一个" data-i18n="aria-label">→</button>
</div>
</div>
</div>
<button class="wheel-card" type="button" data-i="0" data-topic="apps" tabindex="-1" aria-label="Apps" data-zh-aria-label="应用" data-i18n="aria-label"><span class="wheel-face"><img src="gallery/research/assets/hn-llm-research-wheel.svg" alt="" draggable="false" decoding="async" loading="lazy" fetchpriority="high"></span><span class="wheel-label"><span><span data-l="en">12 items</span><span data-l="zh" lang="zh-Hans">12 件</span></span><span class="wheel-enter"><span data-l="en">Enter</span><span data-l="zh" lang="zh-Hans">进入</span></span></span></button>
<button class="wheel-card" type="button" data-i="1" data-topic="research" tabindex="-1" aria-label="Research" data-zh-aria-label="研究" data-i18n="aria-label"><span class="wheel-face"><img src="gallery/assets/gallery-card-sleep-scatter.webp" alt="" draggable="false" decoding="async" loading="lazy" fetchpriority="low"></span><span class="wheel-label"><span><span data-l="en">4 items</span><span data-l="zh" lang="zh-Hans">4 件</span></span><span class="wheel-enter"><span data-l="en">Enter</span><span data-l="zh" lang="zh-Hans">进入</span></span></span></button>
<button class="wheel-card" type="button" data-i="2" data-topic="sharing" tabindex="-1" aria-label="Talks & Explainers" data-zh-aria-label="分享" data-i18n="aria-label"><span class="wheel-face"><img src="gallery/assets/gallery-card-limits-of-problem-analysis.jpg" alt="" draggable="false" decoding="async" loading="lazy" fetchpriority="low"></span><span class="wheel-label"><span><span data-l="en">4 items</span><span data-l="zh" lang="zh-Hans">4 件</span></span><span class="wheel-enter"><span data-l="en">Enter</span><span data-l="zh" lang="zh-Hans">进入</span></span></span></button>
<button class="wheel-card" type="button" data-i="3" data-topic="games" tabindex="-1" aria-label="Games" data-zh-aria-label="游戏" data-i18n="aria-label"><span class="wheel-face"><img src="gallery/games/assets/endless-echoes-poster.svg?v=20261002j" alt="" draggable="false" decoding="async" loading="lazy" fetchpriority="low"></span><span class="wheel-label"><span><span data-l="en">3 items</span><span data-l="zh" lang="zh-Hans">3 件</span></span><span class="wheel-enter"><span data-l="en">Enter</span><span data-l="zh" lang="zh-Hans">进入</span></span></span></button>
<button class="wheel-card" type="button" data-i="4" data-topic="music" tabindex="-1" aria-label="Music" data-zh-aria-label="音乐" data-i18n="aria-label"><span class="wheel-face"><img src="gallery/assets/gallery-card-qingtian.webp" alt="" draggable="false" decoding="async" loading="lazy" fetchpriority="low"></span><span class="wheel-label"><span><span data-l="en">1 item</span><span data-l="zh" lang="zh-Hans">1 件</span></span><span class="wheel-enter"><span data-l="en">Enter</span><span data-l="zh" lang="zh-Hans">进入</span></span></span></button>
<button class="wheel-card" type="button" data-i="5" data-topic="film" tabindex="-1" aria-label="Films" data-zh-aria-label="影像" data-i18n="aria-label"><span class="wheel-face"><img src="gallery/film/assets/void-flower-poster.jpg" alt="" draggable="false" decoding="async" loading="lazy" fetchpriority="low"></span><span class="wheel-label"><span><span data-l="en">1 item</span><span data-l="zh" lang="zh-Hans">1 件</span></span><span class="wheel-enter"><span data-l="en">Enter</span><span data-l="zh" lang="zh-Hans">进入</span></span></span></button>
<button class="wheel-card" type="button" data-i="6" data-topic="apps" tabindex="-1" aria-label="Apps" data-zh-aria-label="应用" data-i18n="aria-label"><span class="wheel-face"><img src="gallery/research/assets/hn-llm-research-wheel.svg" alt="" draggable="false" decoding="async" loading="lazy" fetchpriority="low"></span><span class="wheel-label"><span><span data-l="en">12 items</span><span data-l="zh" lang="zh-Hans">12 件</span></span><span class="wheel-enter"><span data-l="en">Enter</span><span data-l="zh" lang="zh-Hans">进入</span></span></span></button>
<button class="wheel-card" type="button" data-i="7" data-topic="research" tabindex="-1" aria-label="Research" data-zh-aria-label="研究" data-i18n="aria-label"><span class="wheel-face"><img src="gallery/assets/gallery-card-sleep-scatter.webp" alt="" draggable="false" decoding="async" loading="lazy" fetchpriority="low"></span><span class="wheel-label"><span><span data-l="en">4 items</span><span data-l="zh" lang="zh-Hans">4 件</span></span><span class="wheel-enter"><span data-l="en">Enter</span><span data-l="zh" lang="zh-Hans">进入</span></span></span></button>
<button class="wheel-card" type="button" data-i="8" data-topic="sharing" tabindex="-1" aria-label="Talks & Explainers" data-zh-aria-label="分享" data-i18n="aria-label"><span class="wheel-face"><img src="gallery/assets/gallery-card-limits-of-problem-analysis.jpg" alt="" draggable="false" decoding="async" loading="lazy" fetchpriority="low"></span><span class="wheel-label"><span><span data-l="en">4 items</span><span data-l="zh" lang="zh-Hans">4 件</span></span><span class="wheel-enter"><span data-l="en">Enter</span><span data-l="zh" lang="zh-Hans">进入</span></span></span></button>
<button class="wheel-card" type="button" data-i="9" data-topic="games" tabindex="-1" aria-label="Games" data-zh-aria-label="游戏" data-i18n="aria-label"><span class="wheel-face"><img src="gallery/games/assets/endless-echoes-poster.svg?v=20261002j" alt="" draggable="false" decoding="async" loading="lazy" fetchpriority="low"></span><span class="wheel-label"><span><span data-l="en">3 items</span><span data-l="zh" lang="zh-Hans">3 件</span></span><span class="wheel-enter"><span data-l="en">Enter</span><span data-l="zh" lang="zh-Hans">进入</span></span></span></button>
<button class="wheel-card" type="button" data-i="10" data-topic="music" tabindex="-1" aria-label="Music" data-zh-aria-label="音乐" data-i18n="aria-label"><span class="wheel-face"><img src="gallery/assets/gallery-card-qingtian.webp" alt="" draggable="false" decoding="async" loading="lazy" fetchpriority="low"></span><span class="wheel-label"><span><span data-l="en">1 item</span><span data-l="zh" lang="zh-Hans">1 件</span></span><span class="wheel-enter"><span data-l="en">Enter</span><span data-l="zh" lang="zh-Hans">进入</span></span></span></button>
<button class="wheel-card" type="button" data-i="11" data-topic="film" tabindex="-1" aria-label="Films" data-zh-aria-label="影像" data-i18n="aria-label"><span class="wheel-face"><img src="gallery/film/assets/void-flower-poster.jpg" alt="" draggable="false" decoding="async" loading="lazy" fetchpriority="low"></span><span class="wheel-label"><span><span data-l="en">1 item</span><span data-l="zh" lang="zh-Hans">1 件</span></span><span class="wheel-enter"><span data-l="en">Enter</span><span data-l="zh" lang="zh-Hans">进入</span></span></span></button>
<button class="wheel-card" type="button" data-i="12" data-topic="apps" tabindex="-1" aria-label="Apps" data-zh-aria-label="应用" data-i18n="aria-label"><span class="wheel-face"><img src="gallery/research/assets/hn-llm-research-wheel.svg" alt="" draggable="false" decoding="async" loading="lazy" fetchpriority="low"></span><span class="wheel-label"><span><span data-l="en">12 items</span><span data-l="zh" lang="zh-Hans">12 件</span></span><span class="wheel-enter"><span data-l="en">Enter</span><span data-l="zh" lang="zh-Hans">进入</span></span></span></button>
<button class="wheel-card" type="button" data-i="13" data-topic="research" tabindex="-1" aria-label="Research" data-zh-aria-label="研究" data-i18n="aria-label"><span class="wheel-face"><img src="gallery/assets/gallery-card-sleep-scatter.webp" alt="" draggable="false" decoding="async" loading="lazy" fetchpriority="low"></span><span class="wheel-label"><span><span data-l="en">4 items</span><span data-l="zh" lang="zh-Hans">4 件</span></span><span class="wheel-enter"><span data-l="en">Enter</span><span data-l="zh" lang="zh-Hans">进入</span></span></span></button>
<button class="wheel-card" type="button" data-i="14" data-topic="sharing" tabindex="-1" aria-label="Talks & Explainers" data-zh-aria-label="分享" data-i18n="aria-label"><span class="wheel-face"><img src="gallery/assets/gallery-card-limits-of-problem-analysis.jpg" alt="" draggable="false" decoding="async" loading="lazy" fetchpriority="low"></span><span class="wheel-label"><span><span data-l="en">4 items</span><span data-l="zh" lang="zh-Hans">4 件</span></span><span class="wheel-enter"><span data-l="en">Enter</span><span data-l="zh" lang="zh-Hans">进入</span></span></span></button>
<button class="wheel-card" type="button" data-i="15" data-topic="games" tabindex="-1" aria-label="Games" data-zh-aria-label="游戏" data-i18n="aria-label"><span class="wheel-face"><img src="gallery/games/assets/endless-echoes-poster.svg?v=20261002j" alt="" draggable="false" decoding="async" loading="lazy" fetchpriority="low"></span><span class="wheel-label"><span><span data-l="en">3 items</span><span data-l="zh" lang="zh-Hans">3 件</span></span><span class="wheel-enter"><span data-l="en">Enter</span><span data-l="zh" lang="zh-Hans">进入</span></span></span></button>
<button class="wheel-card" type="button" data-i="16" data-topic="music" tabindex="-1" aria-label="Music" data-zh-aria-label="音乐" data-i18n="aria-label"><span class="wheel-face"><img src="gallery/assets/gallery-card-qingtian.webp" alt="" draggable="false" decoding="async" loading="lazy" fetchpriority="low"></span><span class="wheel-label"><span><span data-l="en">1 item</span><span data-l="zh" lang="zh-Hans">1 件</span></span><span class="wheel-enter"><span data-l="en">Enter</span><span data-l="zh" lang="zh-Hans">进入</span></span></span></button>
<button class="wheel-card" type="button" data-i="17" data-topic="film" tabindex="-1" aria-label="Films" data-zh-aria-label="影像" data-i18n="aria-label"><span class="wheel-face"><img src="gallery/film/assets/void-flower-poster.jpg" alt="" draggable="false" decoding="async" loading="lazy" fetchpriority="low"></span><span class="wheel-label"><span><span data-l="en">1 item</span><span data-l="zh" lang="zh-Hans">1 件</span></span><span class="wheel-enter"><span data-l="en">Enter</span><span data-l="zh" lang="zh-Hans">进入</span></span></span></button>
<div class="wheel-bottom">
<button class="round-btn" type="button" data-wheel-step="-1" aria-label="Previous" data-zh-aria-label="上一个" data-i18n="aria-label">←</button>
<span class="wheel-pos num">01 / 06</span>
<button class="round-btn ink" type="button" data-wheel-step="1" aria-label="Next" data-zh-aria-label="下一个" data-i18n="aria-label">→</button>
</div>
</section>
<section class="topic" id="apps" data-topic="apps" aria-labelledby="topic-apps">
<div class="topic-bar">
<a class="pill" href="gallery.html" data-topic-back>← <span data-l="en">All work</span><span data-l="zh" lang="zh-Hans">全部作品</span></a>
<nav class="seg" aria-label="Types" data-zh-aria-label="类别" data-i18n="aria-label"><a class="seg-btn" href="#apps" aria-current="true"><span data-l="en">Apps</span><span data-l="zh" lang="zh-Hans">应用</span></a><a class="seg-btn" href="#research"><span data-l="en">Research</span><span data-l="zh" lang="zh-Hans">研究</span></a><a class="seg-btn" href="#sharing"><span data-l="en">Talks & Explainers</span><span data-l="zh" lang="zh-Hans">分享</span></a><a class="seg-btn" href="#games"><span data-l="en">Games</span><span data-l="zh" lang="zh-Hans">游戏</span></a><a class="seg-btn" href="#music"><span data-l="en">Music</span><span data-l="zh" lang="zh-Hans">音乐</span></a><a class="seg-btn" href="#film"><span data-l="en">Films</span><span data-l="zh" lang="zh-Hans">影像</span></a></nav>
</div>
<div class="topic-head">
<h2 id="topic-apps"><span data-l="en">Apps</span><span data-l="zh" lang="zh-Hans">应用</span></h2>
<p><span data-l="en">Apps I've made.</span><span data-l="zh" lang="zh-Hans">我做的应用。</span></p>
</div>
<div class="wgrid" data-n="3">
<a class="wcard" data-work="hn-field-notes" href="https://hn-waywo-dashboard.vercel.app/"><span class="wcard-img"><img src="apps/assets/hn-field-notes-cover.png" alt="" decoding="async" loading="lazy"></span><span class="wcard-text"><span class="wcard-title">HN Field Notes</span><span class="wcard-desc"><span data-l="en">Projects from Hacker News's monthly "What are you working on?" threads: browse by category, see trends, with the original posts and replies.</span><span data-l="zh" lang="zh-Hans">Hacker News 每月「你在做什么」帖里的项目:按类别浏览、看趋势,附原帖和讨论。</span></span><span class="wcard-year num">2026</span></span></a>
<a class="wcard" data-work="hn-llm-research" href="https://simoncos-hn-llm-research.vercel.app/"><span class="wcard-img"><img src="gallery/research/assets/hn-llm-research-cover.svg" alt="" decoding="async" loading="lazy"></span><span class="wcard-text"><span class="wcard-title"><span data-l="en">HN × LLM: Model Releases and Discussion</span><span data-l="zh" lang="zh-Hans">HN × LLM:模型发布与讨论</span></span><span class="wcard-desc"><span data-l="en">Explore how Hacker News discusses model releases across 14 AI companies, with source threads and coverage limits. An ongoing study.</span><span data-l="zh" lang="zh-Hans">追踪 Hacker News 对 14 家 AI 公司模型发布的讨论,查看原帖、讨论关联与覆盖范围。研究持续进行中。</span></span><span class="wcard-year num">2026</span></span></a>
<a class="wcard" data-work="toolkit" href="apps/sleep-toolkit.en.html" data-zh-href="apps/sleep-toolkit.html" data-i18n="href"><span class="wcard-img"><img src="gallery/assets/gallery-card-sleep-toolkit-report.webp" alt="" decoding="async" loading="lazy"></span><span class="wcard-text"><span class="wcard-title">Sleep Toolkit</span><span class="wcard-desc"><span data-l="en">One SleepCycle CSV in; JSON, an interactive report, and a PDF out.</span><span data-l="zh" lang="zh-Hans">进一份 SleepCycle CSV,出 JSON、交互式报告和 PDF。</span></span><span class="wcard-year num">2026</span></span></a>
</div>
<h3 class="wgroup-h"><span data-l="en">In progress</span><span data-l="zh" lang="zh-Hans">在做</span></h3>
<div class="wgrid" data-n="3">
<div class="wcard is-wip" data-work="unannounced-1"><span class="wcard-img"><img src="gallery/assets/wip/unannounced.webp" alt="" decoding="async" loading="lazy"></span><span class="wcard-text"><span class="wcard-title"><span data-l="en">Unannounced project</span><span data-l="zh" lang="zh-Hans">未公布项目</span></span><span class="wcard-desc"><span data-l="en">An agentic investment-research project.</span><span data-l="zh" lang="zh-Hans">一个 Agentic 投资研究类项目。</span></span><span class="wcard-year num">2026</span></span></div>
<div class="wcard is-wip" data-work="daily-oracle"><span class="wcard-img"><img src="gallery/assets/wip/daily-oracle.webp" alt="" decoding="async" loading="lazy"></span><span class="wcard-text"><span class="wcard-title">Daily Oracle</span><span class="wcard-desc"><span data-l="en">Draw a card each day, do the small real-world thing it asks, and log it. Over time a garden and a card collection fill up.</span><span data-l="zh" lang="zh-Hans">每天抽一张卡,去现实里做一件小事,回来记下。日子久了,花园和卡册会慢慢长满。</span></span><span class="wcard-year num">2026</span></span></div>
<div class="wcard is-wip" data-work="vocal-coach"><span class="wcard-img"><img src="gallery/assets/wip/vocal-coach.webp" alt="" decoding="async" loading="lazy"></span><span class="wcard-text"><span class="wcard-title">Vocal Coach</span><span class="wcard-desc"><span data-l="en">A phone app for singing in tune: measure your range, sing to target notes, and see live whether you are sharp or flat.</span><span data-l="zh" lang="zh-Hans">练音准的手机应用:测音域,跟着目标音唱,实时看自己偏高还是偏低。</span></span><span class="wcard-year num">2026</span></span></div>
<div class="wcard is-wip" data-work="hiking-route-planner"><span class="wcard-img"><img src="gallery/assets/wip/hiking.webp" alt="" decoding="async" loading="lazy"></span><span class="wcard-text"><span class="wcard-title"><span data-l="en">Hiking Planner</span><span data-l="zh" lang="zh-Hans">徒步规划器</span></span><span class="wcard-desc"><span data-l="en">Import a route, read it segment by segment (distance, climb, resupply), plan the trip, and log it afterwards.</span><span data-l="zh" lang="zh-Hans">导入路线,按分段看距离、爬升和补给,排好行程,走完再记一笔。</span></span><span class="wcard-year num">2026</span></span></div>
<div class="wcard is-wip" data-work="paper-research-platform"><span class="wcard-img"><img src="gallery/assets/wip/paper-research.webp" alt="" decoding="async" loading="lazy"></span><span class="wcard-text"><span class="wcard-title">Paper Research Platform</span><span class="wcard-desc"><span data-l="en">Ask the same questions of a stack of papers. A model answers each with quoted evidence; you check the answers and export a workbook.</span><span data-l="zh" lang="zh-Hans">给一批论文提同一组问题,模型逐篇作答并附原文证据,人工核对后导出成表。</span></span><span class="wcard-year num">2026</span></span></div>
<div class="wcard is-wip" data-work="wechat-exporter"><span class="wcard-img"><img src="gallery/assets/wip/wechat-exporter.webp" alt="" decoding="async" loading="lazy"></span><span class="wcard-text"><span class="wcard-title"><span data-l="en">WeChat Chat Exporter</span><span data-l="zh" lang="zh-Hans">微信聊天导出器</span></span><span class="wcard-desc"><span data-l="en">Export your own WeChat chats on your own computer, together with their voice messages, images and files; the text is searchable, and every message keeps its time and where it came from.</span><span data-l="zh" lang="zh-Hans">在自己的电脑上,把自己的微信聊天记录连同语音、图片和文件一起导出;文字可以搜索,每条消息都保留时间和出处。</span></span><span class="wcard-year num">2026</span></span></div>
<div class="wcard is-wip" data-work="birdie"><span class="wcard-img"><img src="gallery/assets/wip/birdie.webp" alt="" decoding="async" loading="lazy"></span><span class="wcard-text"><span class="wcard-title">Birdie</span><span class="wcard-desc"><span data-l="en">A phone app for keeping pet birds: a profile for each bird, one diary for weight, food and mood, and care notes for common species.</span><span data-l="zh" lang="zh-Hans">养鸟的手机应用:每只鸟一份档案,体重、饮食、状态记在同一本日记里,还能查常见鸟种的照护要点。</span></span><span class="wcard-year num">2026</span></span></div>
<div class="wcard is-wip" data-work="ortho-rehab"><span class="wcard-img"><img src="gallery/assets/wip/ortho-rehab.webp" alt="" decoding="async" loading="lazy"></span><span class="wcard-text"><span class="wcard-title"><span data-l="en">Muscle & Joint Log</span><span data-l="zh" lang="zh-Hans">肌骨不适记录</span></span><span class="wcard-desc"><span data-l="en">For everyday neck, back and joint strain: check first for signs that mean see a doctor, log how it changes day by day, and bring a summary to the appointment.</span><span data-l="zh" lang="zh-Hans">记日常的颈肩腰膝不适:先对照哪些情况该去就医,再一天天记下变化,看医生时带上一份整理好的摘要。</span></span><span class="wcard-year num">2026</span></span></div>
<div class="wcard is-wip" data-work="photo-curation"><span class="wcard-img"><img src="gallery/assets/wip/photo-curation.webp" alt="" decoding="async" loading="lazy"></span><span class="wcard-text"><span class="wcard-title">Photo Curator</span><span class="wcard-desc"><span data-l="en">Import a batch of photos; it reads their shooting details and colours, sorts them into album ideas, and helps you pick the frames and put them in order.</span><span data-l="zh" lang="zh-Hans">导入一批照片,读出拍摄信息和色调,归成几组相册候选,再帮你挑片、排顺序。</span></span><span class="wcard-year num">2026</span></span></div>
</div>
<div class="related"><span class="related-label"><span data-l="en">Related elsewhere on the site</span><span data-l="zh" lang="zh-Hans">站内相关</span></span><a href="apps.html"><span class="related-t"><span data-l="en">All apps</span><span data-l="zh" lang="zh-Hans">全部应用</span></span><span class="related-k"><span data-l="en">List</span><span data-l="zh" lang="zh-Hans">列表</span> →</span></a></div>
</section>
<section class="topic" id="research" data-topic="research" aria-labelledby="topic-research">
<div class="topic-bar">
<a class="pill" href="gallery.html" data-topic-back>← <span data-l="en">All work</span><span data-l="zh" lang="zh-Hans">全部作品</span></a>
<nav class="seg" aria-label="Types" data-zh-aria-label="类别" data-i18n="aria-label"><a class="seg-btn" href="#apps"><span data-l="en">Apps</span><span data-l="zh" lang="zh-Hans">应用</span></a><a class="seg-btn" href="#research" aria-current="true"><span data-l="en">Research</span><span data-l="zh" lang="zh-Hans">研究</span></a><a class="seg-btn" href="#sharing"><span data-l="en">Talks & Explainers</span><span data-l="zh" lang="zh-Hans">分享</span></a><a class="seg-btn" href="#games"><span data-l="en">Games</span><span data-l="zh" lang="zh-Hans">游戏</span></a><a class="seg-btn" href="#music"><span data-l="en">Music</span><span data-l="zh" lang="zh-Hans">音乐</span></a><a class="seg-btn" href="#film"><span data-l="en">Films</span><span data-l="zh" lang="zh-Hans">影像</span></a></nav>
</div>
<div class="topic-head">
<h2 id="topic-research"><span data-l="en">Research</span><span data-l="zh" lang="zh-Hans">研究</span></h2>
<p><span data-l="en">Questions I was curious about, worked through with data and sources.</span><span data-l="zh" lang="zh-Hans">用数据和资料,回答一些我好奇的问题。</span></p>
</div>
<div class="wgrid" data-n="3">
<a class="wcard" data-work="lola-matchups" href="gallery/research/lola-matchups.html"><span class="wcard-img"><img src="gallery/assets/gallery-card-lola-matchups.webp" alt="" decoding="async" loading="lazy"></span><span class="wcard-text"><span class="wcard-title"><span data-l="en">League of Legends: The map of champion matchups</span><span data-l="zh" lang="zh-Hans">英雄联盟:英雄对位地图</span></span><span class="wcard-desc"><span data-l="en">An interactive essay on every champion pair from 222,616 ranked League of Legends matches: 606 of 8,128 pairs show a clear edge, nearly all pointing from the stronger to the weaker champion. Champion strength explains about 97% of pair win-rate differences and pair-specific interaction about 1.2%; no rock-paper-scissors cycles. Predictive, not causal; exploratory.</span><span data-l="zh" lang="zh-Hans">基于 222,616 场英雄联盟排位赛、覆盖每一对英雄的交互式长文:8,128 对中有 606 对优势明显,几乎都是强者压制弱者。英雄自身强度解释了约 97% 的配对胜率差异,配对特有的交互只占约 1.2%,没有“石头剪刀布”式的克制循环。结论是预测性而非因果的,结果属探索性分析。</span></span><span class="wcard-year num">2026</span></span></a>
<a class="wcard" data-work="lola-draft" href="gallery/research/lola-draft.html"><span class="wcard-img"><img src="gallery/assets/gallery-card-lola-draft.webp" alt="" decoding="async" loading="lazy"></span><span class="wcard-text"><span class="wcard-title"><span data-l="en">League of Legends: Does the draft decide the game?</span><span data-l="zh" lang="zh-Hans">英雄联盟:选人阶段决定胜负吗?</span></span><span class="wcard-desc"><span data-l="en">An interactive essay from 222,652 ranked League of Legends matches: the draft alone predicts the winner only modestly (AUC about 0.57), the first 10–20 minutes far better. Results are exploratory.</span><span data-l="zh" lang="zh-Hans">基于 222,652 场英雄联盟排位赛的交互式长文:仅凭选人预测胜负的效果有限(AUC 约 0.57),前 10–20 分钟的局势准得多。结果属探索性分析。</span></span><span class="wcard-year num">2026</span></span></a>
<a class="wcard" data-work="sleep" href="gallery/research/sleep-2016-2026.en.html" data-zh-href="gallery/research/sleep-2016-2026.html" data-i18n="href"><span class="wcard-img"><img src="gallery/assets/gallery-card-sleep-scatter.webp" alt="" decoding="async" loading="lazy"></span><span class="wcard-text"><span class="wcard-title"><span data-l="en">Ten Years of Sleep Records, Analyzed</span><span data-l="zh" lang="zh-Hans">十年睡眠档案:数据分析</span></span><span class="wcard-desc"><span data-l="en">A study of 3,656 nights: sleep rhythms, the body, and changes across a decade.</span><span data-l="zh" lang="zh-Hans">从 3,656 个夜晚的记录,研究十年的睡眠节律、身体与生活变化。</span></span><span class="wcard-year num">2026</span></span></a>
<a class="wcard" data-work="zhihu-2015" href="gallery/research/zhihu-2015.html"><span class="wcard-img"><img src="gallery/research/assets/zhihu-network-card.svg" alt="" decoding="async" loading="lazy"></span><span class="wcard-text"><span class="wcard-title"><span data-l="en">Zhihu 2015: People, Connections and Influence</span><span data-l="zh" lang="zh-Hans">知乎 2015:人、关注与影响力</span></span><span class="wcard-desc"><span data-l="en">Zhihu's 2015 follow network, interactive: who follows whom, mutual follows, structural groups, and influence.</span><span data-l="zh" lang="zh-Hans">2015 年知乎关注网络的交互版:谁关注谁、互关、结构分组和影响力。</span></span><span class="wcard-year num">2015</span></span></a>
</div>
<div class="related"><span class="related-label"><span data-l="en">Related elsewhere on the site</span><span data-l="zh" lang="zh-Hans">站内相关</span></span><a href="blogs/a-bird-across-models.en.html" data-zh-href="blogs/a-bird-across-models.html" data-i18n="href"><span class="related-t"><span data-l="en">Across Three Abysses</span><span data-l="zh" lang="zh-Hans">跨过三个深渊</span></span><span class="related-k"><span data-l="en">Article</span><span data-l="zh" lang="zh-Hans">文章</span> →</span></a><a href="apps/sleep-toolkit.en.html" data-zh-href="apps/sleep-toolkit.html" data-i18n="href"><span class="related-t">Sleep Toolkit</span><span class="related-k"><span data-l="en">App</span><span data-l="zh" lang="zh-Hans">应用</span> →</span></a></div>
</section>
<section class="topic" id="sharing" data-topic="sharing" aria-labelledby="topic-sharing">
<div class="topic-bar">
<a class="pill" href="gallery.html" data-topic-back>← <span data-l="en">All work</span><span data-l="zh" lang="zh-Hans">全部作品</span></a>
<nav class="seg" aria-label="Types" data-zh-aria-label="类别" data-i18n="aria-label"><a class="seg-btn" href="#apps"><span data-l="en">Apps</span><span data-l="zh" lang="zh-Hans">应用</span></a><a class="seg-btn" href="#research"><span data-l="en">Research</span><span data-l="zh" lang="zh-Hans">研究</span></a><a class="seg-btn" href="#sharing" aria-current="true"><span data-l="en">Talks & Explainers</span><span data-l="zh" lang="zh-Hans">分享</span></a><a class="seg-btn" href="#games"><span data-l="en">Games</span><span data-l="zh" lang="zh-Hans">游戏</span></a><a class="seg-btn" href="#music"><span data-l="en">Music</span><span data-l="zh" lang="zh-Hans">音乐</span></a><a class="seg-btn" href="#film"><span data-l="en">Films</span><span data-l="zh" lang="zh-Hans">影像</span></a></nav>
</div>
<div class="topic-head">
<h2 id="topic-sharing"><span data-l="en">Talks & Explainers</span><span data-l="zh" lang="zh-Hans">分享</span></h2>
<p><span data-l="en">Talks given in person, published with their HTML slides, and older essays rebuilt as interactive pages.</span><span data-l="zh" lang="zh-Hans">线下做过的分享,连同 HTML 幻灯片一起发布;还有改编成交互页面、可以动手的旧文。</span></p>
</div>
<div class="wgrid" data-n="3">
<a class="wcard" data-work="limits-of-problem-analysis" href="gallery/sharing/limits-of-problem-analysis/index.en.html" data-zh-href="gallery/sharing/limits-of-problem-analysis/index.html" data-i18n="href"><span class="wcard-img"><img src="gallery/assets/gallery-card-limits-of-problem-analysis.jpg" alt="" decoding="async" loading="lazy"></span><span class="wcard-text"><span class="wcard-title"><span data-l="en">The Limits of Problem Analysis</span><span data-l="zh" lang="zh-Hans">问题解析的极限</span></span><span class="wcard-desc"><span data-l="en">From a game bot watching one pixel to the layers of a pear: explore when to stop analyzing and bring back a result.</span><span data-l="zh" lang="zh-Hans">从只看一个像素的游戏外挂,到一颗梨的层层解析:动手试试,何时该停止追问、带着结果回来。</span></span><span class="wcard-year num">2026</span></span></a>
<a class="wcard" data-work="designing-design" href="gallery/sharing/designing-design/index.en.html" data-zh-href="gallery/sharing/designing-design/index.html" data-i18n="href"><span class="wcard-img"><img src="gallery/assets/gallery-card-designing-design.jpg" alt="" decoding="async" loading="lazy"></span><span class="wcard-text"><span class="wcard-title"><span data-l="en">Designing Design</span><span data-l="zh" lang="zh-Hans">设计中的设计</span></span><span class="wcard-desc"><span data-l="en">Reading Kenya Hara: let go of “I know,” follow a river, write in the sand, and make the familiar unfamiliar again.</span><span data-l="zh" lang="zh-Hans">读原研哉:把“我知道”放开,沿河滑行,在沙上写字,让熟悉的世界重新变得陌生。</span></span><span class="wcard-year num">2026</span></span></a>
<a class="wcard" data-work="problem-solving" href="gallery/sharing/problem-solving-and-design/index.en.html" data-zh-href="gallery/sharing/problem-solving-and-design/index.html" data-i18n="href"><span class="wcard-img"><img src="gallery/assets/gallery-card-problem-solving.webp" alt="" decoding="async" loading="lazy"></span><span class="wcard-text"><span class="wcard-title"><span data-l="en">Problem Solving and Design</span><span data-l="zh" lang="zh-Hans">问题解决与设计</span></span><span class="wcard-desc"><span data-l="en">Four short essays on problem solving and design, first published on Jianshu in 2016–2017, rebuilt as interactive pages: problem representation, feasible solutions, open problems, and choosing between options.</span><span data-l="zh" lang="zh-Hans">2016 至 2017 年发表在简书的四篇短文,改编成交互页面:问题情境、可行解、开放问题、纠结与最优解。原文配图都重绘成了可以操作的版本。</span></span><span class="wcard-year num">2026</span></span></a>
<a class="wcard" data-work="talk" href="gallery/sharing/pkm-2026-06-07/index.html"><span class="wcard-img"><img src="gallery/assets/gallery-card-talk-slides.webp" alt="" decoding="async" loading="lazy"></span><span class="wcard-text"><span class="wcard-title"><span data-l="en">Personal Information Systems in the AI Era (in Chinese)</span><span data-l="zh" lang="zh-Hans">AI 时代的个人信息系统</span></span><span class="wcard-desc"><span data-l="en">A 45-minute talk for finance and technology professionals: how capture, knowledge bases, agents, project incubation, and safety boundaries form one working system.</span><span data-l="zh" lang="zh-Hans">面向金融与科技从业者的 45 分钟分享:捕捉、知识库、Agent、项目孵化和安全边界,怎样连成一套运转的系统。</span></span><span class="wcard-year num">2026</span></span></a>
</div>
<div class="related"><span class="related-label"><span data-l="en">Related elsewhere on the site</span><span data-l="zh" lang="zh-Hans">站内相关</span></span><a href="blogs/my-personal-knowledge-management-system-2026-03.en.html" data-zh-href="blogs/my-personal-knowledge-management-system-2026-03.html" data-i18n="href"><span class="related-t"><span data-l="en">My PKM System, 2026-03</span><span data-l="zh" lang="zh-Hans">我的个人知识管理系统 2026-03</span></span><span class="related-k"><span data-l="en">Article</span><span data-l="zh" lang="zh-Hans">文章</span> →</span></a></div>
</section>
<section class="topic" id="games" data-topic="games" aria-labelledby="topic-games">
<div class="topic-bar">
<a class="pill" href="gallery.html" data-topic-back>← <span data-l="en">All work</span><span data-l="zh" lang="zh-Hans">全部作品</span></a>
<nav class="seg" aria-label="Types" data-zh-aria-label="类别" data-i18n="aria-label"><a class="seg-btn" href="#apps"><span data-l="en">Apps</span><span data-l="zh" lang="zh-Hans">应用</span></a><a class="seg-btn" href="#research"><span data-l="en">Research</span><span data-l="zh" lang="zh-Hans">研究</span></a><a class="seg-btn" href="#sharing"><span data-l="en">Talks & Explainers</span><span data-l="zh" lang="zh-Hans">分享</span></a><a class="seg-btn" href="#games" aria-current="true"><span data-l="en">Games</span><span data-l="zh" lang="zh-Hans">游戏</span></a><a class="seg-btn" href="#music"><span data-l="en">Music</span><span data-l="zh" lang="zh-Hans">音乐</span></a><a class="seg-btn" href="#film"><span data-l="en">Films</span><span data-l="zh" lang="zh-Hans">影像</span></a></nav>
</div>
<div class="topic-head">
<h2 id="topic-games"><span data-l="en">Games</span><span data-l="zh" lang="zh-Hans">游戏</span></h2>
<p><span data-l="en">Games I've made.</span><span data-l="zh" lang="zh-Hans">我做的游戏。</span></p>
</div>
<div class="wgrid" data-n="1">
<a class="wcard" data-work="endless-echoes" href="gallery/games/endless-echoes.html"><span class="wcard-img"><img src="gallery/games/assets/endless-echoes-cover.svg?v=20261002j" alt="" decoding="async" loading="lazy"></span><span class="wcard-text"><span class="wcard-title"><span data-l="en">Endless Echoes</span><span data-l="zh" lang="zh-Hans">漫无止尽的回响</span></span><span class="wcard-desc"><span data-l="en">Read a clue, guess the next song, and find your own route through 36 songs. A 2017 riddle from Xiami playlist notes, backed up on Douban, rebuilt to play.</span><span data-l="zh" lang="zh-Hans">读线索,猜下一首歌,在 36 首歌之间走出自己的路线。2017 年藏在虾米歌单推荐语里的谜题,靠豆列备份,重新做成了可以玩的版本。</span></span><span class="wcard-year num">2017</span></span></a>
</div>
<h3 class="wgroup-h"><span data-l="en">In progress</span><span data-l="zh" lang="zh-Hans">在做</span></h3>
<div class="wgrid" data-n="2">
<div class="wcard is-wip" data-work="wuxia"><span class="wcard-img"><img src="gallery/assets/wip/wuxia.webp" alt="" decoding="async" loading="lazy"></span><span class="wcard-text"><span class="wcard-title"><span data-l="en">The Midnight Ledger</span><span data-l="zh" lang="zh-Hans">三更账</span></span><span class="wcard-desc"><span data-l="en">A wuxia RPG prototype: walk the inn and the roads around it, question people, pin clues to a board, and confront the suspect.</span><span data-l="zh" lang="zh-Hans">武侠 RPG 原型:在醉仙楼一带走动、问话、收集线索,把线索摆上线索板,当面对质。</span></span><span class="wcard-year num">2026</span></span></div>
<div class="wcard is-wip" data-work="murder-mystery-table"><span class="wcard-img"><img src="gallery/assets/wip/murder-mystery.webp" alt="" decoding="async" loading="lazy"></span><span class="wcard-text"><span class="wcard-title"><span data-l="en">Murder Mystery Table</span><span data-l="zh" lang="zh-Hans">谜案圆桌</span></span><span class="wcard-desc"><span data-l="en">A murder mystery for one player: pick a script and a seat, and an AI host and AI players take you through the search, the discussion, the vote and the reveal.</span><span data-l="zh" lang="zh-Hans">一个人也能玩的剧本杀:选好剧本和角色,AI 主持人和其他角色陪你搜证、讨论、投票、复盘。</span></span><span class="wcard-year num">2026</span></span></div>
</div>
</section>
<section class="topic" id="music" data-topic="music" aria-labelledby="topic-music">
<div class="topic-bar">
<a class="pill" href="gallery.html" data-topic-back>← <span data-l="en">All work</span><span data-l="zh" lang="zh-Hans">全部作品</span></a>
<nav class="seg" aria-label="Types" data-zh-aria-label="类别" data-i18n="aria-label"><a class="seg-btn" href="#apps"><span data-l="en">Apps</span><span data-l="zh" lang="zh-Hans">应用</span></a><a class="seg-btn" href="#research"><span data-l="en">Research</span><span data-l="zh" lang="zh-Hans">研究</span></a><a class="seg-btn" href="#sharing"><span data-l="en">Talks & Explainers</span><span data-l="zh" lang="zh-Hans">分享</span></a><a class="seg-btn" href="#games"><span data-l="en">Games</span><span data-l="zh" lang="zh-Hans">游戏</span></a><a class="seg-btn" href="#music" aria-current="true"><span data-l="en">Music</span><span data-l="zh" lang="zh-Hans">音乐</span></a><a class="seg-btn" href="#film"><span data-l="en">Films</span><span data-l="zh" lang="zh-Hans">影像</span></a></nav>
</div>
<div class="topic-head">
<h2 id="topic-music"><span data-l="en">Music</span><span data-l="zh" lang="zh-Hans">音乐</span></h2>
<p><span data-l="en">Original songs, published with the recording and the lyrics.</span><span data-l="zh" lang="zh-Hans">原创歌曲,连同录音和歌词一起发布。</span></p>
</div>
<div class="wgrid" data-n="1">
<a class="wcard" data-work="qingtian" href="gallery/music/qingtian.html"><span class="wcard-img"><img src="gallery/assets/gallery-card-qingtian.webp" alt="" decoding="async" loading="lazy"></span><span class="wcard-text"><span class="wcard-title"><span data-l="en">Sunny Day</span><span data-l="zh" lang="zh-Hans">晴天</span></span><span class="wcard-desc"><span data-l="en">The recording and lyrics of a song I wrote, composed and sang, with an English translation.</span><span data-l="zh" lang="zh-Hans">自己作词、作曲、演唱的歌,录音和歌词都在这里。</span></span><span class="wcard-year num">2011</span></span></a>
</div>
</section>
<section class="topic" id="film" data-topic="film" aria-labelledby="topic-film">
<div class="topic-bar">
<a class="pill" href="gallery.html" data-topic-back>← <span data-l="en">All work</span><span data-l="zh" lang="zh-Hans">全部作品</span></a>
<nav class="seg" aria-label="Types" data-zh-aria-label="类别" data-i18n="aria-label"><a class="seg-btn" href="#apps"><span data-l="en">Apps</span><span data-l="zh" lang="zh-Hans">应用</span></a><a class="seg-btn" href="#research"><span data-l="en">Research</span><span data-l="zh" lang="zh-Hans">研究</span></a><a class="seg-btn" href="#sharing"><span data-l="en">Talks & Explainers</span><span data-l="zh" lang="zh-Hans">分享</span></a><a class="seg-btn" href="#games"><span data-l="en">Games</span><span data-l="zh" lang="zh-Hans">游戏</span></a><a class="seg-btn" href="#music"><span data-l="en">Music</span><span data-l="zh" lang="zh-Hans">音乐</span></a><a class="seg-btn" href="#film" aria-current="true"><span data-l="en">Films</span><span data-l="zh" lang="zh-Hans">影像</span></a></nav>
</div>
<div class="topic-head">
<h2 id="topic-film"><span data-l="en">Films</span><span data-l="zh" lang="zh-Hans">影像</span></h2>
<p><span data-l="en">Art films, made from dreams, words, images and sound.</span><span data-l="zh" lang="zh-Hans">从梦境与文字出发,用画面和声音表达。</span></p>
</div>
<div class="wgrid" data-n="1">
<a class="wcard" data-work="void-flower" href="gallery/film/void-flower.html"><span class="wcard-img"><img src="gallery/film/assets/void-flower-poster.jpg" alt="" decoding="async" loading="lazy"></span><span class="wcard-text"><span class="wcard-title"><span data-l="en">The Flower of Nothingness</span><span data-l="zh" lang="zh-Hans">虛無之花</span></span><span class="wcard-desc"><span data-l="en">My debut art film, drawn from real dreams and a piece I wrote in 2012. Made with AI, shared without narrative subtitles.</span><span data-l="zh" lang="zh-Hans">我的首部艺术短片,源于真实梦境与2012年的同名文章。与AI协作完成,以无叙事字幕版呈现。</span></span><span class="wcard-year num">2026</span></span></a>
</div>
</section>
</main>
<!-- site-shell:footer:start -->
<footer class="ftr">
<span class="ftr-l"><span>© 2026 simoncos</span><span class="num"><span data-l="en">Updated Oct 22, 2026</span><span data-l="zh" lang="zh-Hans">更新于 2026-10-22</span></span></span>
<span class="ftr-r"><a href="feed.zh.xml">RSS <span lang="zh-Hans">中文</span></a><a href="feed.en.xml">RSS EN</a></span>
</footer>
<!-- site-shell:footer:end -->
</body>
</html>