-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
222 lines (195 loc) · 12.2 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
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
</head>
<body>
<!-------- FIRST SECTION -------->
<!-- headings -->
<div class="first__section">
<h1 class="greeting">こんにちは<span class="colored__character">.</span></h1>
<h3 class="sub-greeting">("hello.")</h3>
</div>
<!-------- SECOND SECTION -------->
<div class="second__section">
<!-- profile picture, name, and contacts -->
<div class="media__box">
<img class="profile__picture"
src="images/profile-picture.jpg"
alt="profile picture of Audrey Nanual">
<h1 class="name">Audrey Nanual</h1>
<h5 class="name__title">computer science student</h5>
<a href="https://www.linkedin.com/in/audrey-carmel-jay/">
<i class="fab fa-linkedin"></i>
</a>
<a href="https://mcm.edu.ph">
<i class="fas fa-university"></i>
</a>
<a href="https://www.facebook.com/audreycarmeljay.nanual/">
<i class="fab fa-facebook"></i>
</a>
<a href="https://twitter.com/audreycj_">
<i class="fab fa-twitter-square"></i>
</a>
<address><a href="mailto:acjNanual@mcm.edu.ph">
<i class="fas fa-envelope"></i></a>
</address>
</div>
<!-- autobiography -->
<div class="autobiography__box">
<h3 class="about__me">about me . . .</h3>
<p>My name is <i>Audrey Carmel Jay J. Nanual</i>, and I was born on the 16th of July 2000 in Iligan City, Lanao del Norte, Philippines. I am known by several names, depending on what phase of my life people met me. Those who met me during childhood through Junior High School call me by my nickname, <i>“Adee”</i> or <i>“Ad.”</i> Those who met me during and after Senior High School call me <i>“Audrey”</i> or <i>“Auds.”</i> I live in the suburbs of Mati City, Davao Oriental, with my mother, a college professor at our state university, and my 13-year-old younger sister, a seventh-grader attending a local academy. I am currently attending Davao City’s Malayan Colleges Mindanao (A Mapúa School) via online classes to work on my bachelor’s degree in Computer Science.</p>
<p>Despite coming to the world in Northern Mindanao, I spent a big chunk of my life in the south. My earliest memories comprised of trips to our local beaches, spontaneous motorcycle night rides with my father (who is currently living in Maco, Davao de Oro), and countless adventures with the neighborhood kids under the unforgiving sun. After that unproblematic life phase, I proceeded to attend the preschool at the university my mother worked. I did not stay there very long, however, because of my shyness and a bully that I no longer remember. I then transferred to a local private academy where I spent my kindergarten, elementary, and junior high school days. After completing JHS, I was shipped to Dumaguete City, Negros Oriental in Southern Visayas—mainly so I would be near Siquijor to visit my maternal grandparents every now and then. I studied at Silliman University and stayed there until I <i>finally</i> and <i>officially</i> graduated high school.</p>
<p>Cue in college. Until then, I remained a top student primarily because of my adaptability. I was what you would call a <i>Jack of all trades, master of none</i> kind of person, so I genuinely had no clue what program to take for college. I had no strong passion or interest in anything; I only did things out of boredom, curiosity, peer pressure, and duty. I was briefly intrigued by the medical field because of the countless k-dramas I have watched, but I eventually dropped it. (I concluded that the money and time I would have to invest is not worth it.) With that, I basically went <i>YOLO</i> and went with my mom's long-time suggestion to give the IT industry a try. </p>
<p>Now, I am in my 2nd year as a Computer Science student. I am still a little behind in terms of knowledge and skills related to my program, and I am still incredibly frustrated about my relatively slow progress, but I want to commit to this until the end. I have met many wonderful people in MCM that have been a great help in my development as a person and a future professional. I look forward to more things to learn, more skills to acquire, more people to meet, and more milestones to accomplish!</p>
</div>
</div>
<!-------- THIRD SECTION -------->
<div class="third__section">
<!-- hobbies box -->
<div class="hobbies__box">
<h3 class="icon__decorations"><i class="fas fa-bicycle"></i></h3>
<h3 class="box__labels">HOBBIES</h3>
<ul class="list__design1">
<li>Cycling</li>
<li>Taking pictures of animals I see during my bicycle trips</li>
<li>Watching anime, movies, and documentaries</li>
<li>Video games, usually just League of Legends</li>
<li>Looking for good songs on Spotify, Youtube, and from show/movie soundtracks</li>
<li>Pilates, yoga</li>
<li>Blogging on Tumblr</li>
<li>Coding</li>
<li>Reading manga</li>
</ul>
</div>
<!-- likes box -->
<div class="likes__box">
<h3 class="icon__decorations"><i class="fas fa-cat"></i></h3>
<h3 class="box__labels">LIKES</h3>
<ul class="list__design1">
<li><b>Animals:</b> Cats, owls, belugas</li>
<li><b>Colors:</b> Pastel colors</li>
<li><b>Food:</b> Buttered chicken, afritada, pork sinigang, omelette</li>
<li><b>Ice cream flavors:</b> double dutch, black forest, choco almond fudge, cookies & chocolate</li>
<li><b>Sports:</b> Volleyball</li>
<li><b>Other stuff:</b> Beaches, sunrise & sunset skies, stars at night, oversized shirts, cloudy weather, laughter, Studio Ghibli music and aesthetics, rainbows, good memories, kindness, vintage things</li>
</ul>
</div>
<!-- interests box -->
<div class="interests__box">
<h3 class="icon__decorations"><i class="fas fa-gamepad"></i></h3>
<h3 class="box__labels">INTERESTS</h3>
<ul class="list__design1">
<li>Anime, currently obsessed over Jujutsu Kaisen, Attack on Titan, and Haikyuu!!</li>
<li>Exercising and healthcare</li>
<li>Playing instruments, especially acoustic guitar</li>
<li>Artistic activities, mainly on digital platforms</li>
<li>Travelling overseas, especially to Japan and New Zealand</li>
<li>True crime (I often watch documentaries about true crime cases to try to understand the criminal mind)</li>
</ul>
</div>
</div>
<!-------- FOURTH SECTION -------->
<!-- headings -->
<div class="fourth__section">
<h1 class="fourth__heading">a day in my life</h1>
<h3 class="fourth__subheading">AS OF MID–JANUARY 2021</h3>
<!-- first row of timestamps -->
<div class="box__row1">
<h4 class="timestamps">8:00 AM</h4>
<ul class="list__design2">
<li>Wake up</li>
<li>Check social media while on bed</li>
<li>Wash face, brush teeth</li>
</ul>
</div>
<div class="box__row1">
<h4 class="timestamps">8:30 AM</h4>
<ul class="list__design2">
<li>(Sometimes) cook breakfast for mom, sis, and 8 cats</li>
<li>Feed the 8 cats</li>
<li>Fawn over my adorable cats</li>
</ul>
</div>
<div class="box__row1">
<h4 class="timestamps">9:00 AM</h4>
<ul class="list__design2">
<li>Do schoolwork (and attend synchronous classes)</li>
<li>Occasionally play League of Legends with friends (specifically the ARAM game mode)</li>
</ul>
</div>
<div class="box__row1">
<h4 class="timestamps">12:00 NN</h4>
<ul class="list__design2">
<li>Cook lunch (or buy from the nearby <i>carinderia</i></li>
<li>Eat lunch</li>
<li>Wash dishes</li>
<li>Throw the trash out</li>
<li>Fawn over my adorable cats again</li>
</ul>
</div>
<div class="box__row1">
<h4 class="timestamps">1:00 PM</h4>
<ul class="list__design2">
<li>Continue with schoolwork</li>
<li>Occasionally play League of Legends with friends (still with the ARAM game mode)</li>
<li>Fawn over the cats <i>again</i></li>
</ul>
</div>
<!-- second row of timestamps -->
<div class="box__row2">
<h4 class="timestamps">4:00 PM</h4>
<ul class="list__design2">
<li>Exercise (mostly pilates and sometimes yoga)</li>
<li>Take a bath</li>
<li>...You know it, fawn over the cats</li>
</ul>
</div>
<div class="box__row2">
<h4 class="timestamps">6:00 PM</h4>
<ul class="list__design2">
<li>Cook (or order) dinner for mom, sis, and I</li>
<li>Eat dinner</li>
<li>Play with the cats (who are probably sick of me at this point)</li>
</ul>
</div>
<div class="box__row2">
<h4 class="timestamps">8:00 PM</h4>
<ul class="list__design2">
<li>Play League of Legends with friends (this time, with the 5v5 Ranked Flex game mode)</li>
<li>OR watch Netflix shows with friends</li>
</ul>
</div>
<div class="box__row2">
<h4 class="timestamps">11:00 PM</h4>
<ul class="list__design2">
<li>Continue schoolwork</li>
<li>Coo over how adorable my cats look as they sleep</li>
</ul>
</div>
<div class="box__row2">
<h4 class="timestamps">12:30 AM</h4>
<ul class="list__design2">
<li>Get ready for bed; wash face (plus skincare), brush teeth</li>
<li>Go to bed</li>
<li>Fiddle with my phone for 30 minutes (sometimes up to almost 2 hours)</li>
</ul>
</div>
</div>
<!-------- FOURTH SECTION -------->
<!-- headings -->
<div class="fifth__section">
<h1 class="fifth__heading"><span class="first__shadow">B<br>O</span><br><span class="second__shadow">N<br>U<br>S</span></h1>
<h4 class="fifth__subheading"><span class="colored__character">.</span> featured pics</h4>
<img class="first__image"
src="images/bella.jpg"
alt="Beautiful Bella">
<img class="other__image"
src="images/audrey-with-alaskan-malamute.jpg"
alt="Audrey with a good doggo">
<img class="other__image"
src="images/audrey-with-beach-cat.jpg"
alt="Audrey with a beach cat">
</div>
</body>
</html>