-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
222 lines (166 loc) · 7.14 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Devin's Portfolio Website</title>
<link rel="icon" href="images/favicon.ico">
<link rel="stylesheet" type="text/css" href="css/styles.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<header class="header" role="banner" id="top">
<div class="row">
<nav class="nav" role="navigation">
<ul class="nav-list-items">
<li class="nav-item"><a href="#top" class="nav-link">Home</a></li>
<li class="nav-item"><a href="#about" class="nav-link">About</a></li>
<li class="nav-item"><a href="#projects" class="nav-link">Projects</a></li>
<li class="nav-item"><a href="#contact" class="nav-link">Contact</a></li>
</ul>
</nav>
</div>
<div class="row" id="heading">
<h1 class="header-primary">
<span>Devin Yizhe Lu</span>
</h1>
<p>A chess enthusiast. A beatboxer. A developer. </p>
</div>
</header>
<section id="about">
<div class="row">
<h1 class="sub-header">About me</h1>
<div class="about">
<div class="about-text">
<p>
Howdy there internet * explorer *! Now that you've stumbled upon my page, let me introduce myself! I am a recent computer science
graduate from Simon Fraser University and I currently work as a Software Support Developer @ Brock Solutions.
</p>
<p>
I love to program (obviously) and combine my passion for coding with all of my various different interests! At the moment,
I have been working on personal projects in the domain of machine learning while I work as a developer @ Brock.
</p>
<p>
Apart from my career goals, I am an avid (and somewhat competitive) chess player with aspirations of eventually pursuing a master title in chess. So far,
the highest level I played was in a provincial tournament back in high school. I also have been beatboxing for almost a decade now,
and have competed in the Canadian Champs in 2019. Additionally, I love to train (both in MMA and just lifting in general) and eventually I'd like
to also compete professionally in MMA. Finally, I'm absolutely coconuts about languages and currently speak English, French, and Chinese while
developing my Russian. In the future after Russian, I would like to take on the tall task of Arabic.
</p>
</div>
<div class="about-photo-container">
<img class="about-photo" src="./images/small.jpg"/>
</div>
</div>
</div>
</section>
<!-- <section id="projects" class="projects">
<div class="row">
<h1 class="sub-header">Work Experience</h1>
</div>
<div class="content">
<a href="https://dataprep.ai/" style="text-decoration:none;" target="_blank">
<div class="boxes">
<img src="images/operto.jpeg">
<h2>Software Developer Intern</h2>
<p></p>
</div>
</a>
<a href="https://github.com/devinllu/StormHacks2022" style="text-decoration:none;" target="_blank">
<div class="boxes">
<img src="images/stats-can.jpeg">
<h2>Data Analyst Intern</h2>
<p></p>
</div>
</a>
<a href="https://github.com/devinllu/chessquery" style="text-decoration:none;" target="_blank">
<div class="boxes">
<img src="images/hcltech.jpeg">
<h2>Backend Developer Intern</h2>
<p></p>
</div>
</a>
<a href="https://github.com/devinllu/inspectaurant" style="text-decoration:none;" target="_blank">
<div class="boxes">
<img src="images/brock.jpeg">
<h2>Software Support Developer</h2>
<p></p>
</div>
</a>
</div>
</section> -->
<section id="projects" class="projects">
<div class="row">
<h1 class="sub-header">Projects</h1>
</div>
<div class="content">
<!-- <a href="https://web-app-test-395723.uw.r.appspot.com/" style="text-decoration:none;" target="_blank">
<div class="boxes">
<img src="images/ohtl.jpg">
<h2>Engineering Consulting Online</h2>
<p>An engineering website built for aspiring engineers who wants to learn more of the hands on aspects of engineering from data analysis software to online engineering design handbooks.</p>
</div>
</a> -->
<a href="https://dataprep.ai/" style="text-decoration:none;" target="_blank">
<div class="boxes">
<img src="images/dataprep.png">
<h2>Software Systems Capstone: DataPrep</h2>
<p>As part of my final capstone project at SFU, I got the pleasure of working on Dataprep under Dr. Jiannan Wang under their EDA module. I created statistical reports and plot visualizations in Python.</p>
</div>
</a>
<a href="https://github.com/devinllu/StormHacks2022" style="text-decoration:none;" target="_blank">
<div class="boxes">
<img src="images/icebreaker.jpeg">
<h2>StormHacks 2022: IceBreakerBot</h2>
<p>Discord Bot with icebreaker-like functionalities to help break the ice and meet new people in an online environment. Features include game recommendations, questions generator, and playing trivia.</p>
</div>
</a>
<a href="https://github.com/devinllu/chessquery" style="text-decoration:none;" target="_blank">
<div class="boxes">
<img src="images/chess.jpg">
<h2>Computational Data Science: ChessQuery</h2>
<p>As an avid chess competitor and as part of my Computational Data Science course, I decided to dig deeper and analyze the ELO ratings in Chess. This was an EDA + ML project with a fully written report.</p>
</div>
</a>
<a href="https://github.com/devinllu/inspectaurant" style="text-decoration:none;" target="_blank">
<div class="boxes">
<img src="images/phone.png">
<h2>Inspectaurant</h2>
<p>An Android restaurant application that pulls data about nearby restaurants and their past inspection reports, all visually on Google Maps! Internationalized to support both English and French. </p>
</div>
</a>
</div>
</section>
<!-- footer, bottom of page -->
<footer class="footer" id="contact">
<h1>Contact Me</h1>
<div class="text-center">
<a href="Resume.pdf" target="_blank"><button class="btn">Resume</button></a>
</div>
<div class="row">
<ul class="footer-links">
<li class="footer-item">
<a href="https://github.com/devinllu" target="_blank" class="footer-image">
<i class="fa fa-github fa-2x"></i>
</a>
</li>
<li class="footer-item">
<a href="https://www.linkedin.com/in/devinllu/" target="_blank" class="footer-image">
<i class="fa fa-linkedin fa-2x"></i>
</a>
</li>
<!-- <li class="footer-item">
<a href="https://www.facebook.com/profile.php?id=100007883024941" target="_blank" class="footer-image">
<i class="fa fa-facebook fa-2x"></i>
</a>
</li> -->
<!-- <li class="footer-item">
<a href="https://www.instagram.com/devinllu/" target="_blank" class="footer-image">
<i class="fa fa-instagram fa-2x"></i>
</a>
</li> -->
</ul>
</div>
</footer>
</body>
</html>