-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
308 lines (264 loc) · 20.1 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
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
<!DOCTYPE html>
<html class="zyyo.net">
<head class="zyyo.net">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Hello, I'm KongHe</title>
<link rel="icon" href="https://q1.qlogo.cn/g?b=qq&nk=2470299247&s=640">
<meta name="description" content="Caleb's website">
<meta name="keywords" content="空禾,KongHe,Personal_Website">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="./static/css/style.css?v=1.33">
</head>
<body>
<!-- 刷新加载动画 -->
<div id="PageLoading">
<div id="PageLoading-zyyo">
<div id="PageLoading-zyyo-center">
<div class="object" id="object_four"></div>
<div class="object" id="object_three"></div>
<div class="object" id="object_two"></div>
<div class="object" id="object_one"></div>
</div>
</div>
</div>
<div class="main">
<div onclick="left()" class="left">
<div class="left-main">
<div class="logo" style="background-image: url(https://q1.qlogo.cn/g?b=qq&nk=2470299247&s=640);">
<!-- 头像挂件 -->
<img style="display: none; position: absolute;top:-15%;left:-10%;width: 120%; aspect-ratio: 1/1;" src="" alt="avatar">
</div>
<div class="left-div left-des">
<div class="left-div-item">
<svg t="1705773709627" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="1478" width="20px" height="20px">
<path
d="M512 249.976471c-99.388235 0-180.705882 81.317647-180.705882 180.705882s81.317647 180.705882 180.705882 180.705882 180.705882-81.317647 180.705882-180.705882-81.317647-180.705882-180.705882-180.705882z m0 301.17647c-66.258824 0-120.470588-54.211765-120.470588-120.470588s54.211765-120.470588 120.470588-120.470588 120.470588 54.211765 120.470588 120.470588-54.211765 120.470588-120.470588 120.470588z"
fill="#2c2c2c" p-id="1479"></path>
<path
d="M512 39.152941c-216.847059 0-391.529412 174.682353-391.529412 391.529412 0 349.364706 391.529412 572.235294 391.529412 572.235294s391.529412-222.870588 391.529412-572.235294c0-216.847059-174.682353-391.529412-391.529412-391.529412z m0 891.482353C424.658824 873.411765 180.705882 686.682353 180.705882 430.682353c0-183.717647 147.576471-331.294118 331.294118-331.294118s331.294118 147.576471 331.294118 331.294118c0 256-243.952941 442.729412-331.294118 499.952941z"
fill="#2c2c2c" p-id="1480"></path>
</svg>
<!-- Location label -->
CN-GX
</div>
<div class="left-div-item">
<svg t="1705773906032" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="2474" width="20px" height="20px">
<path
d="M729.6 234.666667H294.4V157.866667a51.2 51.2 0 0 1 51.2-51.2h332.8a51.2 51.2 0 0 1 51.2 51.2v76.8z m179.2 51.2a51.2 51.2 0 0 1 51.2 51.2v512a51.2 51.2 0 0 1-51.2 51.2H115.2a51.2 51.2 0 0 1-51.2-51.2v-512a51.2 51.2 0 0 1 51.2-51.2h793.557333z m-768 172.032c0 16.384 13.312 29.696 29.696 29.696h683.008a29.696 29.696 0 1 0 0-59.392H170.410667a29.696 29.696 0 0 0-29.696 29.696z m252.416 118.784c0 16.384 13.312 29.696 29.696 29.696h178.176a29.696 29.696 0 1 0 0-59.392H422.912a29.738667 29.738667 0 0 0-29.696 29.696z"
fill="#666666" p-id="2475"></path>
</svg>
<!-- School label -->
XianRen
</div>
</div>
<div class="left-div left-tag">
<div class="left-tag-item">Developer</div>
<div class="left-tag-item">XianRen</div>
<div class="left-tag-item">Python</div>
<div class="left-tag-item">Linux</div>
<div class="left-tag-item">orangepi</div>
</div>
<div class="left-div left-time">
<ul id="line">
<li>
<div class="focus"></div>
<div>Plan</div>
<div>To be continued</div>
</li>
<li>
<li>
<div class="focus"></div>
<div>2024-06-17</div>
<div>Switched to new homepage</div>
</li>
<li>
<div class="focus"></div>
<div>2019-12-20</div>
<div>Built my blog</div>
</li>
</ul>
</div>
</div>
</div>
<div class="right">
<header> <!-- 头部开始 -->
<div class="welcome">Hello, I'm <span class="gradientText">Kong He</span></div>
<div class="description">👦 <span class="purpleText"> Full 散人</span> Developer
</div>
<div class="description">📝 你的时间
<span class="purpleText textBackground">有限</span>, 所有不要浪费
<span class="purpleText textBackground">时间</span>
去过别人的生活
</div>
<div class="iconContainer"> <!-- 图标容器开始 -->
<!-- 图标我全部是iconfont找的，可以自行更换 iconItemLong 长图标 -->
<!---->
<a class="iconItem" target="_blank" href="https://github.com/">
<svg t="1704870335945" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="2487" width="22px" height="22px">
<path
d="M511.6 76.3C264.3 76.2 64 276.4 64 523.5 64 718.9 189.3 885 363.8 946c23.5 5.9 19.9-10.8 19.9-22.2v-77.5c-135.7 15.9-141.2-73.9-150.3-88.9C215 726 171.5 718 184.5 703c30.9-15.9 62.4 4 98.9 57.9 26.4 39.1 77.9 32.5 104 26 5.7-23.5 17.9-44.5 34.7-60.8-140.6-25.2-199.2-111-199.2-213 0-49.5 16.3-95 48.3-131.7-20.4-60.5 1.9-112.3 4.9-120 58.1-5.2 118.5 41.6 123.2 45.3 33-8.9 70.7-13.6 112.9-13.6 42.4 0 80.2 4.9 113.5 13.9 11.3-8.6 67.3-48.8 121.3-43.9 2.9 7.7 24.7 58.3 5.5 118 32.4 36.8 48.9 82.7 48.9 132.3 0 102.2-59 188.1-200 212.9 23.5 23.2 38.1 55.4 38.1 91v112.5c0.8 9 0 17.9 15 17.9 177.1-59.7 304.6-227 304.6-424.1 0-247.2-200.4-447.3-447.5-447.3z"
fill="#000000" p-id="2488"></path>
</svg>
<!-- <div class="iconTip">Github</div> -->
</a>
<!---->
<!---->
<a class="iconItem" target="_blank" href="https://twitter.com/">
<svg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg'>
<path fill='currentColor' d='M22.212 5.656a8.384 8.384 0 0 1-2.401.658A4.195 4.195 0 0 0 21.649 4c-.82.488-1.719.83-2.655 1.015a4.182 4.182 0 0 0-7.126 3.814a11.874 11.874 0 0 1-8.621-4.37a4.168 4.168 0 0 0-.566 2.103c0 1.45.739 2.731 1.86 3.481a4.169 4.169 0 0 1-1.894-.523v.051a4.185 4.185 0 0 0 3.355 4.102a4.205 4.205 0 0 1-1.89.072A4.185 4.185 0 0 0 8.02 16.65a8.394 8.394 0 0 1-6.192 1.732a11.831 11.831 0 0 0 6.41 1.88c7.694 0 11.9-6.373 11.9-11.9c0-.18-.004-.362-.012-.541a8.497 8.497 0 0 0 2.086-2.164'/>
</svg>
<!-- <div class="iconTip">Twitter</div> -->
</a>
<a class="iconItem" target="_blank" href="https://space.bilibili.com">
<svg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg'>
<path fill='currentColor' d='M18.223 3.086a1.25 1.25 0 0 1 0 1.768L17.08 5.996h1.17A3.75 3.75 0 0 1 22 9.746v7.5a3.75 3.75 0 0 1-3.75 3.75H5.75A3.75 3.75 0 0 1 2 17.246v-7.5a3.75 3.75 0 0 1 3.75-3.75h1.166L5.775 4.855a1.25 1.25 0 0 1 1.767-1.768l2.652 2.651c.079.08.145.166.198.258h3.213c.053-.092.12-.18.199-.259l2.651-2.651a1.25 1.25 0 0 1 1.768 0Zm.027 5.42H5.75a1.25 1.25 0 0 0-1.247 1.157l-.003.093v7.5c0 .66.51 1.2 1.157 1.247l.093.003h12.5a1.25 1.25 0 0 0 1.247-1.156l.003-.094v-7.5c0-.69-.56-1.25-1.25-1.25Zm-10 2.5c.69 0 1.25.56 1.25 1.25v1.25a1.25 1.25 0 0 1-2.5 0v-1.25c0-.69.56-1.25 1.25-1.25Zm7.5 0c.69 0 1.25.56 1.25 1.25v1.25a1.25 1.25 0 0 1-2.5 0v-1.25c0-.69.56-1.25 1.25-1.25Z'/>
</svg>
<!-- <div class="iconTip">BiliBili</div> -->
</a>
<a class="iconItem" target="_blank" onclick="PopUp('./static/img/1.ico')">
<svg width="1.2em" height="1.2em" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.8401 19.345H15.9101C17.4101 19.385 18.6101 20.605 18.6101 22.105C18.6101 23.385 17.7401 24.455 16.5601 24.775V25.895C16.5601 26.295 16.2401 26.615 15.8401 26.615C15.4401 26.615 15.1201 26.295 15.1201 25.895V24.775C13.9401 24.455 13.0701 23.385 13.0701 22.105C13.0701 21.705 13.3901 21.385 13.7901 21.385C14.1901 21.385 14.5101 21.705 14.5101 22.105C14.5101 22.845 15.1001 23.435 15.8301 23.435C16.5601 23.435 17.1601 22.835 17.1601 22.105C17.1601 21.375 16.5601 20.775 15.8301 20.775H15.7601C14.2701 20.735 13.0701 19.515 13.0701 18.015C13.0701 16.735 13.9401 15.665 15.1201 15.345V14.225C15.1201 13.825 15.4401 13.505 15.8401 13.505C16.2401 13.505 16.5601 13.825 16.5601 14.225V15.345C17.7401 15.665 18.6101 16.735 18.6101 18.015C18.6101 18.415 18.2901 18.735 17.8901 18.735C17.4901 18.735 17.1701 18.415 17.1701 18.015C17.1701 17.285 16.5701 16.685 15.8401 16.685C15.1101 16.685 14.5101 17.285 14.5101 18.015C14.5101 18.745 15.1101 19.345 15.8401 19.345Z" fill="#212121"/>
<path d="M10.532 5.09995L13.3181 8.35983L13.0166 8.69618C7.28298 9.98229 3 15.1026 3 21.2249C3 26.6072 7.36772 30.9749 12.75 30.9749H18.92C24.3018 30.9749 28.6692 26.608 28.67 21.2264C28.6794 15.1029 24.3969 9.98239 18.6634 8.69621C18.6678 8.65637 18.67 8.61592 18.67 8.57497C18.67 8.39779 18.6278 8.2299 18.553 8.08084L20.923 5.36795L21.076 5.13195C21.2547 4.74228 21.3004 4.30471 21.2061 3.88653C21.1118 3.46835 20.8827 3.09273 20.5541 2.81742C20.2256 2.54212 19.8156 2.38239 19.3874 2.36279C18.9592 2.34319 18.5364 2.46481 18.184 2.70895L17.341 1.70895C17.152 1.49719 16.9204 1.32767 16.6615 1.21144C16.4025 1.09522 16.122 1.0349 15.8381 1.03443C15.5543 1.03395 15.2735 1.09334 15.0142 1.2087C14.7548 1.32407 14.5227 1.49282 14.333 1.70395L13.45 2.68995C13.0985 2.44074 12.6748 2.31426 12.2442 2.3301C11.8137 2.34594 11.4003 2.5032 11.0681 2.77756C10.7359 3.05192 10.5034 3.42809 10.4065 3.8479C10.3096 4.2677 10.3537 4.70774 10.532 5.09995ZM14.331 6.48495L12.635 4.52595C13.029 4.71581 13.4748 4.76972 13.9028 4.67925C14.3307 4.58879 14.7165 4.35904 15 4.02595L15.8 2.98695L16.688 4.03895C16.9649 4.36093 17.3384 4.58483 17.7528 4.67727C18.1673 4.76971 18.6005 4.72576 18.988 4.55195L17.3 6.48495H14.331ZM5 21.2249C5 15.2372 9.85228 10.3849 15.84 10.3849C21.828 10.3849 26.6792 15.2371 26.67 21.2234L26.67 21.2249C26.67 25.5026 23.1977 28.9749 18.92 28.9749H12.75C8.47228 28.9749 5 25.5026 5 21.2249Z" fill="#212121"/>
</svg>
</a>
<a class="iconItem" href="javascript:void(0)" onclick="left()">
<svg t="1706175679525" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="1880" width="22px" height="22px">
<path
d="M389.2 98.93H189.43c-49.51 0-89.8 40.28-89.8 89.8V388.5c0 49.51 40.28 89.8 89.8 89.8H389.2c49.51 0 89.8-40.28 89.8-89.8V188.72c0-49.51-40.28-89.79-89.8-89.79z m29.93 289.56c0 16.5-13.43 29.93-29.93 29.93H189.43c-16.5 0-29.93-13.43-29.93-29.93V188.72c0-16.5 13.43-29.93 29.93-29.93H389.2c16.5 0 29.93 13.43 29.93 29.93v199.77zM389.2 547.34H189.43c-49.51 0-89.8 40.28-89.8 89.8v199.77c0 49.51 40.28 89.8 89.8 89.8H389.2c49.51 0 89.8-40.28 89.8-89.8V637.14c0-49.51-40.28-89.8-89.8-89.8z m29.93 289.57c0 16.5-13.43 29.93-29.93 29.93H189.43c-16.5 0-29.93-13.43-29.93-29.93V637.14c0-16.5 13.43-29.93 29.93-29.93H389.2c16.5 0 29.93 13.43 29.93 29.93v199.77zM837.56 98.93H637.79c-49.51 0-89.8 40.28-89.8 89.8V388.5c0 49.51 40.28 89.8 89.8 89.8h199.77c49.51 0 89.8-40.28 89.8-89.8V188.72c0-49.51-40.28-89.79-89.8-89.79z m29.93 289.56c0 16.5-13.43 29.93-29.93 29.93H637.79c-16.5 0-29.93-13.43-29.93-29.93V188.72c0-16.5 13.43-29.93 29.93-29.93h199.77c16.5 0 29.93 13.43 29.93 29.93v199.77zM837.56 547.34H637.79c-49.51 0-89.8 40.28-89.8 89.8v199.77c0 49.51 40.28 89.8 89.8 89.8h199.77c49.51 0 89.8-40.28 89.8-89.8V637.14c0-49.51-40.28-89.8-89.8-89.8z m29.93 289.57c0 16.5-13.43 29.93-29.93 29.93H637.79c-16.5 0-29.93-13.43-29.93-29.93V637.14c0-16.5 13.43-29.93 29.93-29.93h199.77c16.5 0 29.93 13.43 29.93 29.93v199.77z"
p-id="1881" fill="#000000"></path>
</svg>
</a>
<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch"
checked>
<!---->
</div> <!-- 图标容器结束 -->
<div class="tanChiShe">
<img id="tanChiShe" src="./static/svg/snake-Light.svg" alt="">
</div>
</header> <!-- 头部结束 -->
<content>
<!-- 内容开始 -->
<div class="title">
<svg t="1705257422086" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="1891" width="26px" height="26px">
<path
d="M629.333333 202.666667v213.333333h277.333334v448h-512v-213.333333h-277.333334v-448h512z m213.333334 277.333333h-213.333334v170.666667h-170.666666v149.333333h384v-320z m-277.333334-213.333333h-384v320h213.333334v-170.666667h170.666666v-149.333333z m0 213.333333h-106.666666v106.666667h106.666666v-106.666667z"
fill="#000000" p-id="1892"></path>
</svg>
WebSites
</div>
<div class="projectList">
<!-- 项目列表开始 -->
<!---->
<a class="projectItem" target="_blank" href="http://oi.onk">
<!-- 项目项开始 -->
<div class="projectItemLeft">
<h1>Blog</h1>
<p>空禾栈</p>
</div>
<div class="projectItemRight">
<img src="./static/img/blog.svg" alt="">
</div>
<!-- 项目项结束 -->
</a>
<!---->
</div>
<div class="title">
<svg t="1705257422086" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="1891" width="26px" height="26px">
<path
d="M629.333333 202.666667v213.333333h277.333334v448h-512v-213.333333h-277.333334v-448h512z m213.333334 277.333333h-213.333334v170.666667h-170.666666v149.333333h384v-320z m-277.333334-213.333333h-384v320h213.333334v-170.666667h170.666666v-149.333333z m0 213.333333h-106.666666v106.666667h106.666666v-106.666667z"
fill="#000000" p-id="1892"></path>
</svg>
Online tools
</div>
<div class="projectList">
<!-- 项目列表开始 -->
<!---->
<a class="projectItem" target="_blank" href="#">
<div class="projectItemLeft">
<h1>待添加</h1>
<p>Stay tuned</p>
</div>
<div class="projectItemRight">
<img src="./static/img/tu1.svg" alt="">
</div>
</a>
<a class="projectItem" target="_blank" href="#">
<div class="projectItemLeft">
<h1>待添加</h1>
<p>Stay tuned</p>
</div>
<div class="projectItemRight">
<img src="./static/img/mao1.svg" alt="">
</div>
</a>
</div>
<div class="title">
<svg t="1705257422086" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="1891" width="26px" height="26px">
<path
d="M629.333333 202.666667v213.333333h277.333334v448h-512v-213.333333h-277.333334v-448h512z m213.333334 277.333333h-213.333334v170.666667h-170.666666v149.333333h384v-320z m-277.333334-213.333333h-384v320h213.333334v-170.666667h170.666666v-149.333333z m0 213.333333h-106.666666v106.666667h106.666666v-106.666667z"
fill="#000000" p-id="1892"></path>
</svg>
KH Game server
</div>
<div class="projectList">
<!-- 项目列表开始 -->
<!---->
<a class="projectItem" target="_blank" href="#">
<div class="projectItemLeft">
<h1>待添加</h1>
<p>Stay tuned</p>
</div>
<div class="projectItemRight">
<img src="./static/img/mao1.svg" alt="">
</div>
</a>
</div>
<div class="title">
<svg t="1705257823317" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="7833" width="26px" height="26px">
<path
d="M395.765333 586.570667h-171.733333c-22.421333 0-37.888-22.442667-29.909333-43.381334L364.768 95.274667A32 32 0 0 1 394.666667 74.666667h287.957333c22.72 0 38.208 23.018667 29.632 44.064l-99.36 243.882666h187.050667c27.509333 0 42.186667 32.426667 24.042666 53.098667l-458.602666 522.56c-22.293333 25.408-63.626667 3.392-54.976-29.28l85.354666-322.421333zM416.714667 138.666667L270.453333 522.581333h166.869334a32 32 0 0 1 30.933333 40.181334l-61.130667 230.954666 322.176-367.114666H565.312c-22.72 0-38.208-23.018667-29.632-44.064l99.36-243.882667H416.714667z"
fill="#000000" p-id="7834"></path>
</svg>
Skills
</div>
<div class="skill">
<!-- 技能开始 -->
<!-- 前往https://skillicons.dev/
生成，一个pc端，一个移动端，区别是一行的个数 -->
<img id="skillPc" src="./static/svg/skillPc.svg" alt="" srcset="">
<img id="skillWap" src="./static/svg/skillWap.svg" alt="" srcset="">
</div>
<!-- 技能结束 -->
</content> <!-- 内容结束 -->
<footer>
KongHe © 2024 |
<a href="https://github.com/xxynet/HomePage" target="_blank" class="footer-links">备案号</a>
</footer>
</div>
</div> <!-- main结束 -->
<!--弹窗-->
<div class="tc">
<div class="tc-main">
<img class="tc-img" src="" alt="" srcset="">
</div>
<div onclick="PopUp()" class="tc-close">
<svg t="1700047644371" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="950" width="19px" height="19px">
<path
d="M610.616405 512.423878l391.647127 391.939565a68.722849 68.722849 0 0 1 0 98.332161 72.012772 72.012772 0 0 1-100.306115 0l-390.404267-391.354689-392.012675 391.28158a69.74638 69.74638 0 0 1-98.551489-98.551489l391.793346-391.720237L20.988986 119.533891A69.74638 69.74638 0 0 1 119.540475 20.982402l392.158893 392.451331L901.957417 23.248793a72.012772 72.012772 0 0 1 100.306115 0 68.722849 68.722849 0 0 1 0 98.332161L610.616405 512.423878z"
p-id="951" fill="#000000"></path>
</svg>
</div>
</div>
</body>
<script src="./static/js/script.js?v=1.33"> </script>
</html>