-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
403 lines (343 loc) · 16.4 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
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UXS Engineering Pool</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<section class="card-list">
<article class="card">
<header class="card-header flextwo">
<h2>Beaux Consunji 🤓</h2>
<p>3 BS CS | VP for Engineering</p>
</header>
<div class="truthlie-container flexfour">
<button class="lie"><p>I love horror games.</p></button>
<button class="truth"><p>I have 10 cats.</p></button>
<button class="truth"><p>I went skydiving.</p></button>
</div>
<div class="socials flexone">
<a href="https://fb.com/consunji.beaux" target="_blank">facebook</a>
<a href="https://instagram.com/beaux.consunji" target="_blank">instagram</a>
<a href="https://github.com/BeauxConsunji" target="_blank">github</a>
</div>
</article>
<article class="card">
<header class="card-header flextwo">
<h2>Bryan Francisco 🤠</h2>
<p>3 BS CS | AVP for Backend Engineering</p>
</header>
<div class="truthlie-container flexfour">
<button class="truth"><p>I don't like to attend Computer Organization (Lecture) classes.</p></button>
<button class="truth"><p>I hate JavaScript.</p></button>
<button class="lie"><p>I absolutely love Philosophy, Theology, and Social Science classes.</p></button>
</div>
<div class="socials flexone">
<a href="https://www.facebook.com/franciscojamesss" target="_blank">facebook</a>
<a href="https://www.instagram.com/jbryanmfrancisco/" target="_blank">instagram</a>
<a href="https://github.com/bfrancisco" target="_blank">github</a>
</div>
</article>
<article class="card">
<header class="card-header flextwo">
<h2>Joshua Zapico 🚗</h2>
<p>3 BS CS | AVP for Backend Engineering</p>
</header>
<div class="truthlie-container flexfour">
<button class="truth"><p>I do drifting.</p></button>
<button class="lie"><p>I go hiking</p></button>
<button class="truth"><p>I have 2 dogs.</p></button>
</div>
<div class="socials flexone">
<a href="https://www.facebook.com/joshua.zapico.1" target="_blank">facebook</a>
<a href="https://www.instagram.com/jeoshyung/" target="_blank">instagram</a>
<a href="https://github.com/Jeoshyung" target="_blank">github</a>
</div>
</article>
<article class="card" style="background: linear-gradient(335deg, rgba(31,93,120,1) 16%, rgba(33,222,208,1) 100%);">
<header class="card-header flextwo">
<h2>Gelo Funelas 🔥</h2>
<p>2 BS CS | AVP for Frontend Engineering</p>
</header>
<div class="truthlie-container flexfour">
<button class="truth"><p>I enjoy programming.</p></button>
<button class="lie"><p>I love saturday classes.</p><p class="lie-explain hidden">😢😢😢</p></button>
<button class="truth"><p>I have 3 cats.</p></button>
</div>
<div class="socials flexone">
<a href="https://www.gemplo.com/" target="_blank">website</a>
<a href="https://www.facebook.com/GeloFunelas/" target="_blank">facebook</a>
<a href="https://www.instagram.com/geloofunz/" target="_blank">instagram</a>
<a href="https://github.com/Angelo-Funelas" target="_blank">github</a>
</div>
</article>
<article class="card" style="background: linear-gradient(140deg, rgb(142, 55, 109) 0%, rgb(68, 27, 100) 43%, rgb(43, 9, 82) 72%);">
<header class="card-header flextwo">
<h2>Chesca Reyes 🤯</h2>
<p>3 BS CS | Developer</p>
</header>
<div class="truthlie-container flexfour">
<button class="lie"><p>I hate vegetables. 🥬</p></button>
<button class="truth"><p>I like pineapples on pizza. 🍕</p></button>
<button class="truth"><p>I like Javascript. 💻</p></button>
</div>
<div class="socials flexone">
<a href="https://www.facebook.com/cheschescheese/" target="_blank">facebook</a>
<a href="https://www.instagram.com/chesca_owo/" target="_blank">instagram</a>
<a href="https://github.com/cheskya" target="_blank">github</a>
</div>
</article>
<article class="card" style="background: linear-gradient(180deg, #1e3250, #06142e);">
<header class="card-header flextwo">
<h2>Arthur Lluisma 🫡</h2>
<p>3 BS CS | Frontend Developer Lead</p>
</header>
<div class="truthlie-container flexfour">
<button class="lie"><p>I love working with the JavaScript ecosystem</p></button>
<button class="truth"><p>I like my Philosophy class</p></button>
<button class="truth"><p>I love shrimp on pizza</p></button>
</div>
<div class="socials flexone">
<a href="https://www.facebook.com/archur.llusma" target="_blank">facebook</a>
<a href="https://www.instagram.com/arthurrrlluismaaa/" target="_blank">instagram</a>
<a href="https://github.com/arthurlluisma" target="_blank">github</a>
</div>
</article>
<article class="card">
<header class="card-header flextwo">
<h2>Shaira Sy 🪼</h2>
<p>3 BS CS | Operation Lead</p>
</header>
<div class="truthlie-container flexfour">
<button class="truth"><p>I don't eat vegetables.</p></button>
<button class="truth"><p>I collect stickers.</p></button>
<button class="lie"><p>I hate Frieren.</p></button>
</div>
<div class="socials flexone">
<a href="https://www.facebook.com/shairajane.sy" target="_blank">facebook</a>
<a href="https://www.instagram.com/_apple.slices" target="_blank">instagram</a>
<a href="https://github.com/cherrybleus" target="_blank">github</a>
<a href="https://x.com/_appleslice" target="_blank">twitter</a>
</div>
</article>
<article class="card">
<header class="card-header flextwo">
<h2>Sherrie Del Rosario ✨</h2>
<p>3 BS CS DGDD | Developer</p>
</header>
<div class="truthlie-container flexfour">
<button class="truth"><p>I like to draw.</p></button>
<button class="truth"><p>I like to read.</p></button>
<button class="lie"><p>I love my computer science course.</p></button>
</div>
<div class="socials flexone">
<a href="https://fb.com/sherriedelrosario5" target="_blank">facebook</a>
<a href="#" target="_blank">instagram</a>
<a href="https://github.com/sadelrosario" target="_blank">github</a>
</div>
</article>
<article class="card">
<header class="card-header flextwo">
<h2>Jaim Tan 💾</h2>
<p>3 BS CS-DGDD | Developer</p>
</header>
<div class="truthlie-container flexfour">
<button class="truth"><p>I got stuck in the snow at a mountain for 30 minutes</p></button>
<button class="lie"><p>I can whistle</p></button>
<button class="truth"><p>I had my prescription glasses since grade 1</p></button>
</div>
<div class="socials flexone">
<a href="https://www.facebook.com/jaimkia.tan/" target="_blank">facebook</a>
<a href="https://www.instagram.com/jaim_kia/" target="_blank">instagram</a>
<a href="https://github.com/jaim-kia" target="_blank">github</a>
</div>
</article>
<article class="card">
<header class="card-header flextwo">
<h2>Justine Evora ⭐</h2>
<p>3 BS MIS | Developer</p>
</header>
<div class="truthlie-container flexfour">
<button class="lie"><p>I can play the violin</p></button>
<button class="truth"><p>I hurt my ankle from falling at the The Church of the Gesù</p></button>
<button class="truth"><p>I love frozen yogurt</p></button>
</div>
<div class="socials flexone">
<a href="https://www.facebook.com/evorajustine10/" target="_blank">facebook</a>
<a href="https://www.instagram.com/_evorajustine/" target="_blank">instagram</a>
<a href="https://github.com/hustinaa" target="_blank">github</a>
</div>
</article>
<article class="card" style="background: linear-gradient(135deg, #8e44ad, #e74c3c);">
<header class="card-header flextwo">
<h2>Hannah Baniqued 🤩</h2>
<p>2 BS CS | Developer</p>
</header>
<div class="truthlie-container flexfour">
<button class="truth"><p>I am a light mode user.</p></button>
<button class="lie"><p>I can recite the first 100 digits of pi.</p></button>
<button class="truth"><p>I can crack an egg with one hand.</p></button>
</div>
<div class="socials flexone">
<a href="https://www.facebook.com/hannahlei.baniqued/" target="_blank">facebook</a>
<a href="https://www.instagram.com/_.ohcalamity._/" target="_blank">instagram</a>
<a href="https://github.com/macasalad" target="_blank">github</a>
</div>
</article>
<article class="card">
<header class="card-header flextwo">
<h2>Mika Paderna 🥱</h2>
<p>2 BS CS | Developer</p>
</header>
<div class="truthlie-container flexfour">
<button class="lie"><p>I am a distant relative of Manny Pacquiao.</p></button>
<button class="truth"><p>I love League of Legends.</p></button>
<button class="truth"><p>I can solve a 3x3 rubik's cube blindfolded.</p></button>
</div>
<div class="socials flexone">
<a href="https://www.facebook.com/profile.php?id=100015906107619" target="_blank">facebook</a>
<a href="https://www.instagram.com/zumgaligali12/" target="_blank">instagram</a>
<a href="https://github.com/perimeterr" target="_blank">github</a>
</div>
</article>
<article class="card">
<header class="card-header flextwo">
<h2>Lamberlain Muli 😎</h2>
<p>3 BSMS CS | Backend Developer Lead</p>
</header>
<div class="truthlie-container flexfour">
<button class="truth"><p>I like my current theology class (Theo13) </p></button>
<button class="truth"><p>I cook all my meals</p></button>
<button class="lie"><p>I come home every month</p><p class="lie-explain hidden">I only come home every 2 months or less</p></button>
</div>
<div class="socials flexone">
<a href="https://www.facebook.com/lambuchoy/" target="_blank">facebook</a>
<a href="https://www.instagram.com/lamberlainmuli/" target="_blank">instagram</a>
<a href="https://github.com/LamberlainMuli" target="_blank">github</a>
</div>
</article>
<article class="card">
<header class="card-header flextwo">
<h2>Adrian Marcus Villanueva 🐱</h2>
<p>3 BS CS | Developer</p>
</header>
<div class="truthlie-container flexfour">
<button class="truth"><p>I am a cat person.</p></button>
<button class="truth"><p>I went snowboarding in Japan.</p></button>
<button class="lie"><p>I eat 4 times a day.</p><p class="lie-explain hidden">I only eat 2 times a day</p></button>
</div>
<div class="socials flexone">
<a href="https://www.facebook.com/adrian.jin.39" target="_blank">facebook</a>
<a href="https://www.instagram.com/adrmrcsss/" target="_blank">instagram</a>
<a href="https://github.com/AdrMrcs" target="_blank">github</a>
</div>
</article>
<article class="card">
<header class="card-header flextwo">
<h2>Kloe Adriano 😛</h2>
<p>3 BS MIS | Apprentice</p>
</header>
<div class="truthlie-container flexfour">
<button class="truth"><p>I'm a noob at coding</p></button>
<button class="truth"><p>I like F1</p></button>
<button class="lie"><p>I'm an extrovert</p><p class="lie-explain hidden">I'm an introvert😁</p></button>
</div>
<div class="socials flexone">
<a href="https://www.facebook.com/kloe.adriano?mibextid=ZbWKwL" target="_blank">facebook</a>
<a href="https://www.instagram.com/kqadriano/" target="_blank">instagram</a>
<a href="https://github.com/kloeadriano" target="_blank">github</a>
</div>
</article>
<article class="card">
<header class="card-header flextwo">
<h2> Oshwin Hierro 😀</h2>
<p> 3 BS CS | Developer</p>
</header>
<div class="truthlie-container flexfour">
<button class="truth"><p>I have a catenean.</p></button>
<button class="truth"><p>I am still hardstuck in Plat in Valorant after 4 years.</p></button>
<button class="lie"><p>I love traffic.</p><p class="lie-explain hidden"></p></button>
</div>
<div class="socials flexone">
<a href="#" target="https://www.facebook.com/oooshwin">facebook</a>
<a href="#" target="https://www.instagram.com/shwinniiie">instagram</a>
<a href="#" target="https://github.com/oooshwin/">github</a>
</div>
</article>
<article class="card">
<header class="card-header flextwo">
<h2>Devin Avenida</h2>
<p>2 BS MIS | Quality Assurance Lead</p>
</header>
<div class="truthlie-container flexfour">
<button class="truth"><p>I love philosophy</p></button>
<button class="truth"><p>I love asparagus</p></button>
<button class="lie"><p>I have experienced breaking both arms</p><p class="lie-explain hidden">I have only broken one arm</p></button>
</div>
<div class="socials flexone">
<a href="https://www.facebook.com/avenida35/" target="_blank">facebook</a>
<a href="https://www.instagram.com/devinavenida/" target="_blank">instagram</a>
<a href="https://github.com/focalnest" target="_blank">github</a>
</div>
</article>
<article class="card">
<header class="card-header flextwo">
<h2>Kyleisha Umbay 🐋</h2>
<p>3 BS CS | Developer</p>
</header>
<div class="truthlie-container flexfour">
<button class="truth"><p>I have 9 dogs.</p></button>
<button class="lie"><p>Michael Jordan is the GOAT.</p><p class="lie-explain hidden">Lebron James is the GOAT.</p></button>
<button class="truth"><p>My favorite game is Stardew Valley.</p></button>
</div>
<div class="socials flexone">
<a href="https://www.facebook.com/mariekyleisha" target="_blank">facebook</a>
<a href="https://www.instagram.com/mariekyleisha" target="_blank">instagram</a>
<a href="https://github.com/kyleishaumbay" target="_blank">github</a>
</div>
</article>
<article class="card">
<header class="card-header flextwo">
<h2>Gwy Trinidad 🤓</h2>
<p>1 BS CS | AVP for Frontend Engineering</p>
</header>
<div class="truthlie-container flexfour">
<button class="truth"><p>I like spreadsheets.</p></button>
<button class="truth"><p>I like Coke zero more than regular Coke.</p></button>
<button class="lie"><p>I have six-pack abs.</p><p class="lie-explain hidden">Lorem.</p></button>
</div>
<div class="socials flexone">
<a href="https://web.facebook.com/gwynethatrinidad/" target="_blank">facebook</a>
<a href="https://www.instagram.com/gwy.trinidad/profilecard/?igsh=MWt1NXFxcHN6aDNrbQ==" target="_blank">instagram</a>
<a href="https://github.com/cheesepringles" target="_blank">github</a>
</div>
</article>
<!-- Add cards here! -->
<!-- TEMPLATE CARD -->
<!-- Please copy and paste this template below! DON'T OVERWRITE! -->
<!-- Make sure to have 2 truths, 1 lie. Randomize which button is the lie! -->
<!-- Feel free to add your socials at the 'socials' div -->
<!--
<article class="card">
<header class="card-header flextwo">
<h2>[nickname surname] [fav emoji]</h2>
<p>[year & course] | [position]</p>
</header>
<div class="truthlie-container flexfour">
<button class="truth"><p>Lorem ipsum.</p></button>
<button class="truth"><p>Lorem ipsum.</p></button>
<button class="lie"><p>Lorem ipsum.</p><p class="lie-explain hidden">Lorem.</p></button>
</div>
<div class="socials flexone">
<a href="#" target="_blank">facebook</a>
<a href="#" target="_blank">instagram</a>
<a href="#" target="_blank">github</a>
</div>
</article>
-->
</section>
<script src="main.js"></script>
</body>
</html>