-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
317 lines (312 loc) · 10.6 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
309
310
311
312
313
314
315
316
317
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>个人简历</title>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<!--body background="./bg1.png"-->
<body bgcolor="#262626" style="color: rgba(255, 255, 255, 1)">
<aside>
<a class="cur_a"><span></span></a>
<a><span>About me</span></a>
<a><span>Skills</span></a>
<a><span>Experiences</span></a>
<a><span>Contact with Me</span></a>
</aside>
<section class="page_one" id="page1">
<nav>
<div class="nav_wrap">
<div class="resume_logo">
<a href="index.html">Resume</a>
</div>
<div class="nav_bar">
<ul class="nav_bar_ul">
<li><a href="index.html">Home</a></li>
<li><a href="#">Page II</a></li>
<li><a href="#">Page III</a></li>
<li><a href="#">Page IV</a></li>
<li><a href="#">Page V</a></li>
</ul>
</div>
</div>
</nav>
<div class="cen_con">
<div class="portrait">
<img onmousemove="this.src='22.png'" / onmouseout="this.src='portrait1.jpg'"/ src="portrait1.jpg">
</div>
<div class="cen_text">
<h2 style="text-align: cen_text">
<span style="color: rgba(255, 255, 255, 1)">
<strong>我知道,痛苦乃是唯一的高贵</strong>
<strong>无论人世和地狱都不能将其侵蚀.</strong><br>
<strong>为了把我那神秘的冠冕编缀</strong>
<strong>须将一切时代一切领域征集.</strong><br>
</span>
</h2>
<hr>
<h3 style="text-align: right">
<span style="color: rgba(255, 255, 255, 1)">
<p> ——波德莱尔 《恶之花》· 祝福</p>
</span>
</h3>
<h2>Personal Profile</h2>
<h3>YukiRinLL (Sutsuhara Yuki / Sakakibara Miyuki)</h3>
</div>
</div>
<div class="down_arrow">
<a class="scroll"><span></span></a>
</div>
</section>
<section class="page_two" id="page2">
<div class="con_wrap">
<div class="tit_wrap">
<h1 style="color: rgba(190, 190, 190, 1)">Basic INFO</h1>
<div class="scissors">
<span></span>
</div>
<h2>Who am I ?</h2>
</div>
<div class="myinfo">
<table>
<tbody>
<tr>
<td rowspan="6">
<img src="portrait1.jpg" width="300" height="300"/>
</td>
<td>Name____| Sutsuhara Yuki / Sakakibara Miyuki</td>
<td>ID______| YukiRinLL</td>
</tr>
<tr>
<td>Sex_____| 〇〇〇</td>
<td>Tel_____| +86 13032302510</td>
</tr>
<tr>
<td>Birth___| 2000.05.06</td>
<td>Email___| [email protected]</td>
</tr>
<tr>
<td>Living__| Moon - Mare Tranquillitatis</td>
<td>OICQ____| 944989026</td>
</tr>
<tr>
<td>Faith___| Christianity</td>
<td>________| NULL</td>
</tr>
<tr>
<td>________| NULL</td>
<td>________| NULL</td>
</tr>
<tr>
<td colspan="3">
<a href="https://www.cnblogs.com/SutsuharaYuki/">Blogs</a>
<p>www.cnblogs.com/SutsuharaYuki</p>
<br>
<a href="https://github.com/YukiRinLL">Github</a>
<p>github.com/YukiRinLL</p>
<br>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="down_arrow">
<a class="scroll"><span></span></a>
</div>
</section>
<section class="page_three" id="page3">
<div class="con_wrap">
<div class="tit_wrap">
<h1 style="color: rgba(190, 190, 190, 1)">My Abilities</h1>
<div class="scissors">
<span></span>
</div>
<h2>Where I will go ?</h2>
</div>
<div class="skill_con">
<div class="canvas_wrap">
<div class="canvas_con">
<div class="text_con">
<p class="percent">85%</p>
<p class="chart_title">JAVA WEB</p>
<strong>J2EE</strong>
</div>
<canvas id="html5" width=160 height=160></canvas>
</div>
<div class="canvas_con">
<div class="text_con">
<p class="percent">5%</p>
<p class="chart_title">ANDROID</p>
</div>
<canvas id="css3" width=160 height=160></canvas>
</div>
<div class="canvas_con">
<div class="text_con">
<p class="percent">5%</p>
<p class="chart_title">Python</p>
</div>
<canvas id="js" width=160 height=160></canvas>
</div>
<div class="canvas_con">
<div class="text_con">
<p class="percent">30%</p>
<p class="chart_title">C/C++</p>
<strong>EMBEDDED SYSTEM</strong>
</div>
<canvas id="jq" width=160 height=160></canvas>
</div>
<div class="canvas_con">
<div class="text_con">
<p class="percent">70%</p>
<p class="chart_title">AI</p>
<strong>PyTorch-CV Image Processing</strong>
</div>
<canvas id="bs" width=160 height=160></canvas>
</div>
<div class="canvas_con">
<div class="text_con">
<p class="percent">5%</p>
<p class="chart_title">Game dev</p>
<strong>Cocos/UE/Unity</strong>
</div>
<canvas id="ps" width=160 height=160></canvas>
</div>
</div>
<div class="text_wrap">
<p>1. 理解 java 面向对象思想.熟练掌握 java core </p>
<p>2. 了解 Jvm 底层原理，了解 java常用设计模式 </p>
<p>3. 掌握常用算法 数据结构.理解反射 线程io流 泛型等技术 </p>
<p>4. 熟悉 Springboot Spring Springmvc Mybatis-plus 开源框架 </p>
<p>5. 了解 restful 设计风格 </p>
<p>6. 熟悉 HTML CSS JS JQuery 开发. 了解 vue layui angular 等前端框架. </p>
<p>7. 了解 redis 实现缓存 持久化实现缓存 ElasticSearch 搜索服务 </p>
<p>8. 熟练运用标准SQL语法，熟悉 SqlServer MySQL Sybase 数据库管理工具. </p>
<p>9. 了解 springcloud组件 nacos sentinel doker 等分布式技术 </p>
<p>10. 熟悉 idea eclipse sqlyog SSM Navicat </p>
<p>11. 熟练使用 linux 系统及其相关工具命令，熟悉 Tomcat 服务器配置 </p>
<p>12. 了解 svn版本管理工具 maven 构建项目 </p>
<p>13. 掌握 git 代码管理仓库等开发工具 </p>
</div>
</div>
</div>
<div class="down_arrow">
<a class="scroll"><span></span></a>
</div>
</section>
<section class="page_four" id="page4">
<div class="con_wrap">
<div class="tit_wrap">
<h1 style="color: rgba(190, 190, 190, 1)">My Experiences</h1>
<div class="scissors">
<span></span>
</div>
<h2>Where I come from ?</h2>
</div>
<div class="work_con">
<div class="programe">
<div class="work_time">Algorithm competition</div>
<div class="work_text">
<div class="triangle-left"></div>
<div class="exCon">
<h4>活动时间：2018/12--2021/9</h4>
<h5>擅长部分：模拟 计算几何 图论 博弈 数据结构</h5>
<p>2019 ACM-ICPC 第十二届国际大学生程序设计竞赛 铜奖</p>
<p>2020 ACM-ICPC 第十一届国际大学生程序设计竞赛 参赛经历</p>
<p>2019 蓝桥杯 全国软件和信息技术专业大赛 c/c++程序设计 B组二等奖</p>
<p>2020 蓝桥杯 全国软件和信息技术专业大赛 c/c++程序设计 B组一等奖</p>
<p>2020 蓝桥杯 全国软件和信息技术专业大赛 优秀奖 并获得工信部专业认证</p>
<p>2018 第二届「华为杯」程序设计竞赛 二等奖 </p>
<p>2018 参加校级程序设计赛事 获一等奖</p>
<p>2019 参加校级程序设计赛事 获优胜奖</p>
<br>
<p>2018~2019 CDUT程序设计协会优秀干事</p>
<p>2019~2020 CDUT程序设计协会技术部副部长</p>
<p>在校期间曾参与算法竞赛选修课的授课 以及 各类校级竞赛的组织和出题工作</p>
</div>
</div>
</div>
<div class="programe">
<div class="work_time">优秀设计/论文</div>
<div class="work_text">
<div class="triangle-left"></div>
<div class="exCon">
<h4>基于年龄转换算法的跨年龄段人脸识别技术研究</h4>
<h5>Research on Cross-age Face Recognition Technic Based on Age Conversion Algorithm</h5><br>
<p>本文在详细论述基于深度学习的对抗生成网络的最新模型基础上，对跨年龄段人脸的生成/对比算法进行实现过程进行说明，并且通过成果展示和检测运行说明该方法具有一定的价值和可行性，能够较好地满足实际应用的需要。</p>
<p>人脸识别;跨年龄;生成对抗网络</p>
</div>
</div>
</div>
<div class="programe">
<div class="work_time">JAVA Development Intern</div>
<div class="work_text">
<div class="triangle-left"></div>
<div class="exCon">
<h4>时间：2019/6--2019/11</h4>
<h5>智联科技有限公司 Intern</h5><br>
<h4>时间：2022/5--2022/7</h4>
<h5>友邦资讯科技有限公司(AIA TSS) Engineer</h5><br>
</div>
</div>
</div>
</div>
</div>
<div class="down_arrow">
<a class="scroll"><span></span></a>
</div>
</section>
<section class="page_five" id="page5">
<div class="con_wrap">
<div class="tit_wrap">
<h1>Contact with Me</h1>
<div class="scissors">
<span></span>
</div>
<h2>In case I don't see you .</h2>
<h2>Good afternoon ,Good evening ,and Good night !</h2>
</div>
<div class="contact_detail">
<ul class="con_style">
<li>
<span>Arkadia</span>
<p>[Utopia]</p>
</li>
<li>
<span>El Dorado</span>
<p>[The_Golden_One]</p>
</li>
<li>
<span>Canaan</span>
<p>[The_Promised_Land]</p>
</li>
</ul>
<div class="contact_info">
<form action="" method="get">
<label>
<input type="text" id="username" placeholder="Your Name" required="">
<p id="check_username"></p>
</label>
<label>
<input type="text" id="usermail" placeholder="Your E-mail" required="">
<p id="check_usermail"></p>
</label>
<label>
<input type="text" id="usertheme" placeholder="Theme" required="" maxlength="25">
<p id="check_usertheme"></p>
</label>
<label>
<textarea id="usercon" placeholder="Content" required=""></textarea>
<p id="check_usercon" ></p>
</label>
<button>SEND</button>
</form>
</div>
</div>
</div>
</section>
<div style="text-align:center;">
</div>
</body>
<script type="text/javascript" src="main.js"></script>
</html>