-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
121 lines (121 loc) · 8.17 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
<!DOCTYPE html lang="en">
<html>
<head>
<meta charset="UTF-8"/>
<meta name="description" content="Stephen Zhao is a Software Dev with 3+ YOE. He has dev experience in web, desktop, systems, and cloud. He is passionate for mathematics and urban planning."/>
<meta name="keywords" content="Stephen Zhao,software,software developer,software engineer,dotnet,.NET,c,c++,c#,web developer,functional,programing,programming,computer science,waterloo,university of waterloo,react,typescript,javascript,cloud,gcp,aws,azure,microsoft,google,bloomberg,mathematics,urban planning,planning,city planning,transit"/>
<meta name="author" content="Stephen Zhao"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Stephen Zhao</title>
<link rel="stylesheet" type="text/css" href="./css/no-gatsby.css"/>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700&subset=latin-ext" rel="stylesheet"/>
<link rel="icon" type="image/png" sizes="16x16" href="img/SZ-logo-b-16x16.png"/>
<link rel="icon" type="image/png" sizes="32x32" href="img/SZ-logo-b-32x32.png"/>
<link rel="icon" type="image/png" sizes="96x96" href="img/SZ-logo-b-96x96.png"/>
</head>
<body>
<div class="page">
<div class="page__background"></div>
<div class="page__container">
<section class="page__section main-section --fullpage-vertical-within-parent">
<div class="zone main-zone">
<div class="zone__top">
<div class="title">
<div class="title__thumb">
<img src="img/SZ-logo-b-256x256.png"
srcset="img/SZ-logo-b-16x16.png 16w,
img/SZ-logo-b-32x32.png 32w,
img/SZ-logo-b-96x96.png 96w,
img/SZ-logo-b-256x256.png 256w"
sizes="64px"/>
</div>
<h1 class="title__text">
Stephen Zhao
</hi>
</div>
<div class="social-media-links">
<div class="social-media-icon linkedin-icon">
<a href="https://www.linkedin.com/in/stephenzhao" target="_blank">
<svg viewBox="0 0 49 49">
<path class="st0" d="M44.5,0.5h-40c-2.2,0-4,1.8-4,4v40c0,2.2,1.8,4,4,4h40c2.2,0,4-1.8,4-4v-40C48.5,2.3,46.7,0.5,44.5,0.5z
M14.5,41.5h-7v-23h7V41.5z M11,15.5c-2.5,0-4.5-2-4.5-4.5s2-4.5,4.5-4.5s4.5,2,4.5,4.5S13.5,15.5,11,15.5z M41.5,41.8h-7V30.7
c0-3.9-0.9-6.1-3.3-6.1c-3.3,0-4.7,2.4-4.7,6.1v11.1h-7v-23H26v3.3c0.9-1.9,3.3-3.6,6.9-3.6c6.9,0,8.6,3.7,8.6,10.6V41.8z"/>
</svg>
</a>
</div>
<div class="social-media-icon github-icon">
<a href="https://github.com/stephen-zhao" target="_blank">
<svg viewBox="0 0 16 16" aria-hidden="true">
<path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/>
</svg>
</a>
</div>
<div class="social-media-icon instagram-icon">
<a href="https://www.instagram.com/zhao_stephen" target="_blank">
<svg viewBox="0 0 36 36">
<g fill-rule="evenodd">
<path d="M18 0c-4.889 0-5.501.02-7.421.108C8.663.196 7.354.5 6.209.945a8.823 8.823 0 0 0-3.188 2.076A8.83 8.83 0 0 0 .945 6.209C.5 7.354.195 8.663.108 10.58.021 12.499 0 13.11 0 18s.02 5.501.108 7.421c.088 1.916.392 3.225.837 4.37a8.823 8.823 0 0 0 2.076 3.188c1 1 2.005 1.616 3.188 2.076 1.145.445 2.454.75 4.37.837 1.92.087 2.532.108 7.421.108s5.501-.02 7.421-.108c1.916-.088 3.225-.392 4.37-.837a8.824 8.824 0 0 0 3.188-2.076c1-1 1.616-2.005 2.076-3.188.445-1.145.75-2.454.837-4.37.087-1.92.108-2.532.108-7.421s-.02-5.501-.108-7.421c-.088-1.916-.392-3.225-.837-4.37a8.824 8.824 0 0 0-2.076-3.188A8.83 8.83 0 0 0 29.791.945C28.646.5 27.337.195 25.42.108 23.501.021 22.89 0 18 0zm0 3.243c4.806 0 5.376.019 7.274.105 1.755.08 2.708.373 3.342.62.84.326 1.44.717 2.07 1.346.63.63 1.02 1.23 1.346 2.07.247.634.54 1.587.62 3.342.086 1.898.105 2.468.105 7.274s-.019 5.376-.105 7.274c-.08 1.755-.373 2.708-.62 3.342a5.576 5.576 0 0 1-1.346 2.07c-.63.63-1.23 1.02-2.07 1.346-.634.247-1.587.54-3.342.62-1.898.086-2.467.105-7.274.105s-5.376-.019-7.274-.105c-1.755-.08-2.708-.373-3.342-.62a5.576 5.576 0 0 1-2.07-1.346 5.577 5.577 0 0 1-1.346-2.07c-.247-.634-.54-1.587-.62-3.342-.086-1.898-.105-2.468-.105-7.274s.019-5.376.105-7.274c.08-1.755.373-2.708.62-3.342.326-.84.717-1.44 1.346-2.07.63-.63 1.23-1.02 2.07-1.346.634-.247 1.587-.54 3.342-.62 1.898-.086 2.468-.105 7.274-.105z"/><path d="M18 24.006a6.006 6.006 0 1 1 0-12.012 6.006 6.006 0 0 1 0 12.012zm0-15.258a9.252 9.252 0 1 0 0 18.504 9.252 9.252 0 0 0 0-18.504zm11.944-.168a2.187 2.187 0 1 1-4.374 0 2.187 2.187 0 0 1 4.374 0"/>
</g>
</svg>
</a>
</div>
</div>
</div><!-- / zone__top -->
<div class="zone__content-window">
<div class="zone__content">
<p>
I'm a <span class="emphasized-with-tooltip">Software Developer</span>
with 3+ years of industry experience in web, systems, desktop, and cloud development.
</p>
<p>
I currently develop data pipelines and microservices for online analytical processing and reporting at <span class="emphasized-with-tooltip">Bloomberg LP</span>.
</p>
<p>
I'm a <span class="emphasized-with-tooltip">University of Waterloo</span> graduate with
a <span class="emphasized-with-tooltip">Bachelor of Computer Science</span> degree.
My area of focus was <span class="emphasized-with-tooltip">Artificial Intelligence</span>.
</p>
<p>
Some of my favourite technologies:
<ul class="--dashed --smaller">
<li>
<span class="emphasized-with-tooltip">TypeScript</span>, for its rich type system, allowing for a
massive improvement for maintainability & robustness over traditional ES JavaScript.
</li>
<li>
<span class="emphasized-with-tooltip">Scala</span>, for its rich type system and its mixing of paradigms, allow for
the best of Functional and Object-Oriented programming to be used when appropriate.
</li>
<li>
<span class="emphasized-with-tooltip">.NET</span>, for its new cross-platform capabilities and embracement of Open Source.
</li>
</ul>
</p>
<p>
Please reach out to me at
<a class="emphasized-with-tooltip" href="mailto:[email protected]">[email protected]</a>
with opportunities. My resumé is available upon request. Check out my social media links above for more about me.
</p>
<p>
Besides my work, I have interests in mathematics and urban planning. I like hiking and hope to do a 14'er one day.
</p>
</div><!-- / zone__content -->
<div class="zone__scroll-indication --top">
</div><!-- / zone__scroll-indication top -->
<div class="zone__scroll-indication --bottom">
</div><!-- / zone__scroll-indication bottom -->
</div><!-- / zone__content-window -->
</div><!-- / zone main-zone -->
</section><!-- / page__section main-section -->
<section class="page__section footer --fixed-viewport-bottom">
<div class="footer__content">
The LinkedIn, GitHub, and Instagram icons are registered trademarks of, copyright, and/or belong to their respective trademarkers, copyrighters, and/or owners.
<br/>
This website is Copyright © 2021 Stephen Zhao. All Rights Reserved.
</div>
</section><!-- / page__section footer -->
</div><!-- / page__container -->
</div><!-- / page -->
<script src="js/zone.js"></script>
</body>
</html>