forked from ys2843/personal-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
414 lines (398 loc) · 19.5 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
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
<!DOCTYPE HTML>
<html lang=en>
<head>
<title>Yang's Personal Website</title>
<meta charset="utf-8"/>
<meta name=description
content="My name is Yang Shi, a 2nd year grad student at New York University majoring in Computer Engineering. Now seeking full time front end developer/Software Development Engineer job."/>
<meta name=viewport content="width=device-width, initial-scale=1"/>
<meta property=og:url content=http://ys2843.com>
<meta name=theme-color content="#60B1F5"/>
<meta property=og:title content="Yang Shi">
<meta property=og:type content=website>
<meta property=og:description
content="Computer engineering student at NYU. Front-End developer. Seeking full time opportunity.">
<meta property=og:image content=./images/avatar.jpg>
<!--[if lte IE 8]>
<script src=assets/js/ie/html5shiv.js></script><![endif]-->
<link rel=stylesheet href="assets/css/main.css"/>
<!--[if lte IE 8]>
<link rel=stylesheet href="assets/css/ie8.css"/><![endif]-->
</head>
<body>
<section id=header>
<header>
<span class="image avatar"><img src=images/avatar.jpg alt=""/></span>
<h1 id=logo>Yang Shi</h1>
<p>Seeking full time Front-End Developer opportunity</p>
</header>
<nav id=nav>
<ul>
<li><a href=#one class=active>About</a></li>
<li><a href=#two>Things I Can do</a></li>
<li><a href=#three>Education</a></li>
<li><a href=#four>Experience</a></li>
<li><a href=#five>Projects</a></li>
<li><a href=#six>Hobbies</a></li>
</ul>
</nav>
<footer>
<ul class=icons>
<li><a href="https://www.facebook.com/profile.php?id=100007728030651" target=_blank
class="icon fa-facebook"><span class=label>Facebook</span></a></li>
<li><a href=https://www.linkedin.com/in/yang-shi-591056135/ target=_blank class="icon fa-linkedin"><span
class=label>LinkedIn</span>
</a>
</li>
<li><a href=https://github.com/ys2843 target=_blank class="icon fa-github"><span
class=label>Github</span></a></li>
<li><a href=mailto:[email protected] target=_top class="icon fa-envelope"><span class=label>Email</span></a>
</li>
</ul>
</footer>
</section>
<div id=wrapper>
<div id=main>
<section id=weather>
<div class=container id=weatherdiv>
<div id=weatherlabel></div>
<div id=weatherdisplaycontainer>
<div id=weatherdisplay></div>
</div>
</div>
</section>
<section id=one>
<div class=container>
<header class=major>
<h2>Hi, nice to meet you!</h2>
<p>I am Yang, a graduate student from New York University majored in Computer
Engineering. <a href=./Yang%20Shi_NYU_Computer%20Engineering_M.S._NY.pdf download>(Download
Resume)</a></p>
</header>
<ul>
<li>Received Bachelor's at Beijing University of Posts and Telecommunications.</li>
<li>Finished an internship at Stack Technology, Inc (from 1/15/2018) as Front-End
developer. And I also have worked in Huawei Corporation (2/1/2016) in Egypt.
</li>
<li>Have a great passion for web development (especially front end), and also have experience in web
crawler, machine learning and big data.
</li>
</ul>
</div>
</section>
<section id=two>
<div class=container>
<h3>Things I Can Do</h3>
<p>I have a diverse set of skills, ranging from HTML+CSS+Javascript, all the way to React, Node.js,
Python and Java. I have experience in developing (and deploying) website, web crawler, chrome
extension and desktop app. I also did researches in machine learning and big data analysis.</p>
<ul class=feature-icons>
<li class=fa-code>JavaScript (ES6), Python, Java</li>
<li class=fa-cubes>Bootstrap, CSS, HTML</li>
<li class=fa-book>React, React Native</li>
<li class=fa-coffee>MySQL, NoSQL/MongoDB</li>
<li class=fa-bolt>Node.js, Flask</li>
<li class=fa-users>Git, Webpack, NPM, Pip, AWS</li>
</ul>
</div>
</section>
<section id=three>
<div class=container>
<h3>Education</h3>
<p>I was a master student at NYU, graduated on 5/15/2018.</p>
<div class=features>
<article>
<a href=https://www.nyu.edu/ target=_blank class=image><img
data-src=http://ys2843.com/images/nyu_logo.png alt=""/></a>
<div class=inner>
<header>
<h4>New York University</h4>
<p>Aug 2016 - May 2018</p>
</header>
<p>M.Sci in Computer Engineering</p>
<p>Awards: Grad School of Engineering Scholarship</p>
</div>
</article>
<article>
<a href=http://www.bupt.edu.cn/ class=image target=_blank><img
data-src=http://ys2843.com/images/bupt_logo.png alt=""/></a>
<div class=inner>
<header>
<h4>Beijing University of Posts and Telecommunications</h4>
<p>Sep 2012 - Jun 2016</p>
</header>
<p>B.A. in Eletrical Engineering with Management</p>
<p>Awards: Third Prize Scholarship</p>
</div>
</article>
</div>
</div>
</section>
<section id=four>
<div class=container>
<h3>Experience</h3>
<p>I am currently doing an internship in a start-up company Stack Technology, Inc. And I have also
worked in large company like Huawei Corporation.</p>
<div class=features>
<article>
<a href=https://www.linkedin.com/company/stack-technologies/ target=_blank class=image><img
data-src=http://ys2843.com/images/stack_logo.png alt=""/></a>
<div class=inner>
<header>
<h4>Stack Technology, Inc</h4>
<p>Jan 2018 - Present</p>
</header>
<ul>
<li style=list-style-type:none>Main Project: MoneyWall Mobile App</li>
<li>Participated in mobile app front-end development and data visualization using React
Native, through working with UI designer, create corresponding view component
</li>
<li>Contributed to implement user authorization and authentication, through
JWT(Javascript Web Token) and OAuth
</li>
</ul>
</div>
</article>
<article>
<a href=http://www.huawei.com/us/ class=image target=_blank><img
data-src=http://ys2843.com/images/huawei_logo.png alt=""/></a>
<div class=inner>
<header>
<h4>Huawei Corporation</h4>
<p>Feb 2016 - Mar 2016</p>
</header>
<ul>
<li style=list-style-type:none>Main Project: IMS (IP Multimedia Subsystem)</li>
<li>Participated in facilitating technical and administrative project, building and
testing IMS on both server and client side with team, monitoring the working
condition and data flow of equipment
</li>
</ul>
</div>
</article>
</div>
</div>
</section>
<section id=five>
<div class=container>
<h3>Projects</h3>
<p>Here are some projects I've done over the past 2 years:</p>
<header>
<h4><a href=https://github.com/ys2843/chrome-extension-youtube-controller target=_blank>
Chrome extension for Youtube</a></h4>
<p>Video recommendation (based on behavior), global keyboard control (pre, next, stop) and ad
block</p>
</header>
<p>The extension can learn users interest at different times in a day and recommend videos according to
current time. It also provide convenient global keyboard control and ad blocking.</p>
<header>
<h4><a href=https://github.com/ys2843/SkincareWebProject target=_blank>Cosmetics for Pregnancy
Website</a></h4>
<p>A RESTful dynamic Web project based on web crawler using React, Node.js and MongoDB</p>
</header>
<p>Single Page App implemented in React for checking harmful ingredients in cosmetic products. Back-end
is implemented obeying RESTful API using Node.js Express framework, functions including offset query
for pagination.</p>
<header>
<h4><a href=https://github.com/ys2843/sephoraCrawler target=_blank>Sephora Crawler</a></h4>
<p>A web crawler based on Python Scrapy library, crawling all products information on Sephora</p>
</header>
<p>XPath and RegEx are used to implement URL extracting rules, and web driver is applied in middleware
to solve Javascript lazy-loading problem.</p>
<header>
<h4><a href=https://github.com/ys2843/Selfie-Camera-with-Speech-Recognition target=_blank>Speech
Recognition Camera</a></h4>
<p>A desktop app implemented in Python, including real time video and audio processing</p>
</header>
<p>The camera has functions like zooming, blurring and brightness controlling. And users can use speech
commands to operate the app, like saying 'bigger', 'blur' and 'cheese' etc.</p>
<header>
<h4><a href=https://github.com/godwinxunwang/el9123-project target=_blank>Machine Learning
Research</a></h4>
<p>Prediction and Analysis of Crime Occurrence Based on Local Demographic and Economic Data</p>
</header>
<p>Responsible for implementing variety of algorithms of model selection and model calculating,
including Lasso regularization, linear regression, neural network and support vector machine.</p>
<header>
<h4><a href=https://github.com/ys2843/NYU_Million_Song_Dataset_Analysis target=_blank>Million
Songs Dataset Analysis</a></h4>
<p>Big data analysis based on Spark, Pig Latin and R</p>
</header>
<p>Responsible for writing the code of data extraction and mining the trends of popularity of songs and
genres in chronological order and plotted the results into graphs using ggplot library in R</p>
<header>
<h4><a href=https://github.com/ooobread/Crowdfunding-Website target=_blank>Crowd Funding
Website</a></h4>
<p>A dynamic website implemented in Node.js, Mysql and Bootstrap</p>
</header>
<p>The simulates crowd funding website has functions like signing up, logging in, posting projects and
raising money, like, comment under and rating projects, following users etc.</p>
</div>
</section>
<section id=six>
<div class=container>
<h3>Hobbies</h3>
<p>I've been passionate about hobbies my whole life. I love learning, collecting, researching and
developing new skills. Some of these skills have proven useful in my career, and some are just for
me to enjoy.</p>
<div class=features>
<article>
<img class=image data-src=http://ys2843.com/images/hobbyPiano.jpg alt="piano"/>
<div class=inner>
<h4>Piano</h4>
<p>I love music, especially classical piano music. My favorite composers are Bach, Mozart,
Beethoven, Chopin and Tchaikovsky. I started to play piano since high school and enjoy
it all the time. Sometimes I also compose my own piece of music for fun. </p>
</div>
</article>
<article>
<img class=image data-src=http://ys2843.com/images/hobbySki.jpg alt="skiing"/>
<div class=inner>
<h4>Skiing</h4>
<p>Skiing is my favorite sport and it also brings me good luck. It was in a ski resort in
Grindelwald, Switzerland, where I first met my wife and we fell in love.</p>
</div>
</article>
<article>
<img class=image data-src=http://ys2843.com/images/draw.jpg alt="drawing"/>
<div class=inner>
<h4>Drawing</h4>
<p>I love drawing since I was very young. At that time I was full of creativity and love to
draw whatever in my mind.</p>
</div>
</article>
<article>
<img class=image data-src=http://ys2843.com/images/travel.JPG alt="traveling"/>
<div class=inner>
<h4>Traveling</h4>
<p>Traveling is also one of my favorite. I love to meet people with different culture. I
have been to many European countries, like France, Spain, Germany, Switzerland, Italy
etc. And I have visited Mexico last
summer. Before then I have lived in Egypt for several months.</p>
</div>
</article>
</div>
</div>
</section>
<section id=footer>
<div class=container>
<ul class=copyright>
<li>Phone: 917-833-4575</li>
<li>Email: [email protected]</li>
</ul>
</div>
</section>
</div>
</div>
<script language=JavaScript src=http://www.geoplugin.net/javascript.gp type=text/javascript></script>
<script>var xml = new XMLHttpRequest();
xml.onreadystatechange = handler;
var url = "http://openweathermap.org/data/2.5/weather?q=" + geoplugin_city() + "&appid=b6907d289e10d714a6e88b30761fae22";
xml.open("GET", encodeURI(url));
xml.send();
window.onload = function () {
[].forEach.call(document.querySelectorAll("img[data-src]"), function (a) {
a.setAttribute("src", a.getAttribute("data-src"));
a.onload = function () {
a.removeAttribute("data-src")
}
})
};
function getDateToday() {
var b = new Date();
var a = b.getDate();
var c = b.getMonth() + 1;
var d = b.getFullYear();
if (a < 10) {
a = "0" + a
}
if (c < 10) {
c = "0" + c
}
b = c + "/" + a + "/" + d;
return b
}
function insertWeather(c) {
var h = getDateToday();
var f = document.getElementById("weatherdisplay");
var a = c.weather[0].id;
var k;
switch (true) {
case /2[0-9][0-9]/.test(a):
k = "stormy";
break;
case /3[0-9][0-9]/.test(a):
case /5[0-9][0-9]/.test(a):
k = "rainy";
break;
case /6[0-9][0-9]/.test(a):
k = "snowy";
break;
case /800/.test(a):
k = "sunny";
break;
case /7[0-9][0-9]/.test(a):
case /8[0-9][0-9]/.test(a):
k = "cloudy";
break;
default:
k = "rainbow"
}
var j = document.getElementById("weatherlabel");
var d = document.createElement("h4");
d.style.color = "white";
d.textContent = "Today is " + h;
j.appendChild(d);
var e = document.createElement("h4");
e.style.color = "white";
e.textContent = "In " + c.name;
j.appendChild(e);
var g = document.createElement("h4");
g.style.color = "white";
g.textContent = "It is " + k + " now. Humidity is " + c.main.humidity + ". Temperature is " + c.main.temp_min + "℃ - " + c.main.temp_max + "℃.";
j.appendChild(g);
var b = document.createElement("link");
b.setAttribute("rel", "stylesheet");
b.setAttribute("href", "http://ys2843.com/assets/css/weather.css");
b.setAttribute("type", "text/css");
var i = document.getElementsByTagName("head")[0];
i.appendChild(b);
f.className = k
}
function handler() {
if (xml.readyState === XMLHttpRequest.DONE) {
if (xml.status === 200) {
var a = JSON.parse(xml.responseText);
insertWeather(a)
} else {
alert("There was a problem with the Weather detecter.")
}
}
};</script>
<script src=https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js></script>
<script src=assets/js/jquery.scrollzer.min.js></script>
<script src=assets/js/jquery.scrolly.min.js></script>
<script src=assets/js/skel.min.js></script>
<script src=assets/js/util.js></script>
<script type=application/ld+json>
{
"@context": "http://schema.org",
"@type": "Person",
"name": "Yang Shi",
"jobTitle": "Student",
"url": "http://ys2843.com",
"sameAs": [
"https://github.com/ys2843",
"https://www.linkedin.com/in/yang-shi-591056135/",
"https://www.facebook.com/profile.php?id=100007728030651"
],
"gender": "male",
"birthDate": "1994-06-04",
"image": "./images/avatar.jpg"
}
</script>
<!--[if lte IE 8]>
<script src=assets/js/ie/respond.min.js></script><![endif]-->
<script src=assets/js/main.js></script>
</body>
</html>