-
Notifications
You must be signed in to change notification settings - Fork 11
/
index.html
280 lines (244 loc) · 10.1 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
<!DOCTYPE html>
<html>
<head>
<title>Happy birthday Christina!</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<h1 style="text-align: center; font-size: 48px; margin-bottom: 0;">🥳</h1>
<img src="chrsitina.png" style="width:100%">
<p>Happy Birthday Christina!</p>
<hr />
<p>
I want to thank you for being such a great mentor and colleague this
summer. You’ve guided and supported me throughout my time working at Hack
Club which has been the greatest experience. You’re someone I look up to
also for your work and influence outside of Hack Club. Thank you so much
for the patience, advice, and encouragement that you’ve given me.
</p>
<br />
<p>Dina</p>
<hr />
<p>Happy birthday Christina!</p>
<p>
Since you joined in February, Hack Club started to never be the same. The
relentlessness, kindness, and thoughtful leadership you've brought to Hack
Club make us better every day.
</p>
<p>
I can't think of a better person to be running this org with. I'm so glad
to have you as a teammate and as a friend.
</p>
<p>- Zach</p>
<hr />
<p>
Happy Birthday Christina! I feel so fortunate that I met you this summer.
You have been a great role model to me and I’m forever grateful. I hope
this year is the best year yet.
</p>
<p>by Fischler</p>>
<hr />
<p>Hey Christina!</p>
<p>
When Zach called me a while ago to talk about bringing you onto the team,
I was psyched. Your track record as a professional spoke for itself, you
had amazing potential to bring some much needed direction to the team, and
you sounded like a perfect fit. You have done— and been—all of that and
moe. May your birthday today be as exceptional as you are, I’m excited to
work together
more in the future.
</p
>
<p>Michael</p>
<hr />
<p>Christina,</p>
<p>It's truly been a fantastic time working with you at Hack Club over the past few months. I've become a better writer, thinker, and person thanks to you & I hope we get to work together again in the future. </p>
<p>Have a very happy birthday!</p>
<p>- Theo</p>
<hr>
<p>Happy Birthday Christina! I am so honored that I've been able to work with you this past Summer and empower over 370 students in technology. Your willingness to help others around you has helped me see the power of community in STEM and I'm grateful to have you as a role model to look up to. Thank you so much for always believing in me and dedicating your time to hearing about an idea I came up with on a whim. I'm so excited to see you take to Hack Club to even greater heights and work with you in the future! I hope you have a great day :) </p>
<br><p> Shivali Gulati</p>
<hr />
<p class="matthew">
Happy birthday Christina!
</p>
<p>
I was <i>sooo</i> excited when I first heard you were joining Hack Club
because it meant we were finally getting our first teammate who's a real
adult and professional!
</p>
<p>
I vividly remember the first time I met you, in early March, when you came
to New Haven and chatted with the clubs team about the long-term future of
Hack Club. That conversation made me incredibly excited for the future of
Hack Club, both long-term and while I'm working here. I continue to be
amazed by what you bring to Hack Club.
</p>
<p>
Plus, if it weren't for you, I wouldn't have visited the magical land of
Vermont, which I now believe is an undiscovered gem of the world!
<br /><br />
Stay awesome,
<br />
Matthew ✨
</p>
<hr />
<p>Woot woot!! Happy Birthday Christina!!!</p>
<p>
Hey!! Christina, you are an inspiration to so many people! Your
previous work in the Middle East is really fascinating, it's something
that is quite foreign to many of us so it's really interesting hearing
stories about it. You've always been super kind to me and it was great
to do stuff with you over the summer! Keep going with the coding, it's
really cool! Have a great rest of your birthday!!
</p>
<p>- Sam P</p>
<hr>
<p>Wow it's your birthday!</p>
<p>
Christina, you have been a truly awesome person to get to know/work with.
Your tenacity, kind-hartedness, and just Hack Club mom personality (😛)
just highlights what a great person you are. You may be the COO of Hack Club
and that's super important but you have been an even better counsel at times
when I've needed it most.
</p>
<p>
Hack Club and the community is lucky to have you and I wish the bestest birthday
in the world. ✨
</p>
<p>Chaleb</p>
<hr>
<section class="lachlanjc">
<img src="https://cloud-d5i2p7i8h.vercel.app/2020-09-03_jz2m0tuuwc0wjz84temrv2gr38wner6w.jpeg" alt="Christina & Lachlan smiling in the sunset">
<p>Christina—it’s been such a joy working with you this year at Hack Club. One of my favorite parts of anybody joining is seeing what they do no one else could or would’ve made happen…from <a href="https://hackclub.com/elon/">Elon Musk’s donation</a> to our <a href="https://hackclub.com/amas/">just incredible AMAs</a> to our <a href="https://hackclub.com/vip-newsletters/">VIP newsletters</a>, it’s been so amazing to see everything you’ve brought to the team.</p>
<p>Personally, you’ve also just been a joy to be around, from our Philo campfire to editing newsletters together. I never would’ve even been to Vermont without you either, much less got to hang out for two remarkable months.</p>
<p>I’m so glad to have you here at Hack Club, & thanks so much for everything you do. Happy birthday</p>
<footer>
<img src="https://github.com/lachlanjc.png" alt="lachlan avatar" size="32">
—@lachlanjc
</footer>
</section>
<hr />
<p> Christina, you are one of the most interesting, kind, and hardworking people I know.
It is an absolite blast to work with you and even just talk to you.
War journalist?? Best Selling Author?? Fundraising Goddess?? The Fuller Project?
The work you do is incredible, and you are directly benefitting so many student's lives. Keep doing you, you're incredible, happy birthday :)
<p>
<p> amogh </p>
<hr />
<p>Wow it's your birthday!</p>
<p>
Chrsistina, you have been a truly awesome person to get to know/work with.
Your tenacity, kind-hartedness, and just Hack Club mom personality (😛)
just highlights what a great person you are. You may be the COO of Hack Club
and that's super important but you have been an even better counsel at times
when I've needed it most.
</p>
<p>
Hack Club and the community is lucky to have you and I wish the bestest birthday
in the world. ✨
</p>
<p>Chaleb</p>
<style>
.💪 {
display: flex;
}
.expander {
background: yellow;
color: red;
display: inline;
}
.expander:hover:after {
content: 'go right ----> ---->';
}
.expander:hover {
color:yellow;
background: red;
width: 9999px;
content: 'go right';
display: inline-block;
font-size: 3em;
}
</style>
<marquee>
<marquee direction="up">this one goes up</marquee>
this one goes left
<marquee direction="down">weeeee!</marquee>
</marquee>
<div style="display: inline; width: 100vh;">
<div class="💪">
<marquee direction="right">
<em scrolldelay="1" scrollamount="20">vroooooom</em>
</marquee>
<marquee direction="right">
<em scrolldelay="1" scrollamount="20">vroooooom</em>
</marquee>
<marquee direction="right">
<em scrolldelay="1" scrollamount="20">vroooooom</em>
</marquee>
<marquee direction="right">
<em scrolldelay="1" scrollamount="20">vroooooom</em>
</marquee>
<marquee direction="right">
<em scrolldelay="1" scrollamount="20">vroooooom</em>
</marquee>
<marquee direction="right">
<em scrolldelay="1" scrollamount="20">vroooooom</em>
</marquee>
<marquee direction="right">
<em scrolldelay="1" scrollamount="20">vroooooom</em>
</marquee>
<marquee direction="right">
<em scrolldelay="1" scrollamount="20">vroooooom</em>
</marquee>
<marquee direction="right">
<em scrolldelay="1" scrollamount="20">vroooooom</em>
</marquee>
</div>
<h1>happy birthday<div class="💪">
<marquee>!</marquee>
<marquee>!</marquee>
<marquee>!</marquee>
<marquee>!</marquee>
<marquee>1</marquee>
<marquee>!</marquee>
<marquee>!</marquee>
<marquee>!</marquee>
<marquee>!</marquee>
<marquee>!</marquee>
<marquee>1</marquee>
<marquee>!</marquee>
<marquee>!</marquee>
<marquee>!</marquee>
<marquee>!</marquee>
<marquee>!</marquee>
<marquee>1</marquee>
<marquee>!</marquee>
<marquee>one</marquee>
<marquee>!</marquee>
<marquee>!</marquee>
<marquee>!</marquee>
<marquee>!</marquee>
<marquee>!</marquee>
<marquee>!</marquee>
<marquee>!</marquee>
<marquee>!</marquee>
<marquee>!</marquee>
<marquee>!</marquee>
<marquee>!</marquee>
<marquee>!</marquee>
<marquee>!</marquee>
<marquee>!</marquee>
<marquee>!</marquee>
<div></h1>
</div>
<div style="position:absolute; left: 5000px; width: 100vw;">
<img src="https://cloud-l0dbzoyuv.vercel.app/2020-09-03_wkvaqwk2xypqm1f2bpj71tykfmtfq77c.jpeg" alt="Philo campfire" >
<p>Hey Christina! Happy birthday</p>
</div>
<div class="expander"> hover me!</div>
<div></div>
</body>
</html>