-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnikolasalvelo.html
230 lines (204 loc) · 9.73 KB
/
nikolasalvelo.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
<!DOCTYPE html>
<html lang="en">
<!--keep everything in 'head' the same except for title-->
<head>
<meta charset="UTF-8">
<!--title that shows up on Google Chrome tab -- CHANGE NAME-->
<title>Anti-Resume - Nikolas Alvelo</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--links this file to a style sheet (controls spacing, formatting, colors, sizes, etc.)-->
<link rel="stylesheet" type="text/css" href="style/antiresume.css">
<link rel="stylesheet" type="text/css" href="style/semantic.min.css">
<!-- Global site tag (gtag.js) - Google Analytics tracking tag-->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-136250797-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-136250797-1');
</script>
</head>
<!--everything in body is what appears on page-->
<body>
<div class="header">
<!-- generic background image (background.jpg)-->
<img class="ui image" src="images/background.jpg" id="header_image">
<!--profile image -- CHANGE URL IN 'src' to "images/(name of jpg)"-->
<img class="ui fluid centered bordered circular small image" src="images/nik_alvelo.jpeg" id="profile_image">
<!--heading -- NAME OF ALUMNI/SENIOR-->
<h2 class="center">Nikolas Alvelo</h2>
<!--paragraph description -- DESCRIPTION OF SENIOR-->
<p class="center description"><b>E'19</b></p>
<p class="center description">Nik studies Computer Science and will be a full-time Software Engineer for DraftKings
in Boston after graduation.</p>
<br>
</div>
<!--'background' class provides gray background of page-->
<div class="background">
<!--'content' class provides formatting of content (spacing, margins, font size, etc.-->
<div class="content">
<!--'ui segment' class dictates different sections (i.e. L's Taken and On the Bright Side)-->
<div class="ui segment">
<div class="ui medium header">L's Taken</div>
<div class="info">
<div class="row">
<div class="column left">
<p><b>7</b></p>
</div>
<div class="column right">
<p><b>"Thank you for applying but..." Jobs</b></p>
<div class="ui grid">
<div class="eight wide column">
<ul>
<li> Facebook (twice!) </li>
<li> Airbnb (twice!) </li>
<li> Twitter </li>
</ul>
</div>
<div class="eight wide column">
<ul>
<li> Microsoft </li>
<li> Scholastic (temporarily)</li>
</ul>
</div>
</div>
<!--'ui divider' class adds a line below each category-->
<div class="ui divider"></div>
</div>
</div>
<div class="row">
<div class="column left">
<p><b>2</b></p>
</div>
<div class="column right">
<p><b>Clubs that "weren't a good fit"</b></p>
<ul>
<li>Access Engineering (the first time)</li>
<li>Hack For Impact</li>
</ul>
<div class="ui divider"></div>
</div>
</div>
<div class="row">
<!--'column left' class contains number of failures/clubs/jobs/etc in category -- CHANGE NUMBER-->
<div class="column left">
<p><b>3</b></p>
</div>
<!--'column right' class contains bullet points of failures-->
<div class="column right">
<!--CHANGE BELOW TO CHANGE TITLE & FAILURES OF CATEGORY-->
<p><b>Things I Swore I'd Finish But Never Did</b></p>
<ul>
<li> Netflix series with more than 4 seasons</li>
<li> My bookshelf of books at Penn</li>
<li> Idea for an app</li>
</ul>
<!--'ui divider' class adds a line below each category-->
<div class="ui divider"></div>
</div>
</div>
<div class="row">
<div class="column left">
<p><b>3</b></p>
</div>
<div class="column right">
<p><b>Everyday L's of Life</b></p>
<ul>
<li>Susceptible to ripping pants</li>
<li>Falling on the bridge on Locust</li>
<li>Breaking both wrists on the same day</li>
</ul>
</div>
</div>
</div>
</div>
<div class="ui segment">
<div class="ui medium header">On the Bright Side</div>
<div class="info">
<div class="row">
<div class="column left">
<p><b>3</b></p>
</div>
<div class="column right">
<p><b>Things I've Learned That Will Still Matter in 10 Years</b></p>
<ul>
<li> The fact that I can overcome anything that is thrown at me if I give myself time</li>
<li> The importance of 8 hours of sleep</li>
<li> The ability to better control the ways that things affect my happiness</li>
</ul>
<div class="ui divider"></div>
</div>
</div>
<div class="row">
<div class="column left">
<p><b>4</b></p>
</div>
<div class="column right">
<p><b>Books I've Read for Fun</b></p>
<ul>
<li>Salt Fat Acid Heat</li>
<li>Saga comic book series</li>
<li>Everything I Never Told You</li>
<li>Between the World and Me</li>
</ul>
<div class="ui divider"></div>
</div>
</div>
<div class="row">
<div class="column left">
<p><b>4</b></p>
</div>
<div class="column right">
<p><b>Memories I Made While I Wasn't Studying/Working</b></p>
<ul>
<li>Made a snowman during reading days</li>
<li>Hitchhiked over a highway to avoid cops then got picked up by a stranger to Villanova when they won the basketball game freshman year</li>
<li>Going to a random stranger's wedding</li>
<li>Was in the front row of Chance the Rapper's performance freshman year</li>
</ul>
<div class="ui divider"></div>
</div>
</div>
<div class="row">
<div class="column left">
<p><b>3</b></p>
</div>
<div class="column right">
<p><b>Unconventional Skills</b></p>
<ul>
<li>Really good at memorizing lyrics to songs</li>
<li>Unbeatable at video games that require you to mash buttons</li>
<li>Insane whistler</li>
</ul>
<div class="ui divider"></div>
</div>
</div>
<div class="row">
<div class="column left">
<p><b>5</b></p>
</div>
<div class="column right">
<p><b>Leaps of Faith</b></p>
<div class="ui grid">
<div class="eight wide column">
<ul>
<li>Joining new clubs that would eventually be my communities at Penn</li>
<li>Switching my major from Materials Science Engineering to Computer Science</li>
<li>Leaving a toxic relationship freshman year</li>
</ul>
</div>
<div class="eight wide column">
<ul>
<li>Living by myself in New York for the summer especially as I had never lived anywhere besides Philly and New Jersey</li>
<li>Coming to Penn at all as the only person from my high school to get into an Ivy League</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>