-
Notifications
You must be signed in to change notification settings - Fork 0
/
about
259 lines (257 loc) · 10.5 KB
/
about
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
<!DOCTYPE HTML>
<html>
<head>
<title>Aaron Yan - About</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="About Aaron Yan. A data scientist based in Pleasanton, CA.">
<meta name="keywords" content="about aaron yan, about aaronyan, data scientist, operations research analyst, actionable insight">
<meta http-equiv="pragma" content="no-cache">
<link rel="icon" href="images/logos/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="images/logos/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/logos/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="images/logos/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/logos/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon-precomposed" href="images/logos/apple-touch-icon.png">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/style.css" >
<link rel="stylesheet" href="css/font-awesome-4.3.0/css/font-awesome.min.css">
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<!-- End Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-60207139-1', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->
</head>
<body>
<header id="header">
<div class="container">
<div class="row">
<div class="two columns">
<h1><a href="http://aaronyan.me"><img src="images/logos/logo.png" alt="Aaron Yan - data scientist" title="Aaron Yan - data scientist"></a></h1>
</div>
<div>
<nav>
<ul>
<li><a href="about">About</a></li>
<li><a href="work/summary">Work</a></li>
<li><a href="" class="not-active">Contact</a></li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<section id="banner">
<div class="container">
<div class="row">
<div class="cloud left-cloud transition notagp">
<img src="images/objects/cloudframe.png" alt="cloud that frames the banner">
</div>
<div class="cloud right-cloud transition">
<img src="images/objects/cloudframe.png" alt="cloud that frames the banner">
</div>
<div class="twelve columns">
<div id="tagnameabout">
<h1>About Me</h1>
</div>
</div>
</div>
</div>
</section>
<section id="banner-img-about">
<div class="container">
<div class="row">
<div class="six columns">
<div id="datacenter-free-left">
<img src="images/objects/dataCenter-left.png" alt="Free floating datacenter, left side.">
</div>
</div>
<div class="six columns datacenter-free-right">
<div id="datacenter-free-right">
<img src="images/objects/dataCenter-right.png" alt="Free floating datacenter, right side.">
</div>
</div>
</div>
</div>
</section>
<section id="about-intro">
<div class="container">
<div class="row regular">
<div class="twelve columns">
<h2>Philosophy.</h2>
<p>I will never stop learning. I will remain relentlessly curious and seek to understand problems at their most fundamental level. I will always listen so I may discover new ways to love and appreciate. I will never turn down an opportunity to help a colleague and I'll remember the days when I didn't have everything <sup><a target="_blank" href="http://ma.tt/2011/09/automattic-creed/" id="ref1">1</a></sup>. I will communicate and share as much as possible because I know sharing is one of the most powerful ideas in our age of information. I am motivated by impact, regardless of the size or scale. I strive to make meaningful, consistent impacts on our daily lives by building tools that harness our shared information. I will never stop dreaming big, and I will never stop moving forward.</p>
<div id="phil-border-left">
<img src="images/objects/phil-cloud-left.png" alt="cloud border for philosophy text, left side">
</div>
<div id="phil-border-right">
<img src="images/objects/phil-cloud-right.png" alt="cloud border for philosophy text, right side">
</div>
</div>
<div class="twelve columns">
<sup id="fn1">1. Quoted and inspired by <a target="_blank" href="http://ma.tt/2011/09/automattic-creed/" title="Link to Automattic's creed.">Automattic's creed</a>.</sup>
</div>
</div>
</div>
</section>
<section id="about-background">
<div class="special container">
<div class="row">
<div class="twelve columns">
<h2>Background.</h2>
</div>
</div>
<div class="row">
<div class="twelve columns">
<h3>Education.</h3>
</div>
</div>
<div class="row education-content regular">
<div class="six columns">
<div id="banner-ut" class="edu-banner">
<div class="banner-bg">
<img src="images/objects/banner-ut.png" alt="Banner made for University of Texas at Austin (UT)">
</div>
<div class="banner-content">
<img src="images/logos/ut-logo.png" alt="University of Texas at Austin (UT) Academic Seal" title="What start’s here changes the world.">
<p>M.S. Operations Research</p>
<p class="italic italic-end">Univ. Texas at Austin</p>
<p class="italic banner-details">Full Tuition Scholarship</p>
<p class="italic banner-details">and Assistance</p>
<p class="italic banner-details">Warren and Alice Meyer</p>
<p class="italic banner-details">Endowed Scholarship</p>
</div>
</div>
</div>
<div class="six columns">
<div id="banner-usc" class="edu-banner">
<div class="banner-bg">
<img src="images/objects/banner-usc.png" alt="Banner made for University of Southern California (USC)">
</div>
<div class="banner-content">
<img src="images/logos/usc-logo.png" alt="University of Southern California (USC) Academic Seal" title="Fight on!">
<p>B.S. Mechanical Eng.</p>
<p class="italic italic-end">Univ. Southern California</p>
<p class="italic banner-details">2nd Place - Student</p>
<p class="italic banner-details">Research Award</p>
<p class="italic banner-details">Taiwan Tech Trek</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="twelve columns">
<h3>Interests.</h3>
</div>
</div>
<div class="row regular interests-row">
<ul>
<li>
<img src="images/objects/interest-gaming.png" alt="Aaron's interst in gaming as an icon" title="PC master race.">
<p>Gaming</p>
</li>
<li>
<img src="images/objects/interest-magic.png" alt="Aaron's interst in magic as an icon" title="Oh ho ho. It's magic! You knoooowww..">
<p>Magic</p>
</li>
<li>
<img src="images/objects/interest-swimming.png" alt="Aaron's interst in swimming as an icon" title="Always wear a speedo. Always.">
<p>Swimming</p>
</li>
<li>
<img src="images/objects/interest-hiking.png" alt="Aaron's interst in hiking as an icon" title="The greatest adventure is what lies ahead. -J.R.R. Toklien">
<p>Hiking</p>
</li>
</ul>
</div>
<div class="row">
<div class="twelve columns">
<h3>Skills.</h3>
</div>
</div>
<div class="row skill-names">
<div class="five columns">
<div id="applied-math">
<h3>Applied Mathematics</h3>
</div>
</div>
<div class="two columns">
<div id="plus-sign">
<h3>+</h3>
</div>
</div>
<div class="five columns">
<div id="computer-program">
<h3>Computer Programming</h3>
</div>
</div>
</div>
<div class="row">
<div class="six columns graphs">
<div id="left-graph">
</div>
</div>
<h3 id="computer-program2">Computer Programming</h3>
<div class="six columns graphs">
<div id="right-graph">
<script src="js/skills_charts.js"></script>
</div>
</div>
</div>
</div>
</section>
<section id="what-else">
<div class="special container">
<div class="row">
<h2>More?</h2>
</div>
<div class="row">
<div class="six columns">
<a class="button button-primary first-b not-active" href="">Contact</a>
</div>
<div class="six columns">
<a class="button button-primary second-b" href="work/summary">View work</a>
</div>
</div>
<div id="end-note" class="row regular">
<div class="twelve columns">
<p>Check out some of my latest work on data manipulation and machine learning! I love sharing my new ideas and experiments. All of my work can also be found on <a target="_blank" href="https://github.com/aaronyan">GitHub</a>.</p>
</div>
</div>
</div>
</section>
<footer id="footer">
<div class="container">
<div class="row">
<div class="twelve columns">
<ul class="icons">
<li><a target="_blank" href="https://www.linkedin.com/in/aaronmyan" class="icon circle fa fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a target="_blank" href="https://github.com/aaronyan" class="icon circle fa fa-github"><span class="label">GitHub</span></a></li>
<li><a target="_blank" href="https://twitter.com/aaronyan" class="icon circle fa fa-twitter"><span class="label">Twitter</span></a></li>
<li><a target="_blank" href="https://www.facebook.com/aaronmyan" class="icon circle fa fa-facebook"><span class="label">Facebook</span></a></li>
<li><a target="_blank" href="http://aarontheintern.wordpress.com" class="icon circle fa fa-wordpress"><span class="label">Wordpress</span></a></li>
</ul>
</div>
</div>
<div class="row">
<div class="twelve columns">
<p class ="footer-tag">Designed, illustrated, and <a target="_blank" href="https://github.com/aaronyan/website">coded</a>.</p>
</div>
</div>
<div class="row">
<div class="twelve columns">
<ul class="copyright">
<li>© 2021 Aaron Yan</li><li>Data Scientist</a></li>
</ul>
</div>
</div>
</div>
</footer>
</body>
</html>