forked from ZYYO666/homepage
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
237 lines (208 loc) · 14.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
<!DOCTYPE html>
<html class="Kaixuan Xie.net">
<head class="Kaixuan Xie.net">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>
Kaixuan Xie </title>
<link rel="icon" href="./static/img/favicon.ico">
<meta name="description" content="整天半吊子和不学无术的坏孩子,梦想成为庄稼地里的读书人.....">
<meta name="keywords" content="Kaixuan Xie 的个人主页">
<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">
<link rel="stylesheet" href="./static/css/root.css">
</head>
<body>
<div id="zyyo-loading">
<div id="zyyo-loading-center">
</div>
</div>
<div class="zyyo-filter"></div>
<div class="zyyo-main">
<div class="zyyo-left">
<div class="logo" style="background-image: url(./static/img/logo.png);">
<img style="position: absolute;top:-15%;left:-10%;width: 120%; aspect-ratio: 1/1;"
src="./static/img/logokuang.png">
</div>
<div class="left-div left-des">
<div class="left-des-item"><svg t="1705773709627" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1478"><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" 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" p-id="1480"></path></svg>Zhejiang-Hangzhou
</div>
<div class="left-des-item"><svg t="1705773906032" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2474"><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" p-id="2475"></path></svg>Sias</div>
</div>
<div class="left-div left-tag">
<div class="left-tag-item">研究生
</div>
<div class="left-tag-item">宅
</div>
<div class="left-tag-item">深度学习
</div>
<div class="left-tag-item">前端
</div>
<div class="left-tag-item">linux
</div>
<div class="left-tag-item">前端
</div>
</div>
<div class="left-div left-time">
<ul id="line">
<li>
<div class="focus"></div>
<div>搭建个人主页</div>
<div>2024.11</div>
</li>
</ul>
</div>
</div>
<div class="zyyo-right">
<header>
<div class="index-logo" style="background-image: url(./static/img/logo.png);">
<img style="position: absolute;top:-15%;left:-10%;width: 120%; aspect-ratio: 1/1;"
src="./static/img/logokuang.png">
</div>
<div class="welcome">
Hello I' m <span class="gradientText">
Kaixuan Xie </span>
</div>
<div class="description">👦 <span class="purpleText">Full Stack</span> Developer
</div>
<div class="description">📝 The only way to do <span class="purpleText textBackground">great</span> is
to <span class="purpleText textBackground">love</span> what you do. </div>
<div class="iconContainer">
<a class="iconItem" onclick="" href="https://github.com/xkx-youcha">
<svg t="1704870335945" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2487">
<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" p-id="2488"></path>
</svg>
<div class="iconTip">Github</div>
</a><a class="iconItem" onclick="" href="[email protected]">
<svg t="1704870588438" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3174" >
<path d="M926.47619 355.644952V780.190476a73.142857 73.142857 0 0 1-73.142857 73.142857H170.666667a73.142857 73.142857 0 0 1-73.142857-73.142857V355.644952l304.103619 257.828572a170.666667 170.666667 0 0 0 220.745142 0L926.47619 355.644952zM853.333333 170.666667a74.044952 74.044952 0 0 1 26.087619 4.778666 72.704 72.704 0 0 1 30.622477 22.186667 73.508571 73.508571 0 0 1 10.678857 17.67619c3.169524 7.509333 5.12 15.652571 5.607619 24.210286L926.47619 243.809524v24.380952L559.469714 581.241905a73.142857 73.142857 0 0 1-91.306666 2.901333l-3.632762-2.925714L97.52381 268.190476v-24.380952a72.899048 72.899048 0 0 1 40.155428-65.292191A72.97219 72.97219 0 0 1 170.666667 170.666667h682.666666z" p-id="3175"></path>
</svg>
<div class="iconTip">Mail</div>
</a><a class="iconItem" onclick="pop('./static/img/wxzsm.jpg')" href="javascript:void(0)">
<svg t="1705247464964" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4987" >
<path d="M995.575172 725.451034c-12.358621-26.835862-38.488276-64.794483-92.689655-94.27862-62.146207-33.721379-136.297931-40.96-208.860689-20.303448l-99.928276 28.424827-279.304828-126.057931H22.775172v489.401379h509.704828l432.375172-195.266207c15.006897-6.708966 26.835862-19.42069 32.662069-34.957241 5.649655-15.36 4.943448-31.955862-1.942069-46.962759z m-482.162758 188.910345H111.051034V601.688276h184.673104l166.664828 75.387586-3.354483 0.882759h-170.372414v88.275862H471.393103l246.819311-70.267586c49.434483-14.124138 101.517241-9.357241 142.653793 12.888275 18.184828 9.886897 30.72 20.833103 39.371034 30.896552l-386.824827 174.609655z" p-id="4988"></path>
<path d="M695.437241 163.486897l58.615173-142.30069h-397.24138l66.736552 143.36c-121.82069 53.142069-207.095172 174.433103-207.095172 315.674483 0 28.601379 3.531034 57.202759 10.593103 84.744827l85.627586-21.715862c-5.12-20.48-7.768276-41.666207-7.768275-63.028965 0-141.241379 114.758621-256 256-256s256 114.758621 256 256c0 51.023448-14.830345 100.104828-43.078621 142.300689l73.268965 49.08138c37.958621-56.673103 58.085517-122.88 58.085518-191.382069-0.176552-141.947586-86.686897-264.121379-209.743449-316.733793zM467.508966 91.983448h180.965517l-21.009655 50.846897a348.16 348.16 0 0 0-66.913104-6.708966c-23.834483 0-46.962759 2.471724-69.384827 7.062069l-23.657931-51.2z" p-id="4989"></path>
<path d="M683.431724 427.431724v-70.62069h-38.311724l30.190345-30.190344-49.964138-49.964138-62.49931 62.49931h-6.002759L494.344828 276.656552l-49.787587 49.964138 30.013793 30.190344h-38.311724v70.62069h88.275862v35.310345h-88.275862v70.62069h88.275862v52.965517h70.62069v-52.965517h88.275862v-70.62069h-88.275862v-35.310345z" p-id="4990"></path>
</svg>
<div class="iconTip">赞助</div>
</a><a class="iconItem" onclick="pop('./static/img/qq.jpg')" href="javascript:void(0)">
<svg t="1712319361023" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1861" ><path d="M824.8 613.2c-16-51.4-34.4-94.6-62.7-165.3C766.5 262.2 689.3 112 511.5 112 331.7 112 256.2 265.2 261 447.9c-28.4 70.8-46.7 113.7-62.7 165.3-34 109.5-23 154.8-14.6 155.8 18 2.2 70.1-82.4 70.1-82.4 0 49 25.2 112.9 79.8 159-26.4 8.1-85.7 29.9-71.6 53.8 11.4 19.3 196.2 12.3 249.5 6.3 53.3 6 238.1 13 249.5-6.3 14.1-23.8-45.3-45.7-71.6-53.8 54.6-46.2 79.8-110.1 79.8-159 0 0 52.1 84.6 70.1 82.4 8.5-1.1 19.5-46.4-14.5-155.8z" p-id="1862"></path></svg>
<div class="iconTip">QQ</div>
</a> <a class="switch" href="javascript:void(0)">
<div class="onoffswitch">
<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch"
checked>
<label class="onoffswitch-label" for="myonoffswitch">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</a>
</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" >
<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" p-id="1892"></path>
</svg>site </div>
<div class="projectList"><a class="projectItem a" target="_blank" href="https://blog.zyyo.net">
<div class="projectItemLeft">
<h1>博客</h1>
<p>记录摆烂日常</p>
</div>
<div class="projectItemRight">
<img src="./static/img/i1.png" alt="">
</div>
</a><a class="projectItem a" target="_blank" href="https://i.zyyo.cc">
<div class="projectItemLeft">
<h1>云盘</h1>
<p>存储收集文件</p>
</div>
<div class="projectItemRight">
<img src="./static/img/i2.png" alt="">
</div>
</a>
<a class="projectItem a" target="_blank" href="https://zyyo.cc">
<div class="projectItemLeft">
<h1>实验室</h1>
<p>收集有趣html作品</p>
</div>
<div class="projectItemRight">
<img src="./static/img/i4.png" alt="">
</div>
</a><a class="projectItem a" target="_blank" href="https://zyyo.cc">
<div class="projectItemLeft">
<h1>实验室</h1>
<p>收集有趣html作品</p>
</div>
<div class="projectItemRight">
<img src="./static/img/i4.png" 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" >
<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" p-id="1892"></path>
</svg>project </div>
<div class="projectList"><a class="projectItem b" target="_blank" href="https://blog.zyyo.net">
<div class="projectItemLeft">
<h1>博客</h1>
<p>记录摆烂日常</p>
</div>
<div class="projectItemRight">
<img src="./static/img/i1.png" alt="">
</div>
</a><a class="projectItem b" target="_blank" href="https://i.zyyo.cc">
<div class="projectItemLeft">
<h1>云盘</h1>
<p>存储收集文件</p>
</div>
<div class="projectItemRight">
<img src="./static/img/i2.png" alt="">
</div>
</a>
<a class="projectItem b" target="_blank" href="https://zyyo.cc">
<div class="projectItemLeft">
<h1>实验室</h1>
<p>收集有趣html作品</p>
</div>
<div class="projectItemRight">
<img src="./static/img/i4.png" alt="">
</div>
</a><a class="projectItem b" target="_blank" href="https://zyyo.cc">
<div class="projectItemLeft">
<h1>实验室</h1>
<p>收集有趣html作品</p>
</div>
<div class="projectItemRight">
<img src="./static/img/i4.png" 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" >
<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" p-id="7834"></path>
</svg>
skills
</div>
<div class="skill">
<img id="skillPc" src="./static/svg/skillPc.svg" alt="" srcset="">
<img id="skillWap" src="./static/svg/skillWap.svg" alt="" srcset="">
</div>
</content>
</div>
</div>
<footer>
Zyyo © 2024 |
<a href="https://beian.miit.gov.cn/">
豫ICP备2023015852号-1 </a>
</footer>
<div class="tc">
<div onclick="" class="tc-main">
<img class="tc-img" src="" alt="" srcset="">
</div>
</div>
</body>
<script src="./static/js/script.js"> </script>
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({ id: "KFqltKSkJgQTGD9l", ck: "KFqltKSkJgQTGD9l" })</script>
</html>