-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
376 lines (344 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Daniel Zheng</title>
<!-- Bootstrap -->
<link rel="icon" type="image/png" href="img/favicon.ico">
<link href="stylesheets/bootstrap.min.css" rel="stylesheet">
<link href="stylesheets/base.css" rel="stylesheet">
<!-- <script type="text/javascript" src="http://livejs.com/live.js"></script>-->
</head>
<body>
<header>
<!--<div class="col-md-1">col-md-1</div>-->
<ul class="header">
<li><a class="logo" href="#top" style="margin-left:7%;">DZ.</a></li>
<li><a class="nav_item" href="#contact" style="margin-right:6%;">Contact</a></li>
<li><a class="nav_item" href="#forth">Project</a></li>
<li><a class="nav_item" href="#third">Blog</a></li>
<li><a class="nav_item" href="#second">Article</a></li>
<li><a class="nav_item" href="#first">About</a></li>
</ul>
</header>
<div class="header_pic" id="top">
<div class="name" ><p>I'm Daniel Zheng<br>
<small>stay hungry stay foolish</small></p></div>
</div>
<h1 id="first">About<br><small>Software Developer</small></h1>
<div class="row" id="about">
<div class="col-md-6">
<img class="me" src="img/me.jpg" alt="selfie"/>
</div>
<div class="col-md-6 paragraph">
<div class="content">
<p>
Hi! I'm Daniel, the guy who dreams to be the most romantic programmer in the world.<br><br>
Currently, I live in Waterloo ON, still trying to finish my CS banchelor degree.
but I have equiped some necessary web developping language using my spare time (<b>HTML, CSS, JavaScript, PHP, SQL</b>).
I created this site to expand my horizon and hope to meet more awesome people. Always starving to learn, like Steve said
"Stay Hungry, Stay Foolish". <br><br>
There are two things in my life that I can't live without, one is designing, the other is programming. So once I combine
these two, I'm so surprised that I have so much passion everytime I'm creating a project.<br><br>
Welcome people who wants to learn and grow
together to <a class="link" href="#contact">contact me</a>!
</p>
<div class="bar">
<p>C++/C - 90%</p>
<div class="myProgress c">
<div id="bar1"></div>
</div>
<br>
<p>HTML - 90%</p>
<div class="myProgress">
<div id="bar2"></div>
</div>
<br>
<p>CSS - 90%</p>
<div class="myProgress">
<div id="bar3"></div>
</div>
<br>
<p>JavaScript - 70%</p>
<div class="myProgress">
<div id="bar4"></div>
</div>
<br>
<p>PHP - 70%</p>
<div class="myProgress">
<div id="bar5"></div>
</div>
<br>
<p>MySQL - 60%</p>
<div class="myProgress">
<div id="bar6"></div>
</div>
</div>
</div>
</div>
</div>
<h1 id="skills">Technical Skills<br><small>Detailed description</small></h1>
<div class="container">
<div class="row specify">
<div class="col-md-4">
<h3>C++</h3>
<br>
<p>Every programmer starts from C/C++, with no exception for me.
I've been programming in C++ for <b>more than one year</b>, showing decent knowledge in Standard Template Library.
I led a three-member group project last December, within the project,
we apply most of <b>design pattern</b> (Observer, Visitor, Decorator, Factory Pattern, etc.)
we've learned. Personally, I managed to accomplish 'WASD' control and colorful text display with <b>ncurses library</b> involved.
</p>
</div>
<div class="col-md-4 split_left">
<h3>HTML/CSS/JavaScript</h3>
<br>
<p><b>Self-taught<b> all these languages within one study term,
Complete more than three self-designed websites. I learned with practice,
all websites shows professional skills in handling Animation, Parallax effect and nice clear layout.
Each time I started a new web project, I absorbed and grew from previous project.
So far, I've equiped with decent knowledge of most <b>mainstream web</b> frameworks (Bootstrap, Compass, etc).
</p>
</div>
<div class="col-md-4 split_left">
<h3>PHP/SQL</h3>
<br>
<p>After I obtained solid knowledge in HTML, CSS, JavaScript, SASS, I move on to study the PHP and MySQL.
Certainly, I applied these languages in one of my website "MeetUp", although this website hasn't accomplished yet,
it already had the ability to <b>store perminent user information</b>.
</p>
</div>
</div>
<div class="row specify">
<div class="col-md-7 split_top">
<h3>Developing Environment</h3>
<br>
<table>
<tr>
<td><img src="img/vs.png"/></td>
<td>Visual Studio</td>
</tr>
<tr>
<td><img src="img/sublime.png"/></td>
<td>Sublime Text</td>
</tr>
<tr>
<td><img src="img/xcode.jpg"/></td>
<td>XCode</td>
</tr>
<tr>
<td><img src="img/atom.png"/></td>
<td>Atom</td>
</tr>
<tr>
<td><img src="img/vim.png"/></td>
<td>Vim</td>
</tr>
</table>
</div>
<div class="col-md-5 split_left split_top">
<div class="col-md-6">
<h3>Developping Tools</h3>
<br>
<ul>
<li>Git</li>
<li>GDB</li>
</ul>
</div>
<div class="col-md-6">
<h3>Platforms</h3>
<br>
<ul>
<li>Windows</li>
<li>Mac OS</li>
<li>Ubuntu</li>
</ul>
</div>
</div>
</div>
<h1 id="second">Article<br><small>Resume/Work about projects</small></h1>
<div class="row" id="article">
<div class="col-md-3 article">
<a href="files/Resume.pdf">
<figure class="effect-sadie">
<img src="img/splash.jpg" alt="splash"/>
<figcaption>
<h2>My <span>Resume</span></h2>
<p>2017.1.16 first work term</p>
</figcaption>
</figure>
</a>
</div>
<div class="col-md-3 article">
<a href="files/cc3k_report.pdf">
<figure class="effect-sadie">
<img src="img/ink.jpg" alt="ink"/>
<figcaption>
<h2>Chamber Crawler<span>Report</span></h2>
<p>First group project report</p>
</figcaption>
</figure>
</a>
</div>
<div class="col-md-3 article">
<a href="#">
<figure class="effect-sadie">
<img src="img/painting.jpg" alt="painting"/>
<figcaption>
<h2>Coming <span>soon</span></h2>
<p>...</p>
</figcaption>
</figure>
</a>
</div>
<div class="col-md-3 article">
<a href="#">
<figure class="effect-sadie">
<img src="img/bird_pattern.jpg" alt="bird_pattern"/>
<figcaption>
<h2>Coming <span>soon</span></h2>
<p>...</p>
</figcaption>
</figure>
</a>
</div>
</div>
<h1 id="third">Blogs<br><small>A Brief History of Me</small></h1>
<div class="row blog">
<div class="col-md-4">
<div class="shadow">
<img src="img/university.png" alt="cc3k" />
<p><b>Enter University</b> 9/7/2015 <br><br>
First arrive in Canada, everything goes fine. New room in village1, a little bit small, but better than in China. I start to fall in love with this university, it lies in a quite town, same as me came from a quite town.
</p>
</div>
</div>
<div class="col-md-4">
<div class="shadow">
<img src="img/co-op.png" alt="cc3k"/>
<p style="color: black;"><b>Get in Coop</b> 9/20/2016 <br><br>
Today is the day I switch into Coop! I assume that I did a great job in last year. It's time to look futher. What is my interest in CS area? AI, Algorithm, App, or Web? Sooner or later, I'll find an anwser.
</p>
</div>
</div>
<div class="col-md-4">
<div class="shadow">
<img src="img/varadero.jpg" alt="cc3k" />
<p style="color: black;"><b>Trip to Cuba</b> 12/28/2016 <br><br>
Just done 2A. After 4 constant study term, I decided to visit Varadero Cuba. Want to give Grand Memories Hotel a big thumbs up, big big open sea, awosome service, legit Cuba music. Promise I'll be back :)
</p>
</div>
</div>
</div>
<div class="row blog">
<div class="col-md-4">
<div class="shadow">
<img src="img/niagara.jpg" alt="cc3k"/>
<p style="color: black;"><b>Trip to Niagara Fall</b> 4/27/2016 <br><br>
First in my life, seeing the most spectacular waterfall ever. I took a ferry, feeling the water splashed into my face. A little bit cold but so much fun. There are many fancy stores and restaurants sorrounding the fall, which make the spot looks like an amusement park.
</p>
</div>
</div>
<div class="col-md-4 ">
<div class="shadow">
<img src="img/uwhippop.jpg" alt="cc3k"/>
<p style="color: black;"><b>Joined UW Hip Pop</b> 1/3/2015 <br><br>
It's such a good experience to join the hip pop club. I've had good chance to make more friends. I'm so bad at dancing, but I quite enjoy watching them lol.
</p>
</div>
</div>
<div class="col-md-4 ">
<div class="shadow">
<img src="img/coding.jpg" alt="cc3k"/>
<p style="color: black;"><b>First CS Project</b> 12/21/2016 <br><br>
Today I finally complete my frist big CS project with my fellow classmates! So much work and so much joy. I'm actually so proud of myself becoming an actual programmer. By the way, thanks to members Eason, Aaron, it's pleasure to work with you guys, good job!
</p>
</div>
</div>
</div>
</div>
<h1 id="forth">Project<br><small>Personal/Group Projects</small></h1>
<div class="row project">
<div class="col-md-6 nopadding">
<img class="img" src="img/cc3k.jpg" alt="selfie"/>
</div>
<div class="col-md-6 nopadding paragraph">
<div class="content">
<h3 id="cc3k">ChamberCrawler3000<br>
<small> 11/20/2016 - 12/5/2016</small></h3>
<p>Group Project <br><br>
Basic language: c++<br><br>
Intro: A simplified rogue-like video game, player need to reach 5<sub>th</sub> floor to win the game. The more enemies player slain, the much gold player gains, the higher the score is.
</p>
<a class="download button" href="https://github.com/ss-zheng/ChamberCrawler3000/archive/1.0.zip" download>Download Source</a>
<a class="git button" href="https://github.com/ss-zheng/ChamberCrawler3000">Github</a>
</div>
</div>
</div>
<div class="row project">
<div class="col-md-6 nopadding paragraph">
<div class="content">
<h3 id="meetup">MeetUp<br><small> 12/21/2016 - present</small></h3>
<p>Personal Project <br><br>
Basic language: HTML, CSS, JavaScript, PHP, SQL<br><br>
Intro: A web that help people meet up at school, people can look up their friends' schedule to decide when to meet up with them. This web also benefits the group meeting for it can search for time when all group members are free.
</p>
<a class="download button" href="https://meetup2017.000webhostapp.com">Link</a>
<a class="git button" href="https://github.com/ss-zheng/MeetUp">Github</a>
</div>
</div>
<div class="col-md-6 nopadding">
<img class="img" src="img/meetup.jpg" alt="selfie"/>
</div>
</div>
<div class="row project">
<div class="col-md-6 nopadding">
<img class="img" src="img/personal_web.jpg" alt="selfie"/>
</div>
<div class="col-md-6 nopadding paragraph">
<div class="content">
<h3 id="personal_web">Personal Web<br><small> 12/21/2016 - 12/30/2016</small></h3>
<p>Personal Project <br><br>
Basic language: HTML, SCSS, JavaScript<br><br>
Intro: A personal web that provides some personal information, a practice of web development.
</p>
<a class="download button" href="#">Link</a>
<a class="git button" href="https://github.com/ss-zheng/ss-zheng.github.io">Github</a>
</div>
</div>
</div>
<div class="container">
<div class="row" id="contact" style="margin-top: 100px">
<div class="col-md-6">
<hr>
<h2>Contact Me</h2>
<br>
<span>
<p>Home Address: 295A Lester St Unit 306A, Waterloo, ON. N2L0C1<br><br>
Cell: 6478365882<br><br>
UW ID: 20607069
</p>
</span>
<span>
<a name="email" href="mailto: s47zheng@uwaterloo.ca"><br>
<p style="text-decoration: underline; font-size: 1em;">Email: s47zheng@uwaterloo.ca</p>
</a>
</span>
</div>
<div class="col-md-6">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12" style="background:rgba(40,40,40,1); padding: 3px;">
<p style="color: white; font-size: 0.8em;">© 2017 Daniel Zheng</p>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<!--<script src="js/jquery.smooth-scroll.js"></script>-->
<script src="js/animation.js"></script>
</body>
</html>