-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
282 lines (282 loc) · 35.4 KB
/
index.html
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
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>Cynosura</title>
<meta name="description" content="赤茶的个人页面">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--主题色-->
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#EBF4F4">
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#121212">
<!--Open Graph protocol-->
<meta property="og:type" content="website">
<meta property="og:title" content="Cynosura">
<meta property="og:description" content="赤茶的个人页面">
<meta property="og:url" content="https://cynosura.one">
<meta property="og:image" content="https://cynosura.one/img/banner.webp">
<!--Twitter Card-->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@astraorsa">
<meta name="twitter:title" content="Cynosura">
<meta name="twitter:description" content="赤茶的个人页面">
<meta name="twitter:image" content="https://cynosura.one/img/banner.webp">
<!--链接样式-->
<link rel="stylesheet" type="text/css" href="css/main.css">
<script src="js/menu.js" defer></script>
<!--图标和站点地图-->
<link rel="icon" type="image/x-icon" href="img/favicon.ico">
<link rel="sitemap" type="application/xml" title="Sitemap" href="sitemap.xml">
<!--供 Mastodon 验证使用-->
<link rel="me" href="https://mastodon.social/@cynosura">
<link rel="me" href="https://octans.app/@cynosura">
</head>
<body>
<header>
<img class="header-avatar" width="600" height="600" src="img/avatar.webp" alt="site-avatar">
<h1 class="header-title">Cynosura</h1>
<p class="header-description">Trying to light up the dark.</p>
</header>
<main class="index-main">
<nav class="menu">
<div class="menu-a">
<button class="menu-button-active menu-button" onclick="window.location.href='index.html'" aria-labelledby="menu-a-index">
<svg class="icon menu-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.8913288,10 L11.8900003,3.99867157 L5.88867192,10 L5.89001465,10 L5.89001465,20 L17.8900146,20 L17.8900146,10 L17.8913288,10 Z M19.8900146,11.9986859 L19.8900146,20 C19.8900146,21.1045695 18.9945841,22 17.8900146,22 L5.89001465,22 C4.78544515,22 3.89001465,21.1045695 3.89001465,20 L3.89001465,11.9986573 L2.41319817,13.4754737 L1,12.0622756 L10.4769858,2.5852898 C11.2573722,1.8049034 12.5226285,1.8049034 13.3030149,2.5852898 L22.7800007,12.0622756 L21.3668025,13.4754737 L19.8900146,11.9986859 Z" fill-rule="evenodd"/></svg>
<span class="menu-button-text-active" id="menu-a-index">首页</span>
</button>
<button class="menu-button" onclick="window.location.href='/posts'" aria-labelledby="menu-a-posts">
<svg class="icon menu-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.3023235,7.94519388 L4.69610276,15.549589 C4.29095108,15.9079238 4.04030835,16.4092335 4,16.8678295 L4,20.0029438 L7.06398288,20.004826 C7.5982069,19.9670062 8.09548693,19.7183782 8.49479322,19.2616227 L16.0567001,11.6997158 L12.3023235,7.94519388 Z M13.7167068,6.53115006 L17.4709137,10.2855022 L19.8647941,7.89162181 C19.9513987,7.80501747 20.0000526,7.68755666 20.0000526,7.56507948 C20.0000526,7.4426023 19.9513987,7.32514149 19.8647932,7.23853626 L16.7611243,4.13485646 C16.6754884,4.04854589 16.5589355,4 16.43735,4 C16.3157645,4 16.1992116,4.04854589 16.1135757,4.13485646 L13.7167068,6.53115006 Z M16.43735,2 C17.0920882,2 17.7197259,2.26141978 18.1781068,2.7234227 L21.2790059,5.82432181 C21.7406843,6.28599904 22.0000526,6.91216845 22.0000526,7.56507948 C22.0000526,8.21799052 21.7406843,8.84415992 21.2790068,9.30583626 L9.95750718,20.6237545 C9.25902448,21.4294925 8.26890003,21.9245308 7.1346,22.0023295 L2,22.0023295 L2,21.0023295 L2.00324765,16.7873015 C2.08843822,15.7328366 2.57866679,14.7523321 3.32649633,14.0934196 L14.6953877,2.72462818 C15.1563921,2.2608295 15.7833514,2 16.43735,2 Z" fill-rule="evenodd"/></svg>
<span class="menu-button-text" id="menu-a-posts">文章</span>
</button>
<button class="menu-button" onclick="window.location.href='friends.html'" aria-labelledby="menu-a-friends">
<svg class="icon menu-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M16.4341517,5.34027649 C19.5526401,4.82550436 21.9775728,5.30066885 22.7613144,6.98140814 C23.5450164,8.66206251 22.3504571,10.824965 19.951836,12.8828831 C19.5123956,16.8857302 16.1198862,20 12,20 C10.359675,20 8.83465517,19.5063199 7.56541555,18.6594348 C4.44608523,19.1746732 2.02039254,18.6996452 1.23650448,17.0185919 C0.452540248,15.3373751 1.64816139,13.1735876 4.04839101,11.1150512 C4.48877158,7.11319839 7.88082257,4 12,4 C13.6401386,4 15.1649982,4.49356789 16.4341517,5.34027649 Z M18.3526801,7.13687265 C19.0478987,8.04366602 19.553342,9.10361155 19.8096504,10.2573495 C20.759634,9.23569807 21.1931253,8.35081879 20.9486988,7.82664467 C20.7041658,7.30224176 19.7469377,7.06554811 18.3526801,7.13687265 Z M5.64723739,16.8630198 C4.95168113,15.9557542 4.44609504,14.8951833 4.1899293,13.7407574 C3.23872065,14.7632088 2.80454268,15.6488575 3.04912005,16.1733553 C3.29377581,16.6980213 4.25184178,16.9346893 5.64723739,16.8630198 Z M17.998801,11.8788388 C17.9342721,8.62105818 15.2732265,6 12,6 C8.6862915,6 6,8.6862915 6,12 C6,13.8017545 6.79417414,15.4180196 8.05156374,16.5178367 C9.61918795,16.1740501 11.4219878,15.5791568 13.2667642,14.7189234 C15.1123744,13.8583012 16.727532,12.8591526 17.998801,11.8788388 Z M17.3040733,14.8073455 C16.3274273,15.4175193 15.2552552,15.9984306 14.1120008,16.5315389 C12.9695057,17.0642931 11.8360704,17.5119809 10.7415499,17.8678087 C11.1473536,17.9544194 11.5683538,18 12,18 C14.2994717,18 16.2968203,16.7064576 17.3040733,14.8073455 Z" fill-rule="evenodd"/></svg>
<span class="menu-button-text" id="menu-a-friends">友人</span>
</button>
<button class="menu-button" onclick="window.location.href='about.html'" aria-labelledby="menu-a-about">
<svg class="icon menu-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12,23 C5.92486775,23 1,18.0751322 1,12 C1,5.92486775 5.92486775,1 12,1 C18.0751322,1 23,5.92486775 23,12 C23,18.0751322 18.0751322,23 12,23 Z M12,21 C16.9705627,21 21,16.9705627 21,12 C21,7.02943725 16.9705627,3 12,3 C7.02943725,3 3,7.02943725 3,12 C3,16.9705627 7.02943725,21 12,21 Z M13.0036109,13.9983464 L14.0029544,13.9983464 L14.0029544,15.9983464 L10.0029544,15.9983464 L10.0029544,13.9983464 L11.0029544,13.9983464 L11.0029544,11.9983464 L10.0029544,11.9983464 L10.0029544,9.99834639 L13.0036109,9.99834639 L13.0036109,13.9983464 Z M12.0003283,8.99834639 C11.4478622,8.99834639 11,8.55063114 11,7.99834639 C11,7.44606164 11.4478622,6.99834639 12.0003283,6.99834639 C12.5527943,6.99834639 13.0006565,7.44606164 13.0006565,7.99834639 C13.0006565,8.55063114 12.5527943,8.99834639 12.0003283,8.99834639 Z" fill-rule="evenodd"/></svg>
<span class="menu-button-text" id="menu-a-about">关于</span>
</button>
<button class="menu-button" onclick="window.location.href='https://www.travellings.cn/go.html'" aria-labelledby="menu-a-travelling">
<svg class="icon menu-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="8.5" cy="14.5" r="1.5"/><circle cx="15.5" cy="14.5" r="1.5"/><path d="M18.87 3.34A3.55 3.55 0 0 0 16.38 2H7.62a3.47 3.47 0 0 0-2.5 1.35A4.32 4.32 0 0 0 4 6v12a1 1 0 0 0 1 1h2l-2 3h2.32L8 21h8l.68 1H19l-2-3h2a1 1 0 0 0 1-1V6a4.15 4.15 0 0 0-1.13-2.66zM7.62 4h8.72a1.77 1.77 0 0 1 1 .66 3.25 3.25 0 0 1 .25.34H6.39a2.3 2.3 0 0 1 .25-.35A1.65 1.65 0 0 1 7.62 4zM6 8V7h12v3H6zm12 9H6v-5h12z"/></svg>
<span class="menu-button-text" id="menu-a-travelling">开往</span>
</button>
</div>
<div class="menu-b">
<button class="menu-button" id="open-menu" aria-label="打开菜单">
<svg class="icon menu-icon" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><line x1="3" x2="21" y1="12" y2="12"/><line x1="3" x2="21" y1="6" y2="6"/><line x1="3" x2="21" y1="18" y2="18"/></svg>
</button>
</div>
</nav>
<div class="menu-b-drawer-container" id="drawer">
<div class="menu-b-drawer-content">
<img class="menu-b-personal-avatar" src="img/profile-avatar.webp" width="512" height="512" alt="personal-avatar">
<h2 class="subtitle">赤茶</h2>
<p class="menu-b-description">Per aspera, ad astra.</p>
<hr>
<div class="menu-b-pgp">
<h3 class="subtitle">PGP</h3>
<svg class="icon text-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g><path d="M0 0h24v24H0z" fill="none"/><path d="M10.758 11.828l7.849-7.849 1.414 1.414-1.414 1.415 2.474 2.474-1.414 1.415-2.475-2.475-1.414 1.414 2.121 2.121-1.414 1.415-2.121-2.122-2.192 2.192a5.002 5.002 0 0 1-7.708 6.294 5 5 0 0 1 6.294-7.708zm-.637 6.293A3 3 0 1 0 5.88 13.88a3 3 0 0 0 4.242 4.242z"/></g></svg><a href="https://keys.openpgp.org/vks/v1/by-fingerprint/F6006874CC50A6C854B9763C3728385536F22DEA">3728 3855 36F2 2DEA</a>
</div>
<div class="social-link">
<h3 class="subtitle">联系方式</h3>
<button class="menu-b-button social-button" onclick="window.location.href='mailto:[email protected]'" type="button" title="Email">
<svg class="social-icon" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 352c-16.53 0-33.06-5.422-47.16-16.41L0 173.2V400C0 426.5 21.49 448 48 448h416c26.51 0 48-21.49 48-48V173.2l-208.8 162.5C289.1 346.6 272.5 352 256 352zM16.29 145.3l212.2 165.1c16.19 12.6 38.87 12.6 55.06 0l212.2-165.1C505.1 137.3 512 125 512 112C512 85.49 490.5 64 464 64h-416C21.49 64 0 85.49 0 112C0 125 6.01 137.3 16.29 145.3z"/></svg>
</button>
<button class="menu-b-button social-button" onclick="window.location.href='https://www.instagram.com/skykousa'" type="button" title="Instagram">
<svg class="social-icon" xmlns="http://www.w3.org/2000/svg" id="bc4044d7-f71f-475b-94f1-a5fb87068130" data-name="Layer 1" viewBox="0 0 14.3782 13.8471"><path d="M7.19,4.4315A2.5416,2.5416,0,0,0,4.6016,6.924,2.5416,2.5416,0,0,0,7.19,9.4164,2.5417,2.5417,0,0,0,9.7778,6.924,2.5417,2.5417,0,0,0,7.19,4.4315Z"></path><path d="M11.1965,0H3.1818A3.1819,3.1819,0,0,0,0,3.1818v7.4835a3.1818,3.1818,0,0,0,3.1818,3.1818h8.0147a3.1817,3.1817,0,0,0,3.1817-3.1818V3.1818A3.1818,3.1818,0,0,0,11.1965,0ZM7.1915,10.5247a3.6713,3.6713,0,0,1-3.7384-3.6,3.6713,3.6713,0,0,1,3.7384-3.6,3.6713,3.6713,0,0,1,3.7384,3.6A3.6713,3.6713,0,0,1,7.1915,10.5247Zm4.1673-6.6466a.9883.9883,0,0,1-1.0063-.9693,1.0072,1.0072,0,0,1,2.0129,0A.9885.9885,0,0,1,11.3588,3.8781Z"></path></svg>
</button>
<button class="menu-b-button social-button" onclick="window.location.href='https://bsky.app/profile/cynosura.one'" type="button" title="Bluesky">
<svg class="social-icon" viewBox="0 0 360 320" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M254.896 184.158C252.81 183.926 250.733 183.645 248.671 183.315C250.773 183.574 252.849 183.855 254.896 184.158Z" fill="white"/><path d="M180 141.964C163.699 110.262 119.308 51.1817 78.0347 22.044C38.4971 -5.86834 23.414 -1.03207 13.526 3.43594C2.08093 8.60755 0 26.1785 0 36.5164C0 46.8542 5.66748 121.272 9.36416 133.694C21.5786 174.738 65.0603 188.607 105.104 184.156C107.151 183.852 109.227 183.572 111.329 183.312C109.267 183.642 107.19 183.924 105.104 184.156C46.4204 192.847 -5.69621 214.233 62.6582 290.33C137.848 368.18 165.705 273.637 180 225.702C194.295 273.637 210.76 364.771 295.995 290.33C360 225.702 313.58 192.85 254.896 184.158C252.81 183.926 250.733 183.645 248.671 183.315C250.773 183.574 252.849 183.855 254.896 184.158C294.94 188.61 338.421 174.74 350.636 133.697C354.333 121.275 360 46.8568 360 36.519C360 26.1811 357.919 8.61012 346.474 3.43851C336.586 -1.02949 321.503 -5.86576 281.965 22.0466C240.692 51.1843 196.301 110.262 180 141.964Z"/></svg>
</button>
<button class="menu-b-button social-button" onclick="window.location.href='https://mixi.social/@cynosura'" type="button" title="mixi2">
<svg class="social-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 712.000000 712.000000"><g transform="translate(0.000000,712.000000) scale(0.100000,-0.100000)" stroke="none"><path d="M2585 6500 c-377 -59 -839 -341 -1261 -771 -588 -601 -1028 -1371 -1229 -2154 -60 -234 -78 -365 -79 -570 -1 -188 14 -287 63 -425 79 -223 243 -376 464 -431 78 -19 107 -21 245 -16 138 4 174 9 292 40 239 63 506 182 780 350 568 347 777 449 1080 530 106 28 129 30 280 31 153 0 171 -2 245 -27 242 -81 390 -282 457 -618 21 -107 22 -139 23 -519 l0 -405 27 -73 c40 -110 84 -178 173 -267 64 -65 98 -90 175 -128 133 -66 224 -88 400 -94 123 -5 163 -2 265 17 167 31 333 88 510 173 793 385 1329 1108 1525 2058 50 242 70 427 77 694 9 380 -22 705 -102 1065 -127 570 -304 892 -560 1018 -197 98 -429 71 -779 -92 -105 -49 -148 -73 -501 -276 -386 -222 -552 -301 -740 -350 -430 -112 -741 105 -944 657 -110 298 -275 481 -502 558 -70 23 -105 28 -204 31 -66 1 -147 -1 -180 -6z"/></g></svg>
</button>
</div>
<div class="social-im-link">
<h3 class="subtitle">即时通讯 / IM</h3>
<a class="menu-b-button" href="https://t.me/looprucha"><span class="menu-b-button social-im-button">Telegram</span></a>
<a class="menu-b-button" href="https://matrix.to/#/@froseiun:matrix.org"><span class="menu-b-button social-im-button">Matrix</span></a>
</div>
<div class="menu-b-close-div">
<button class="menu-button" id="close-menu" aria-label="关闭菜单">
<svg class="icon menu-icon" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M437.5,386.6L306.9,256l130.6-130.6c14.1-14.1,14.1-36.8,0-50.9c-14.1-14.1-36.8-14.1-50.9,0L256,205.1L125.4,74.5 c-14.1-14.1-36.8-14.1-50.9,0c-14.1,14.1-14.1,36.8,0,50.9L205.1,256L74.5,386.6c-14.1,14.1-14.1,36.8,0,50.9 c14.1,14.1,36.8,14.1,50.9,0L256,306.9l130.6,130.6c14.1,14.1,36.8,14.1,50.9,0C451.5,423.4,451.5,400.6,437.5,386.6z"/></svg>
</button>
</div>
</div>
</div>
<div class="main-header">
<div class="main-header-left center-card card">
<div class="main-header-left-a">
<img class="personal-avatar" src="img/profile-avatar.webp" width="1024" height="1024" alt="personal-avatar">
<h2 class="main-header-left-a-title subtitle">赤茶</h2>
<div class="main-header-left-a-description">
<span>PGP:</span>
<a href="https://keys.openpgp.org/vks/v1/by-fingerprint/F6006874CC50A6C854B9763C3728385536F22DEA">3728 3855 36F2 2DEA</a>
</div>
</div>
<div class="main-header-left-b">
<div class="social-link">
<h3 class="main-header-left-b-title subtitle">联系方式</h3>
<button class="social-button" onclick="window.location.href='mailto:[email protected]'" type="button" title="Email">
<svg class="social-icon" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 352c-16.53 0-33.06-5.422-47.16-16.41L0 173.2V400C0 426.5 21.49 448 48 448h416c26.51 0 48-21.49 48-48V173.2l-208.8 162.5C289.1 346.6 272.5 352 256 352zM16.29 145.3l212.2 165.1c16.19 12.6 38.87 12.6 55.06 0l212.2-165.1C505.1 137.3 512 125 512 112C512 85.49 490.5 64 464 64h-416C21.49 64 0 85.49 0 112C0 125 6.01 137.3 16.29 145.3z"/></svg>
</button>
<button class="social-button" onclick="window.location.href='https://www.instagram.com/skykousa'" type="button" title="Instagram">
<svg class="social-icon" xmlns="http://www.w3.org/2000/svg" id="bc4044d7-f71f-475b-94f1-a5fb87068130" data-name="Layer 1" viewBox="0 0 14.3782 13.8471"><path d="M7.19,4.4315A2.5416,2.5416,0,0,0,4.6016,6.924,2.5416,2.5416,0,0,0,7.19,9.4164,2.5417,2.5417,0,0,0,9.7778,6.924,2.5417,2.5417,0,0,0,7.19,4.4315Z"></path><path d="M11.1965,0H3.1818A3.1819,3.1819,0,0,0,0,3.1818v7.4835a3.1818,3.1818,0,0,0,3.1818,3.1818h8.0147a3.1817,3.1817,0,0,0,3.1817-3.1818V3.1818A3.1818,3.1818,0,0,0,11.1965,0ZM7.1915,10.5247a3.6713,3.6713,0,0,1-3.7384-3.6,3.6713,3.6713,0,0,1,3.7384-3.6,3.6713,3.6713,0,0,1,3.7384,3.6A3.6713,3.6713,0,0,1,7.1915,10.5247Zm4.1673-6.6466a.9883.9883,0,0,1-1.0063-.9693,1.0072,1.0072,0,0,1,2.0129,0A.9885.9885,0,0,1,11.3588,3.8781Z"></path></svg>
</button>
<button class="social-button" onclick="window.location.href='https://bsky.app/profile/cynosura.one'" type="button" title="Bluesky">
<svg class="social-icon" viewBox="0 0 360 320" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M254.896 184.158C252.81 183.926 250.733 183.645 248.671 183.315C250.773 183.574 252.849 183.855 254.896 184.158Z" fill="white"/><path d="M180 141.964C163.699 110.262 119.308 51.1817 78.0347 22.044C38.4971 -5.86834 23.414 -1.03207 13.526 3.43594C2.08093 8.60755 0 26.1785 0 36.5164C0 46.8542 5.66748 121.272 9.36416 133.694C21.5786 174.738 65.0603 188.607 105.104 184.156C107.151 183.852 109.227 183.572 111.329 183.312C109.267 183.642 107.19 183.924 105.104 184.156C46.4204 192.847 -5.69621 214.233 62.6582 290.33C137.848 368.18 165.705 273.637 180 225.702C194.295 273.637 210.76 364.771 295.995 290.33C360 225.702 313.58 192.85 254.896 184.158C252.81 183.926 250.733 183.645 248.671 183.315C250.773 183.574 252.849 183.855 254.896 184.158C294.94 188.61 338.421 174.74 350.636 133.697C354.333 121.275 360 46.8568 360 36.519C360 26.1811 357.919 8.61012 346.474 3.43851C336.586 -1.02949 321.503 -5.86576 281.965 22.0466C240.692 51.1843 196.301 110.262 180 141.964Z"/></svg>
</button>
<button class="social-button" onclick="window.location.href='https://mixi.social/@cynosura'" type="button" title="mixi2">
<svg class="social-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 712.000000 712.000000"><g transform="translate(0.000000,712.000000) scale(0.100000,-0.100000)" stroke="none"><path d="M2585 6500 c-377 -59 -839 -341 -1261 -771 -588 -601 -1028 -1371 -1229 -2154 -60 -234 -78 -365 -79 -570 -1 -188 14 -287 63 -425 79 -223 243 -376 464 -431 78 -19 107 -21 245 -16 138 4 174 9 292 40 239 63 506 182 780 350 568 347 777 449 1080 530 106 28 129 30 280 31 153 0 171 -2 245 -27 242 -81 390 -282 457 -618 21 -107 22 -139 23 -519 l0 -405 27 -73 c40 -110 84 -178 173 -267 64 -65 98 -90 175 -128 133 -66 224 -88 400 -94 123 -5 163 -2 265 17 167 31 333 88 510 173 793 385 1329 1108 1525 2058 50 242 70 427 77 694 9 380 -22 705 -102 1065 -127 570 -304 892 -560 1018 -197 98 -429 71 -779 -92 -105 -49 -148 -73 -501 -276 -386 -222 -552 -301 -740 -350 -430 -112 -741 105 -944 657 -110 298 -275 481 -502 558 -70 23 -105 28 -204 31 -66 1 -147 -1 -180 -6z"/></g></svg>
</button>
</div>
<div class="main-header-left-b-space"></div>
<div class="social-im-link">
<h3 class="main-header-left-b-title subtitle">即时通讯 / IM</h3>
<a href="https://t.me/looprucha"><span class="social-im-button">Telegram</span></a>
<a href="https://matrix.to/#/@froseiun:matrix.org"><span class="social-im-button">Matrix</span></a>
</div>
</div>
</div>
<div class="main-header-right card">
<div class="main-header-right-window"></div>
<div class="main-header-right-content">
<h2 class="card-title">自介</h2>
<h3>嗨!这里是赤茶,很高兴认识你</h3>
<p>全干运维一枚,喜欢摄影、音乐及乱跑,但比较习惯独行</p>
</div>
<div class="main-header-right-info">
<div class="main-header-right-info-avatar">
<img width="400" height="400" src="img/artist-avatar.webp" alt="artist-avatar">
</div>
<div class="main-header-right-info-content">
<h2 class="main-header-right-info-content-title">画师:パルワ</h2>
<p class="main-header-right-info-content-description">作品集:AI まとめ 5</p>
</div>
</div>
</div>
</div>
<div class="main-content">
<div class="skill-list card">
<h2 class="card-title">技能</h2>
<h3>技能树点得很烂,会的也不精</h3>
<div class="skill-list-card">
<div class="skill-list-content">
<svg class="skill-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g><path d="M0 0h24v24H0z" fill="none"/><path d="M11 12l-7.071 7.071-1.414-1.414L8.172 12 2.515 6.343 3.929 4.93 11 12zm0 7h10v2H11v-2z"/></g></svg>
<p class="list-text">Linux Shell</p>
</div>
<div class="skill-list-content">
<svg class="skill-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13.325 3.05011L8.66741 20.4323L10.5993 20.9499L15.2568 3.56775L13.325 3.05011Z"/><path d="M7.61197 18.3608L8.97136 16.9124L8.97086 16.8933L3.87657 12.1121L8.66699 7.00798L7.20868 5.63928L1.04956 12.2017L7.61197 18.3608Z"/><path d="M16.388 18.3608L15.0286 16.9124L15.0291 16.8933L20.1234 12.1121L15.333 7.00798L16.7913 5.63928L22.9504 12.2017L16.388 18.3608Z"/></svg>
<p class="list-text">HTML & CSS</p>
</div>
<div class="skill-list-content">
<svg class="skill-icon" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h48v48h-48z" fill="none"/><path d="M24 16c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm-14 14h-4v8c0 2.21 1.79 4 4 4h8v-4h-8v-8zm0-20h8v-4h-8c-2.21 0-4 1.79-4 4v8h4v-8zm28-4h-8v4h8v8h4v-8c0-2.21-1.79-4-4-4zm0 32h-8v4h8c2.21 0 4-1.79 4-4v-8h-4v8z"/></svg>
<p class="list-text">Photography</p>
</div>
<div class="skill-list-content">
<svg class="skill-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19,12 L19,8.62081119 C17.3445598,9.50508911 14.8145288,10 12,10 C9.18547122,10 6.65544022,9.50508911 5,8.62081119 L5,12.0000003 C5,12.8370203 8.10127922,14 12,14 C15.8987208,14 19,12.8370203 19,12 Z M19,14.6208112 C17.3445598,15.5050891 14.8145288,16 12,16 C9.18547122,16 6.65544022,15.5050891 5,14.6208112 L5,18 C5,18.8370203 8.10127922,20 12,20 C15.8987208,20 19,18.8370203 19,18 L19,14.6208112 Z M3,6 C3,3.52331179 7.06216478,2 12,2 C16.9378352,2 21,3.52331179 21,6 L21,18 C21,20.4766882 16.9378352,22 12,22 C7.06216478,22 3,20.4766882 3,18 L3,6 Z M12,8 C15.8987208,8 19,6.83702029 19,6 C19,5.16297971 15.8987208,4 12,4 C8.10127922,4 5,5.16297971 5,6 C5,6.83702029 8.10127922,8 12,8 Z" fill-rule="evenodd"/></svg>
<p class="list-text">Database</p>
</div>
<div class="skill-list-content">
<svg class="skill-icon" data-name="Layer 1" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M16,30A14,14,0,1,1,30,16,14,14,0,0,1,16,30ZM16,4A12,12,0,1,0,28,16,12,12,0,0,0,16,4Z"/><path d="M16,30a1,1,0,0,1-1-1V3a1,1,0,0,1,2,0V29A1,1,0,0,1,16,30Z"/><path d="M23,17a1,1,0,0,1-1-1c0-6.5-2.75-12-6-12a1,1,0,0,1,0-2c4.49,0,8,6.15,8,14A1,1,0,0,1,23,17Z"/><path d="M16,30a1,1,0,0,1,0-2c3.25,0,6-5.5,6-12a1,1,0,0,1,2,0C24,23.85,20.49,30,16,30Z"/><path d="M9,17a1,1,0,0,1-1-1C8,8.15,11.51,2,16,2a1,1,0,0,1,0,2c-3.25,0-6,5.5-6,12A1,1,0,0,1,9,17Z"/><path d="M16,30c-4.49,0-8-6.15-8-14a1,1,0,0,1,2,0c0,6.5,2.75,12,6,12a1,1,0,0,1,0,2Z"/><path d="M29,17H3a1,1,0,0,1,0-2H29a1,1,0,0,1,0,2Z"/><path d="M27,11H5A1,1,0,0,1,5,9H27a1,1,0,0,1,0,2Z"/><path d="M27,23H5a1,1,0,0,1,0-2H27a1,1,0,0,1,0,2Z"/></svg>
<p class="list-text">Network</p>
</div>
<div class="skill-list-content">
<svg class="skill-icon" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h48v48h-48z" fill="none"/><path d="M25.74 30.15l-5.08-5.02.06-.06c3.48-3.88 5.96-8.34 7.42-13.06h5.86v-4.01h-14v-4h-4v4h-14v3.98h22.34c-1.35 3.86-3.46 7.52-6.34 10.72-1.86-2.07-3.4-4.32-4.62-6.7h-4c1.46 3.26 3.46 6.34 5.96 9.12l-10.17 10.05 2.83 2.83 10-10 6.22 6.22 1.52-4.07zm11.26-10.15h-4l-9 24h4l2.25-6h9.5l2.25 6h4l-9-24zm-5.25 14l3.25-8.67 3.25 8.67h-6.5z"/></svg>
<p class="list-text">Localization</p>
</div>
</div>
</div>
<div class="main-middle card">
<div class="device-list">
<h2 class="card-title">设备</h2>
<h3>详细列出的都是在经常使用的</h3>
<div class="device-list-card">
<div class="device-list-content">
<svg class="device-icon" style="enable-background:new 0 0 16 16;" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M15,3c0-0.552-0.448-1-1-1H2C1.448,2,1,2.448,1,3v9H0c0,1.105,0.895,2,2,2h12c1.105,0,2-0.895,2-2h-1V3z M14,12H2V3h12V12z"/></svg>
<p class="list-text">MacBook Pro 14</p>
</div>
<div class="device-list-content">
<svg class="device-icon" fill="currentColor" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M12 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h8zM4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4z"/><path d="M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/></svg>
<p class="list-text">iPad Pro 2022</p>
</div>
<div class="device-list-content">
<svg class="device-icon" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:none;}</style></defs><title/><g data-name="Layer 2" id="Layer_2"><path d="M22,29H10a3,3,0,0,1-3-3V6a3,3,0,0,1,3-3H22a3,3,0,0,1,3,3V26A3,3,0,0,1,22,29ZM10,5A1,1,0,0,0,9,6V26a1,1,0,0,0,1,1H22a1,1,0,0,0,1-1V6a1,1,0,0,0-1-1Z"/><path d="M18,7H14a2,2,0,0,1-2-2V4a1,1,0,0,1,1-1h6a1,1,0,0,1,1,1V5A2,2,0,0,1,18,7ZM14,5h0Z"/></g><g id="frame"><rect class="cls-1" height="32" width="32"/></g></svg>
<p class="list-text">iPhone 16</p>
</div>
<div class="device-list-content">
<svg class="device-icon" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M380.91,199l42.47-73.57a8.63,8.63,0,0,0-3.12-11.76,8.52,8.52,0,0,0-11.71,3.12l-43,74.52c-32.83-15-69.78-23.35-109.52-23.35s-76.69,8.36-109.52,23.35l-43-74.52a8.6,8.6,0,1,0-14.88,8.64L131,199C57.8,238.64,8.19,312.77,0,399.55H512C503.81,312.77,454.2,238.64,380.91,199ZM138.45,327.65a21.46,21.46,0,1,1,21.46-21.46A21.47,21.47,0,0,1,138.45,327.65Zm235,0A21.46,21.46,0,1,1,395,306.19,21.47,21.47,0,0,1,373.49,327.65Z"/></svg>
<p class="list-text">Galaxy S22</p>
</div>
<div class="device-list-content">
<svg class="device-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 4.5V6.5H5V4.5H7Z"/><path d="M19 4.5V6.5H17V4.5H19Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 11V5.52941C11 3.03579 8.99315 1 6.5 1C4.00685 1 2 3.03579 2 5.52941C2 6.59624 2.18518 7.73678 2.72976 8.64591C3.21669 9.45879 3.97607 10.0513 5 10.2223V11H2V19.4142L5.58579 23H18.4378L22 19.4121V11H19.0214V10.2187C20.0345 10.0431 20.7867 9.45311 21.2702 8.64591C21.8148 7.73678 22 6.59624 22 5.52941C22 3.03579 19.9932 1 17.5 1C15.0068 1 13 3.03579 13 5.52941V11H11ZM6.5 3C5.12716 3 4 4.12455 4 5.52941C4 6.41182 4.16083 7.14294 4.44549 7.61816C4.69345 8.03211 5.03639 8.27273 5.625 8.27273H7V11H9V5.52941C9 4.12455 7.87284 3 6.5 3ZM4 13V18.5858L6.41421 21H17.6051L20 18.5879V13H4ZM15 11H17.0214V8.27273H18.375C18.9636 8.27273 19.3065 8.03211 19.5545 7.61816C19.8392 7.14294 20 6.41182 20 5.52941C20 4.12455 18.8728 3 17.5 3C16.1272 3 15 4.12455 15 5.52941V11Z"/></svg>
<p class="list-text">AirPods Pro</p>
</div>
<div class="device-list-content">
<svg class="device-icon" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 5a.5.5 0 0 0-1 0v2.5H6a.5.5 0 0 0 0 1h2a.5.5 0 0 0 .5-.5V5z"/><path d="M5.667 16C4.747 16 4 15.254 4 14.333v-1.86A5.985 5.985 0 0 1 2 8c0-1.777.772-3.374 2-4.472V1.667C4 .747 4.746 0 5.667 0h4.666C11.253 0 12 .746 12 1.667v1.86a5.99 5.99 0 0 1 1.918 3.48.502.502 0 0 1 .582.493v1a.5.5 0 0 1-.582.493A5.99 5.99 0 0 1 12 12.473v1.86c0 .92-.746 1.667-1.667 1.667H5.667zM13 8A5 5 0 1 0 3 8a5 5 0 0 0 10 0z"/></svg>
<p class="list-text">Apple Watch S7</p>
</div>
<div class="device-list-content">
<svg class="device-icon" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M0 6c0-1.1.9-2 2-2h3l2-2h6l2 2h3a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6zm10 10a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0-2a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/></svg>
<p class="list-text">Lumix DC-GX9</p>
</div>
<div class="device-list-content">
<svg class="device-icon" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><title/><circle cx="256" cy="256" r="48"/><circle cx="416" cy="256" r="48"/><circle cx="96" cy="256" r="48"/></svg>
<p class="list-text">电子垃圾收集中...</p>
</div>
</div>
</div>
</div>
<div class="index-gallery card">
<h2 class="card-title">相册</h2>
<h3>手机摄影居多,权当记录生活日常</h3>
<div class="index-gallery-content">
<div class="index-gallery-photo index-gallery-photo1">
<img src="img/gallery/photo1.webp" width="1229" height="1536" loading="lazy" aria-labelledby="index-gallery-photo1-info">
<span class="index-gallery-photo-info">
<svg class="index-gallery-photo-info-icon" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 20S3 10.87 3 7a7 7 0 1 1 14 0c0 3.87-7 13-7 13zm0-11a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/></svg>
<span id="index-gallery-photo1-info">金沙湖</span>
</span>
</div>
<div class="index-gallery-photo index-gallery-photo2">
<img src="img/gallery/photo2.webp" width="1024" height="768" loading="lazy" aria-labelledby="index-gallery-photo2-info">
<span class="index-gallery-photo-info">
<svg class="index-gallery-photo-info-icon" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 20S3 10.87 3 7a7 7 0 1 1 14 0c0 3.87-7 13-7 13zm0-11a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/></svg>
<span id="index-gallery-photo2-info">紫金山</span>
</span>
</div>
<div class="index-gallery-photo index-gallery-photo3">
<img src="img/gallery/photo3.webp" width="1024" height="768" loading="lazy" aria-labelledby="index-gallery-photo3-info">
<span class="index-gallery-photo-info">
<svg class="index-gallery-photo-info-icon" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 20S3 10.87 3 7a7 7 0 1 1 14 0c0 3.87-7 13-7 13zm0-11a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/></svg>
<span id="index-gallery-photo3-info">西湖</span>
</span>
</div>
<div class="index-gallery-photo index-gallery-photo4">
<img src="img/gallery/photo4.webp" width="1024" height="768" loading="lazy" aria-labelledby="index-gallery-photo4-info">
<span class="index-gallery-photo-info">
<svg class="index-gallery-photo-info-icon" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 20S3 10.87 3 7a7 7 0 1 1 14 0c0 3.87-7 13-7 13zm0-11a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/></svg>
<span id="index-gallery-photo4-info">柯桥</span>
</span>
</div>
<div class="index-gallery-photo index-gallery-photo5">
<img src="img/gallery/photo5.webp" width="1024" height="768" loading="lazy" aria-labelledby="index-gallery-photo5-info">
<span class="index-gallery-photo-info">
<svg class="index-gallery-photo-info-icon" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 20S3 10.87 3 7a7 7 0 1 1 14 0c0 3.87-7 13-7 13zm0-11a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/></svg>
<span id="index-gallery-photo5-info">檵木·春</span>
</span>
</div>
</div>
</div>
<article class="index-article card">
<h2 class="card-title">还有更多</h2>
<h3>即使不知道如何介绍自己...</h3>
<p>其实我一直不知道该怎么写介绍,换句话说,介绍自己对我而言是很困难的事。就连在这里,我也只是简单挂出了自己的社交链接及联系方式而已,没什么新内容。一直以来,有很多形容标签适用于我,例如我是 INFP-T,没事喜欢出门乱跑等等。</p>
<p>但我认为再多的标签也无法准确描述一个人,而最好的介绍方式就是挂出自己的社交链接。通过我每天发布的日常,去感受我是怎样的一个人,这样很好。很喜欢歌词中的一句话:"Trying to light up the dark.",即使身处黑暗,也要向往光明。但只顾仰望着星空的人,注定不会留意到自己下一步是否会跨入深渊。希望有朝一日能真正做些什么,即使能改变的只有自己。</p>
</article>
</div>
</main>
<footer>
<p>Designed by <a href="https://cynosura.one">Cynosura</a> © 2024</p>
</footer>
</body>
</html>