-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
168 lines (162 loc) · 7.46 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
<!DOCTYPE html>
<html lang="zh-CN" class="translated-ltr">
<head>
<title>QAQ</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="description" content="My Personal Website">
<meta name="author" content="Zheng XiaoBo">
<link rel="apple-touch-icon" href="./icon.png">
<link rel="icon" type="image/x-icon" href="./icon.png" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="theme-color" content="#3F51B5">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-HCGD6X5TGJ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-HCGD6X5TGJ');
</script>
</head>
<body>
<div id="blue_bg"></div>
<header>
<div id="quick_card" class="card">
<span class="ripple-mask"></span>
<div><img id="photo" src="./photo.webp"></div> <!-- replace photo in /img/ 705x705 -->
<h1 id="name">郑晓博</h1>
<h2 class="description">web和Android应用程序开发者</h2>
<h2 class="description">计算机科学系学生</h2>
</div>
</header>
<main>
<div id="about_card" class="card">
<section class="tab">
<div class="title">教育</div>
<div class="content">
<section class="element">
<span class="mdc-list-item__ripple"></span>
<div class="name">吉林大学珠海学院网络工程学士学位</div>
<div class="info">2017年9月-2021年7月</div>
</section>
</div>
</section>
<section class="tab">
<div class="title">作品</div>
<div class="content">
<section class="element">
<div class="name">mus-cloud -
<a href="http://mus.nahco3.co" target="_blank">网站</a>
/ <a href="https://github.com/littleGabriel/mus-cloud" target="_blank">Github</a>
</div>
<div class="info">基于网易云音乐API + Vue实现的在线音乐播放器</div>
</section>
<hr>
<section class="element">
<div class="name">vue-wea -
<a href="http://wea.nahco3.co" target="_blank">网站</a>
</div>
<div class="info">基于和风天气Api + Vue的天气预报网站</div>
</section>
<hr>
<section class="element">
<div class="name">Crystals -
<a href="http://crystals.nahco3.co" target="_blank">网站</a>
</div>
<div class="info">基于Laravel的在线文件储存系统</div>
</section>
<hr>
<section class="element">
<div class="name">simple-snake -
<a href="http://snake.nahco3.co" target="_blank">网站</a>
<!-- <a href="https://github.com/littleGabriel/simple-snake" target="_blank"> - Github</a>-->
</div>
<div class="info">Javascript实现的贪吃蛇小游戏</div>
</section>
<hr>
<section class="element">
<div class="name">music-chart -
<a href="http://music.nahco3.co" target="_blank">网站</a>
</div>
<div class="info">使用EChart实现的音乐可视化Demo</div>
</section>
<hr>
<section class="element">
<div class="name">Cirno -
<a href="https://play.google.com/store/apps/details?id=com.usb.Cirno" target="_blank">Google Play商店</a>
</div>
<div class="info">基于Material Design的Android记账软件</div>
</section>
</div>
</section>
<section class="tab">
<div class="title">笔记</div>
<section class="element">
<div class="name">Frontend Notes -
<a href="https://usbstack.gitbook.io/frontend" target="_blank">Gitbook</a>
</div>
<div class="info">前端开发笔记</div>
</section>
</section>
<!-- <section class="tab">-->
<!-- <div class="title">经验</div>-->
<!-- <div class="content">-->
<!-- <section class="element">-->
<!-- <div class="name">GitHub- <a href="https://github.com/kabouzeid" target="_blank">个人资料</a></div>-->
<!-- <div class="info">对开源社区的各种贡献。</div>-->
<!-- </section>-->
<!-- <hr align="left"> -->
<!-- Separator -->
<!-- <section class="element">-->
<!-- <div class="name">亚琛工业大学亚琛工业大学研究助理</div>-->
<!-- <div class="info">我在开源计算机代数系统<a href="https://github.com/Singular/Sources" target="_blank">Singular工作</a>。</div>-->
<!-- <div class="info">2017年4月-现在</div>-->
<!-- </section>-->
<!-- You can add more experiences! -->
<!-- </div>-->
<!-- </section>-->
</div>
<div id="contact_card" class="card">
<section class="tab">
<div class="title">联系</div>
<div class="content">
<!-- <div class="contacts">-->
<!-- <a href="https://stack42.com/imprint.html">-->
<!-- <i class="material-icons md-24 vertical-align-middle padding-bottom-4">-->
<!-- description-->
<!-- </i> 印记-->
<!-- </a>-->
<!-- </div>-->
<div class="contacts">
<a href="mailto:[email protected]">
<i class="material-icons md-24 vertical-align-middle padding-bottom-4">
mail
</i> 邮件
</a>
</div>
<div class="contacts">
<a href="https://github.com/littleGabriel" target="_blank">
<svg class="my-icon vertical-align-middle padding-bottom-4" xmlns="http://www.w3.org/2000/svg" width="2.2em" height="2.2em" viewBox="0 0 30 30" version="1.1">
<g id="surface3666969">
<path style="stroke:none;fill-rule:nonzero;fill:currentColor;fill-opacity:0.9;" d="M 15 3 C 8.371094 3 3 8.371094 3 15 C 3 20.621094 6.871094 25.328125 12.09375 26.628906 C 12.035156 26.46875 12 26.28125 12 26.046875 L 12 23.996094 C 11.511719 23.996094 10.695312 23.996094 10.492188 23.996094 C 9.671875 23.996094 8.941406 23.644531 8.585938 22.988281 C 8.195312 22.257812 8.125 21.144531 7.152344 20.460938 C 6.863281 20.234375 7.082031 19.976562 7.414062 20.011719 C 8.03125 20.183594 8.539062 20.605469 9.019531 21.230469 C 9.5 21.859375 9.722656 22 10.617188 22 C 11.050781 22 11.699219 21.976562 12.308594 21.878906 C 12.636719 21.046875 13.203125 20.28125 13.894531 19.917969 C 9.898438 19.507812 7.992188 17.519531 7.992188 14.820312 C 7.992188 13.65625 8.488281 12.535156 9.328125 11.585938 C 9.054688 10.648438 8.707031 8.730469 9.433594 8 C 11.234375 8 12.320312 9.164062 12.582031 9.480469 C 13.476562 9.175781 14.460938 9 15.496094 9 C 16.53125 9 17.519531 9.175781 18.417969 9.484375 C 18.675781 9.171875 19.761719 8 21.566406 8 C 22.296875 8.730469 21.945312 10.65625 21.667969 11.59375 C 22.503906 12.539062 22.996094 13.660156 22.996094 14.820312 C 22.996094 17.515625 21.089844 19.503906 17.101562 19.917969 C 18.199219 20.488281 19 22.101562 19 23.3125 L 19 26.046875 C 19 26.152344 18.976562 26.226562 18.964844 26.316406 C 23.640625 24.675781 27 20.234375 27 15 C 27 8.371094 21.628906 3 15 3 Z M 15 3 "/>
</g>
</svg>
Github
</a>
</div>
<!-- You can add more contacts! -->
</div>
</section>
</div>
<!-- <a href="mailto:[email protected]">-->
<!-- <div id="fab"><i class="material-icons md-24 vertical-align-middle padding-bottom-4">mail</i></div>-->
<!-- </a> -->
</main>
<!--<footer>-->
<!-- <small>Personal Cards, <a href="http://yourlinkhere" target="_blank">Your Name Here</a></small>-->
<!--</footer>-->
</body>
</html>