-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
329 lines (217 loc) · 16.2 KB
/
index.html
File metadata and controls
329 lines (217 loc) · 16.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
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
<!DOCTYPE html>
<html lang="zh-tw">
<head>
<meta name="generator" content="Hugo 0.86.0" /><meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1'><meta name='description' content='hensuu'><title>隨想Records</title>
<link rel='canonical' href='https://hensuu.csie.org/'>
<link rel="stylesheet" href="/scss/style.min.css"><meta property='og:title' content='隨想Records'>
<meta property='og:description' content='hensuu'>
<meta property='og:url' content='https://hensuu.csie.org/'>
<meta property='og:site_name' content='隨想Records'>
<meta property='og:type' content='website'><meta property='og:updated_time' content=' 2021-08-14T00:00:00+00:00 '/>
<meta name="twitter:title" content="隨想Records">
<meta name="twitter:description" content="hensuu"><link rel="alternate" type="application/rss+xml" href="https://hensuu.csie.org/index.xml"><style>
:root {
--article-font-family: "Noto Sans TC", var(--base-font-family);
}
</style>
<script>
(function () {
const customFont = document.createElement('link');
customFont.href = "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700&display=swap";
customFont.type = "text/css";
customFont.rel = "stylesheet";
document.head.appendChild(customFont);
}());
</script>
</head>
<body class="">
<script>
(function() {
const colorSchemeKey = 'StackColorScheme';
if(!localStorage.getItem(colorSchemeKey)){
localStorage.setItem(colorSchemeKey, "auto");
}
})();
</script><script>
(function() {
const colorSchemeKey = 'StackColorScheme';
const colorSchemeItem = localStorage.getItem(colorSchemeKey);
const supportDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches === true;
if (colorSchemeItem == 'dark' || colorSchemeItem === 'auto' && supportDarkMode) {
document.documentElement.dataset.scheme = 'dark';
} else {
document.documentElement.dataset.scheme = 'light';
}
})();
</script>
<div class="container main-container flex on-phone--column extended"><aside class="sidebar left-sidebar sticky">
<button class="hamburger hamburger--spin" type="button" id="toggle-menu" aria-label="Toggle Menu">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
<header class="site-info">
<figure class="site-avatar">
<img src="/img/avatar_hue6f020428378ec376ea549ab8a5ed87a_151588_300x0_resize_box_3.png" width="300"
height="300" class="site-logo" loading="lazy" alt="Avatar">
<span class="emoji">🐣</span>
</figure>
<h1 class="site-name"><a href="https://hensuu.csie.org">隨想Records</a></h1>
<h2 class="site-description">hensuu</h2>
</header>
<ol class="menu" id="main-menu">
<li >
<a href='/'>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.5495 2.53189C11.3874 1.82531 12.6126 1.82531 13.4505 2.5319L20.2005 8.224C20.7074 8.65152 21 9.2809 21 9.94406V19.7468C21 20.7133 20.2165 21.4968 19.25 21.4968H15.75C14.7835 21.4968 14 20.7133 14 19.7468V14.2468C14 14.1088 13.8881 13.9968 13.75 13.9968H10.25C10.1119 13.9968 9.99999 14.1088 9.99999 14.2468V19.7468C9.99999 20.7133 9.2165 21.4968 8.25 21.4968H4.75C3.7835 21.4968 3 20.7133 3 19.7468V9.94406C3 9.2809 3.29255 8.65152 3.79952 8.224L10.5495 2.53189ZM12.4835 3.6786C12.2042 3.44307 11.7958 3.44307 11.5165 3.6786L4.76651 9.37071C4.59752 9.51321 4.5 9.72301 4.5 9.94406V19.7468C4.5 19.8849 4.61193 19.9968 4.75 19.9968H8.25C8.38807 19.9968 8.49999 19.8849 8.49999 19.7468V14.2468C8.49999 13.2803 9.2835 12.4968 10.25 12.4968H13.75C14.7165 12.4968 15.5 13.2803 15.5 14.2468V19.7468C15.5 19.8849 15.6119 19.9968 15.75 19.9968H19.25C19.3881 19.9968 19.5 19.8849 19.5 19.7468V9.94406C19.5 9.72301 19.4025 9.51321 19.2335 9.37071L12.4835 3.6786Z" fill="currentColor"/>
</svg>
<span>Home</span>
</a>
</li>
<li >
<a href='/about/'>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.7543 13.9997C18.9963 13.9997 20.0032 15.0065 20.0032 16.2486V16.824C20.0032 17.7183 19.6836 18.5831 19.1021 19.2625C17.5327 21.096 15.1455 22.0008 12.0001 22.0008C8.85426 22.0008 6.46825 21.0957 4.90194 19.2614C4.32218 18.5825 4.00366 17.719 4.00366 16.8262V16.2486C4.00366 15.0065 5.01052 13.9997 6.25254 13.9997H17.7543ZM17.7543 15.4997H6.25254C5.83895 15.4997 5.50366 15.835 5.50366 16.2486V16.8262C5.50366 17.3619 5.69477 17.88 6.04263 18.2874C7.29594 19.755 9.26182 20.5008 12.0001 20.5008C14.7384 20.5008 16.706 19.755 17.9625 18.2871C18.3114 17.8795 18.5032 17.3605 18.5032 16.824V16.2486C18.5032 15.835 18.1679 15.4997 17.7543 15.4997ZM12.0001 2.00439C14.7615 2.00439 17.0001 4.24297 17.0001 7.00439C17.0001 9.76582 14.7615 12.0044 12.0001 12.0044C9.2387 12.0044 7.00012 9.76582 7.00012 7.00439C7.00012 4.24297 9.2387 2.00439 12.0001 2.00439ZM12.0001 3.50439C10.0671 3.50439 8.50012 5.0714 8.50012 7.00439C8.50012 8.93739 10.0671 10.5044 12.0001 10.5044C13.9331 10.5044 15.5001 8.93739 15.5001 7.00439C15.5001 5.0714 13.9331 3.50439 12.0001 3.50439Z" fill="currentColor"/>
</svg>
<span>About</span>
</a>
</li>
<li >
<a href='/archives/'>
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M37.75 8C38.9926 8 40 9.00736 40 10.25V15.75C40 16.9079 39.1253 17.8616 38.0006 17.9862L38 35.75C38 38.0282 36.2075 39.8877 33.9559 39.9951L33.75 40H14.25C11.9718 40 10.1123 38.2075 10.0049 35.9559L10 35.75L10.0004 17.9863C8.87524 17.8622 8 16.9083 8 15.75V10.25C8 9.00736 9.00736 8 10.25 8H37.75ZM35.5 18H12.5V35.75C12.5 36.6682 13.2071 37.4212 14.1065 37.4942L14.25 37.5H33.75C34.6682 37.5 35.4212 36.7929 35.4942 35.8935L35.5 35.75V18ZM20.25 22.5H26.75C27.4404 22.5 28 23.0596 28 23.75C28 24.3972 27.5081 24.9295 26.8778 24.9935L26.75 25H20.25C19.5596 25 19 24.4404 19 23.75C19 23.1028 19.4919 22.5705 20.1222 22.5065L20.25 22.5H26.75H20.25ZM37.5 10.5H10.5V15.5H37.5V10.5Z" fill="currentColor"/>
</svg>
<span>Archives</span>
</a>
</li>
<li >
<a href='/search/'>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 2.5C14.1421 2.5 17.5 5.85786 17.5 10C17.5 11.7101 16.9276 13.2866 15.964 14.5483L20.7071 19.2929C21.0976 19.6834 21.0976 20.3166 20.7071 20.7071C20.3466 21.0676 19.7794 21.0953 19.3871 20.7903L19.2929 20.7071L14.5483 15.964C13.2866 16.9276 11.7101 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5ZM10 4.5C6.96243 4.5 4.5 6.96243 4.5 10C4.5 13.0376 6.96243 15.5 10 15.5C13.0376 15.5 15.5 13.0376 15.5 10C15.5 6.96243 13.0376 4.5 10 4.5Z" fill="currentColor"/>
</svg>
<span>Search</span>
</a>
</li>
<li id="dark-mode-toggle">
<div>
<svg class="icon icon-tabler icon-tabler-toggle-left" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM12 20.5V3.5C16.6944 3.5 20.5 7.30558 20.5 12C20.5 16.6944 16.6944 20.5 12 20.5Z" fill="currentColor"/>
</svg>
<span>Dark Mode</span>
</div>
</li>
</ol>
</aside><main class="main full-width">
<section class="article-list">
<article class="has-image">
<header class="article-header">
<div class="article-image">
<a href="/p/song-003/">
<img src="/p/song-003/cover_hu08f51e497d01111ccb34b0bb5d496ce7_7619145_800x0_resize_box_3.png"
srcset="/p/song-003/cover_hu08f51e497d01111ccb34b0bb5d496ce7_7619145_800x0_resize_box_3.png 800w, /p/song-003/cover_hu08f51e497d01111ccb34b0bb5d496ce7_7619145_1600x0_resize_box_3.png 1600w"
width="800"
height="296"
loading="lazy"
alt="Featured image of post 如果你不願在此降臨" />
</a>
</div>
<div class="article-details">
<header class="article-category">
<a href="/categories/%E6%AD%8C%E6%9B%B2%E5%89%B5%E4%BD%9C/" >
歌曲創作
</a>
</header>
<h2 class="article-title">
<a href="/p/song-003/">如果你不願在此降臨</a>
</h2>
<footer class="article-time">
<div>
<svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M21 6.25C21 4.45507 19.5449 3 17.75 3H6.25C4.45507 3 3 4.45507 3 6.25V17.75C3 19.5449 4.45507 21 6.25 21H12.0218C11.7253 20.5368 11.4858 20.0335 11.3135 19.5H6.25C5.2835 19.5 4.5 18.7165 4.5 17.75V8.5H19.5V11.3135C20.0335 11.4858 20.5368 11.7253 21 12.0218V6.25ZM6.25 4.5H17.75C18.7165 4.5 19.5 5.2835 19.5 6.25V7H4.5V6.25C4.5 5.2835 5.2835 4.5 6.25 4.5Z" />
<path d="M23 17.5C23 14.4624 20.5376 12 17.5 12C14.4624 12 12 14.4624 12 17.5C12 20.5376 14.4624 23 17.5 23C20.5376 23 23 20.5376 23 17.5ZM17.5 17.5H19.5C19.7761 17.5 20 17.7239 20 18C20 18.2762 19.7761 18.5 19.5 18.5H17C16.7268 18.5 16.5048 18.2809 16.5001 18.0089L16.5 17.9999V14.9999C16.5 14.7238 16.7239 14.4999 17 14.4999C17.2761 14.4999 17.5 14.7238 17.5 14.9999L17.5 17.5Z"/>
</svg>
<time class="article-time--published">2021-08-14</time>
</div>
</footer>
</div>
</header>
</article>
</section>
<footer class="site-footer">
<section class="copyright">
©
2021 -
2022 隨想Records
</section>
<section class="powerby">
Built with <a href="https://gohugo.io/" target="_blank" rel="noopener">Hugo</a> <br />
Theme <b><a href="https://github.com/CaiJimmy/hugo-theme-stack" target="_blank" rel="noopener" data-version="3.0.0">Stack</a></b> designed by <a href="https://jimmycai.com" target="_blank" rel="noopener">Jimmy</a>
</section>
</footer>
</main>
<aside class="sidebar right-sidebar sticky">
<form action="/search/" class="search-form widget" >
<p>
<label>Search</label>
<input name="keyword" required placeholder="Type something..." />
<button title="Search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 2.5C14.1421 2.5 17.5 5.85786 17.5 10C17.5 11.7101 16.9276 13.2866 15.964 14.5483L20.7071 19.2929C21.0976 19.6834 21.0976 20.3166 20.7071 20.7071C20.3466 21.0676 19.7794 21.0953 19.3871 20.7903L19.2929 20.7071L14.5483 15.964C13.2866 16.9276 11.7101 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5ZM10 4.5C6.96243 4.5 4.5 6.96243 4.5 10C4.5 13.0376 6.96243 15.5 10 15.5C13.0376 15.5 15.5 13.0376 15.5 10C15.5 6.96243 13.0376 4.5 10 4.5Z" fill="currentColor"/>
</svg>
</button>
</p>
</form>
<section class="widget archives">
<div class="widget-icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C10.2904 21 8.64945 20.5218 7.23081 19.6338C6.65294 19.2721 6.1177 18.8457 5.63566 18.3636C5.1529 17.8808 4.72601 17.3446 4.36401 16.7657C3.4774 15.3478 3 13.7082 3 12C3 11.7258 3.01228 11.4531 3.0367 11.1823C3.07389 10.7697 3.43847 10.4655 3.85101 10.5026C4.26355 10.5398 4.56783 10.9044 4.53064 11.317C4.51026 11.543 4.5 11.7708 4.5 12C4.5 13.4249 4.89727 14.7893 5.63583 15.9704C5.93764 16.453 6.29368 16.9002 6.69639 17.303C7.09848 17.7051 7.5449 18.0608 8.02668 18.3623C9.20844 19.1021 10.5739 19.5 12 19.5C16.1421 19.5 19.5 16.1421 19.5 12C19.5 7.85786 16.1421 4.5 12 4.5C9.60271 4.5 7.39953 5.63281 5.99775 7.50196L8.75419 7.50209C9.1684 7.50209 9.50419 7.83788 9.50419 8.25209C9.50419 8.63179 9.22203 8.94558 8.85596 8.99525L8.75419 9.00209H4.25C3.8703 9.00209 3.55651 8.71994 3.50685 8.35386L3.5 8.25209V3.75209C3.5 3.33788 3.83579 3.00209 4.25 3.00209C4.6297 3.00209 4.94349 3.28425 4.99315 3.65032L5 3.75209L4.999 6.34348C6.68587 4.25603 9.23628 3 12 3ZM11.25 7C11.6295 7 11.9435 7.28233 11.9931 7.64827L12 7.75V12H14.25C14.664 12 15 12.336 15 12.75C15 13.1295 14.7177 13.4435 14.3517 13.4931L14.25 13.5H11.25C10.8705 13.5 10.5565 13.2177 10.5069 12.8517L10.5 12.75V7.75C10.5 7.336 10.836 7 11.25 7Z" fill="currentColor"/>
</svg>
</div>
<h2 class="widget-title section-title">Archives</h2>
<div class="widget-archive--list">
<div class="archives-year">
<a href="/archives/#2021">
<span class="year">2021</span>
<span class="count">1</span>
</a>
</div>
</div>
</section>
<section class="widget links">
<div class="widget-icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 7C9.55228 7 10 7.44772 10 8C10 8.51284 9.61396 8.93551 9.11662 8.99327L9 9H7C5.34315 9 4 10.3431 4 12C4 13.5977 5.24892 14.9037 6.82373 14.9949L7 15H9C9.55228 15 10 15.4477 10 16C10 16.5128 9.61396 16.9355 9.11662 16.9933L9 17H7C4.23858 17 2 14.7614 2 12C2 9.31125 4.12231 7.11818 6.78311 7.00462L7 7H9ZM17 7C19.7614 7 22 9.23858 22 12C22 14.6888 19.8777 16.8818 17.2169 16.9954L17 17H15C14.4477 17 14 16.5523 14 16C14 15.4872 14.386 15.0645 14.8834 15.0067L15 15H17C18.6569 15 20 13.6569 20 12C20 10.4023 18.7511 9.09634 17.1763 9.00509L17 9H15C14.4477 9 14 8.55228 14 8C14 7.48716 14.386 7.06449 14.8834 7.00673L15 7H17ZM7 11H17C17.5523 11 18 11.4477 18 12C18 12.5128 17.614 12.9355 17.1166 12.9933L17 13H7C6.44772 13 6 12.5523 6 12C6 11.4872 6.38604 11.0645 6.88338 11.0067L7 11H17H7Z" fill="currentColor"/>
</svg>
</div>
<h2 class="widget-title section-title">Links</h2>
<div class="links-div">
<a href="https://www.instagram.com/hensuu555/" class="instagram">
<img src="/img/links/instagram_240.png"></img>
</a>
<a href="https://github.com/hensuu" class="github">
<img src="/img/links/github.png"></img>
</a>
<a href="https://www.youtube.com/channel/UCzsZ7QiIj1RzYAacd3cZf8w" class="github">
<img src="/img/links/youtube.png"></img>
</a>
</div>
</section>
</aside>
</div>
<script
src="https://cdn.jsdelivr.net/npm/node-vibrant@3.1.5/dist/vibrant.min.js"integrity="sha256-5NovOZc4iwiAWTYIFiIM7DxKUXKWvpVEuMEPLzcm5/g="crossorigin="anonymous"
defer="false"
>
</script><script type="text/javascript" src="/ts/main.js" defer></script>
<script>
(function () {
const customFont = document.createElement('link');
customFont.href = "https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap";
customFont.type = "text/css";
customFont.rel = "stylesheet";
document.head.appendChild(customFont);
}());
</script>
</body>
</html>