-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
121 lines (104 loc) · 3.29 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>
<html lang="en">
<head>
<meta charset="UTF-8" />
<style>
@import url("https://fonts.googleapis.com/css2?family=Oswald&display=swap");
.title {
text-align: center;
font-size: 3.5rem;
font-weight: 300;
margin-block-end: 0.35em;
margin-block-start: 0.35em;
}
.main {
font-weight: 400;
position: relative;
margin-top: 4em;
margin-bottom: 4em;
margin-left: 7.5em;
margin-right: 7.5em;
}
body {
color: #212121;
background-color: #FAFAFA;
font-family: 'Oswald', sans-serif;
}
.button {
float: right;
font-family: 'Oswald', sans-serif;
background-color: #121212;
color: #EEEEEE;
}
a:link,
a:visited {
color: #616E7C;
}
.dark-mode {
background-color: #121212;
color: #EEEEEE;
}
.dark-mode-btn {
background-color: #EEEEEE;
color: #121212;
}
</style>
<script>
function toggle() {
var element = document.body;
element.classList.toggle("dark-mode");
var button = document.getElementsByTagName("button")[0]
button.classList.toggle("dark-mode-btn")
}
</script>
</head>
<body>
<div class="main">
<button class="button" onclick="toggle()">Toggle dark mode</button>
<h1 class="title">Lucy Xiang</h1>
<p>
Undergraduate student studying Computer Science and Biology - ask me about my favourite front-end framework or my
favourite protein.
<br />
When I'm not school-ing, you'll find me intern-ing as a software developer or water-ing my plants
<br />
Experienced in backend development, comfortable with Rails, Scala, C#, Python, etc.
<br />
<br />
Current ✨mood✨: enjoying the last bits of my degree before I graduate in Winter 2020
</p>
<p>
Companies I've worked at:
<ul>
<li>Ericsson (Winter 2018)</li>
<li>Morgan Stanley Montreal (Summer 2018)</li>
<li>Morgan Stanley NYC (Summer 2019)</li>
<li>Shopify (Winter 2019 - present)</li>
</ul>
</p>
<p>
Projects I've worked on:
<ul>
<li><a href=https://ctf.science.mcgill.ca>Computer Task Force Website</a> - Jekyll, Bootstrap </li>
<li><a href=https://github.com/lucyxiang/f2018-group3>Flashpoint Game</a> - Unity/C#, NodeJS </li>
<li><a href=https://elections.sus.mcgill.ca/#>Election System</a> - NodeJS, SQL, VueJS </li>
</ul>
</p>
<p>
Hackathons I've attended:
<ul>
<li><a href=https://devpost.com/software/robohacks2017>Constillation Buddy</a> @ RoboHacks</li>
<li><a href=https://devpost.com/software/nutribuddy>NutriBuddy</a> 🏆@ ConUHacks</li>
<li><a href="https://devpost.com/software/buddy-finder-m5d0g2">Buddy Finder</a> @ HackHarvard</li>
<li><a href="https://devpost.com/software/pong2-0-ufwlvb">Pong 2.0</a> 🏆@ McHacks</li>
<li>I need to stop naming hackathon projects using "buddy"...</li>
</ul>
</p>
<p>In my free time, I like to olympic weightlift 🏋️ and clean my house.
</br>
You can reach me by <a href="mailto:[email protected]">email</a> or through <a
href="https://www.linkedin.com/in/lucy-xiang-3aa077137/">LinkedIn</a>
</p>
</div>
</body>
</html>