-
Notifications
You must be signed in to change notification settings - Fork 2
/
index2.html
597 lines (531 loc) · 22.5 KB
/
index2.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
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="email=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="format-detection" content="telephone=no" />
<meta name="renderer" content="webkit">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<title>[resume]Tan QianCheng - Love life, love technology!!</title>
<link rel="shortcut icon" href="assets/images/favicon.icon" type="image/x-icon">
<link rel="stylesheet" href="assets/css/typo.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/index.css">
<script>
function load() {
document.getElementsByClassName('avatar')[0].style.display = 'block';
document.getElementsByClassName('loading')[0].style.display = 'none';
}
</script>
</head>
<body>
<header class="header"></header>
<article class="container">
<section class="side" id="side">
<!-- 左栏固定开关,记得及时删除这段代码 Start-->
<label class="switch" style="display: none;" onchange="switchFixed()">
<script type="text/javaScript">
function switchFixed(){
var value = document.getElementById('side').style.position === 'fixed' ? 'absolute' : 'fixed';
document.getElementById('side').style.position = value;
}
</script>
<input id="cb" type="checkbox">
<span class="slider round"></span>
</label>
<style>
@media (min-width: 750px) {
.switch {
position: relative;
display: inline-block !important;
width: 60px;
height: 34px;
}
.switch input {
display: none;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked+.slider {
background-color: #1abc9c;
}
input:focus+.slider {
box-shadow: 0 0 1px #1abc9c;
}
input:checked+.slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
}
</style>
<!-- 左侧固定开关,记得及时删除这段代码 End-->
<!-- 个人肖像 -->
<section class="me">
<section class="portrait">
<div class="loading">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<!-- 头像照片 -->
<img class="avatar" src="https://avatars.githubusercontent.com/u/57751257?v=4" onload="load()">
</section>
<h1 class="name">Tanger</h1>
<h4 class="info-job">University Student / Guilin University of Electronic Technology</h4>
</section>
<!-- 基本信息 -->
<section class="profile info-unit">
<h2>
<i class="fa fa-user" aria-hidden="true"></i>The basic information
</h2>
<hr />
<ul>
<li>
<label>Personal information</label>
<span>Tan QianCheng / male / 21 years old</span>
</li>
<li>
<label>English level</label>
<span>CET-4</span>
</li>
<!-- <li>
<label>计算机水平</label>
<span>软考中级</span>
</li>-->
</ul>
</section>
<!-- 联系方式 -->
<section class="contact info-unit">
<h2>
<i class="fa fa-phone" aria-hidden="true"></i>Contact
</h2>
<hr />
<ul>
<li>
<label>Mobile Phone</label>
<a href="tel:15878017512" target="_blank">158-7801-7512</a>
</li>
<li>
<label>Email</label>
<a href="mailto:1907065810@qq.com" target="_blank">1907065810@qq.com</a>
</li>
<li>
<label>Blog</label>
<a href="http://tanger.cloud/" target="_blank">http://tanger.cloud/</a>
</li>
<li>
<label>router_index</label>
<a href="http://tanger.cloud/router_index">http://tanger.cloud/router_index</a>
</li>
<li>
<label>Github</label>
<a href="https://github.com/redhat123456" target="_blank">github.com/redhat123456</a>
</li>
</ul>
</section>
<!-- 技能点 -->
<section class="skill info-unit">
<h2>
<i class="fa fa-code" aria-hidden="true"></i>Skill points
</h2>
<hr />
<ul>
<li>
<label>HTML</label>
<progress value="90" max="100"></progress>
</li>
<li>
<label>CSS</label>
<progress value="85" max="100"></progress>
</li>
<li>
<label>JavaScript</label>
<progress value="85" max="100"></progress>
</li>
<li>
<label>React</label>
<progress value="85" max="100"></progress>
</li>
<li>
<label>Node.js</label>
<progress value="70" max="100"></progress>
</li>
<li>
<label>miniprogram</label>
<progress value="70" max="100"></progress>
</li>
</ul>
</section>
<div class="stack info-unit">
<h2><i class="fa fa-rss" aria-hidden="true"></i>Technology stack</h2>
<hr />
<ul>
<li>
<label>Front-end</label>
<span>React、jQuery、Wechat miniprogram、Bootstrap、SASS、LESS</span>
</li>
<li>
<label>Back-end</label>
<span>Node.js、MySQL、MongoDB、WordPress、ThinkPHP</span>
</li>
<li>
<label>Other</label>
<span>Git、SVN、Markdown</span>
</li>
</ul>
</div>
<section class="qrcode info-unit">
<h2><i class="fa fa-qrcode" aria-hidden="true"></i>QR code</h2>
<hr />
<img src="https://i.loli.net/2021/10/04/gpSoW8s4eDEuxM1.jpg" style="width: 100%;" alt="">
</section>
<!-- 技术栈 -->
</section>
<section class="main">
<!-- 教育经历 -->
<section class="edu info-unit">
<h2>
<i class="fa fa-graduation-cap" aria-hidden="true"></i>Educational experience
</h2>
<hr />
<ul>
<li>
<h3>
<span>Guilin University of Electronic Technology - Mathematics and Applied
Mathematics(Undergraduate course)</span>
<time>2019.9-2023.7</time>
</h3>
<p>Professional ranks
<mark>20/40</mark>。
</p>
</li>
</ul>
</section>
<section class="edu info-unit">
<h2>
<i class="fa fa-graduation-cap" aria-hidden="true"></i>Educational experience
</h2>
<hr />
<ul>
<li>
<h3>
<span>Guilin University of Electronic Technology - Mathematics and Applied
Mathematics(Undergraduate course)</span>
<time>2019.9-2023.7</time>
</h3>
<p>Professional ranks
<mark>20/40</mark>,During this period, he served as the chairman of the
seven-innovation-base。
</p>
</li>
</ul>
</section>
<!-- 工作经历 -->
<section class="work info-unit">
<h2>
<i class="fa fa-shopping-bag" aria-hidden="true"></i>Work experience
</h2>
<hr />
<ul>
<li>
<h3>
<span>[Experience1]Guilin Anwei Technology Co., LTD - Front-end Development
Engineer(internship)</span>
<time>2021.8 to 2021.9</time>
</h3>
<ul class="info-content">
<li>Participate in front-end development of AI box of XX project, independently undertake
and complete the development of function points such as system identification, function
introduction and marking area. The project uses a technology stack
<mark>Vue2+Vue Router+CSS+(UI)element</mark>,Achieve complete separation of front and
rear ends.
</li>
<li>In coordination with UI and back end, H5 pages are provided to be embedded into AI box
according to product requirements, requiring normal display of <mark>IE browser</mark>.
</li>
</ul>
</li>
</ul>
</section>
<!-- 项目经验 -->
<section class="project info-unit">
<h2>
<i class="fa fa-terminal" aria-hidden="true"></i>Personal projects
</h2>
<hr />
<ul>
<li>
<h3>
<span>[Project1]Web • A Hexo theme similar to MiHoYo.</span>
<span class="link">
<a href="https://github.com/redhat123456/hexo-theme-MiHoYo" target="_blank">Demo</a>
</span>
<time>2021.9 to 2021.10</time>
</h3>
<ul class="info-content">
<li>Technology stack:ejs+css+JavaScript</li>
<li>
<i class="fa fa-paper-plane-o" aria-hidden="true"></i>
[The target]为了能在大学毕业前完成<mark>造轮子</mark>的过程,开发一款令自己满意的Hexo主题~
<br />
<i class="fa fa-users" aria-hidden="true"></i>
[Team]【Open source team】<a href="https://github.com/redhat123456">Tanger</a> + <a
href="https://github.com/Yue-plus">Yue-Plus</a>
<br />
<i class="fa fa-bars" aria-hidden="true"></i>
[Contribution]完成了对Hexo主题的主题设计以及文档的撰写
<mark>“设计-实现-文档”</mark>等工作,我主要负责前端的开发和相应的UI设计以及主题上线之后的日常维护工作
<br />
<i class="fa fa-star-o" aria-hidden="true"></i>
[效果] accumulated 6个"Star"
</li>
</ul>
</li>
<li>
<h3>
<span>[项目2]微信小程序 • up体能健身</span>
<span class="link">
<a href="https://github.com/redhat123456/upPhysicalExercise" target="_blank">Demo</a>
</span>
<time>2021.02-2021.5</time>
</h3>
<ul class="info-content">
<li>技术栈:(后端)springboot+mybatis-plus+mysql+redis (前端)JavaScript + 微信小程序那套语言</li>
<li>
<i class="fa fa-paper-plane-o" aria-hidden="true"></i>
[目标]实现对
<br />
<i class="fa fa-users" aria-hidden="true"></i>
[团队]【七院创新基地团队(前后端双人组)】<a href="https://github.com/redhat123456">Tanger</a> + <a
href="https://github.com/jaslli">jaslli</a>
<br />
<i class="fa fa-bars" aria-hidden="true"></i>
[贡献]分析项目需求,对项目的主体用户以及项目的主体功能进行分析设计出一套用户流程图,并对数据库进行分析,最后开发出一款可以制定计划、观看视频、打卡跑步、打卡训练的一款微信小程序。
<br />
<i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
[效果]完成大学生创新创业项目的结题答辩工作以及获得一篇软著
</li>
</ul>
</li>
</ul>
</section>
<!-- 获奖情况 -->
<section class="work info-unit">
<h2>
<i class="fa fa-trophy" aria-hidden="true"></i>获奖情况
</h2>
<hr />
<ul>
<li>
<h3>2021第八届全国证券投资模拟实训大赛<mark>决赛二等奖</mark><time>2021.6</time></h3>
</li>
<li>
<h3>第十一届蓝桥杯全国软件和信息技术专业人才大赛(C/C++)<mark>区赛三等奖</mark><time>2020.10</time>
</h3>
</li>
<li>
<h3>第十二届蓝桥杯全国软件和信息技术专业人才大赛(C/C++)<mark>区赛二等奖</mark><time>2021.5</time></h3>
</li>
<li>
<h3>2021年第十一届MathorCup高校数学建模挑战杯<mark>三等奖</mark><time>2021.3</time></h3>
</li>
</ul>
</section>
<!--专利及软件著作-->
<section class="work info-unit">
<h2>
<i class="fa fa-clipboard" aria-hidden="true"></i>专利及软件著作
</h2>
<hr />
<ul>
<li>
<h3>UP体能训练微信小程序<mark>计算机软件著作权</mark><time>2021.6.1</time></h3>
</li>
</ul>
</section>
<!-- 自我评价 -->
<section class="work info-unit">
<h2>
<i class="fa fa-pencil" aria-hidden="true"></i>自我评价/期望
</h2>
<hr />
<p>
<span class="mark-txt">“严于律己,宽以律人”</span>是我给自己总结的“八字箴言”,鞭策自己做人不要总是想着要求别人,要朝着要求自己让对每件事更加认真和刻苦些。
</p>
</section>
</section>
</article>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-md-12">
<ul class="legals">
<li><a class="a1" href="https://github.com/redhat123456" target="_blank">关于</a></li>
<li><a class="a2" href="http://tanger.ltd/" target="_blank">博客</a></li>
<li><a class="a3" href="http://tanger.ltd/router_index/" target="_blank">导航</a></li>
</ul>
<div class="line"></div>
<ul class="legals_social">
<li display:block;><a href="https://github.com/redhat123456" title="github"><i
class="fa fa-github"></i></a></li>
<!--TODO:加入微信-->
<li display:block;><a href="mailto:1907065810@qq.com" title="联系我"><i
class="fa fa-envelope-o"></i></a></li>
</ul>
<p class="copy">© 2020 - So far · Love life and technology · All Rights Reserved</p>
<p class="copy"></p>
</div>
</div>
</div>
</footer>
<!-- 侧栏 -->
<aside>
<ul>
<li>
<a href="https://github.com/redhat123456/resume" target="_blank">源代码</a>
</li>
<li>
<a href="./index.html" target="_blank">Chinese?</a>
</li>
</ul>
</aside>
<script src="./assets/js/index.js"></script>
</body>
</html>
<style>
.footer {
color: #8c9398;
text-align: center;
text-transform: uppercase;
padding-top: 60px;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
padding: 20px 0px;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.col-md-12 {
width: 100%;
}
.legals {
list-style: none;
color: #8c9398;
font-size: 14px;
margin: 5px auto;
padding: 0px !important;
text-align: center;
height: 20px;
flex-flow: row nowrap;
text-align: center;
}
.legals_social {
list-style: none;
color: #8c9398;
font-size: 14px;
margin: 5px auto;
padding: 0px !important;
text-align: center;
height: 20px;
flex-flow: row nowrap;
text-align: center;
}
.line {
border-bottom: 1px solid #ababab;
width: 170px;
margin: 0 auto;
}
a {
text-decoration: none;
margin: 5px auto;
}
.legals li a {
color: #353535;
}
.a1:hover {
color: #FC0000;
}
.a2:hover {
color: #0100FC;
}
.a3:hover {
color: #00FE00;
}
.legals li {
list-style: none;
color: #8c9398;
text-align: center;
display: inline;
line-height: 20px;
width: 68px;
height: 20px;
padding: 0px 20px;
}
.legals_social li {
list-style: none;
color: #353535;
text-align: center;
display: inline;
line-height: 28px;
width: 68px;
height: 28px;
padding: 0px 5px;
}
.legals_social li a {
color: #353535;
}
.legals_social li a:hover {
color: #20a0ff;
}
.legals_social li a i {
font-size: 20px;
}
.copy {
height: 25px;
font: 12px "Varela Round", sans-serif;
margin: 10px 0px;
text-align: center;
color: #404142;
}
</style>