-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
160 lines (151 loc) · 5.58 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
<!DOCTYPE html>
<html>
<head>
<title>Happy Birthday, Bryan!</title>
<link rel = "stylesheet" type = "text/css" href = "styles.css">
<meta charset = "UTF-8">
<meta name = "description" content = "birthday website">
<meta name= "viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<!-- Navigation pane -->
<nav>
<ul class = "topnav">
<li><a href = "#life-title">Daily Life</a></li>
<li><a href = "#n2n">Philosophy</a></li>
<li><a href = "#skill-title">Skills</a></li>
</ul>
</nav>
<!-- cover page begins -->
<div class = "coverpage">
<h1>Happy Birthday,<br>
Bryan Timothy!!</h1>
</div>
<!-- Skillsets, meme edition -->
<div id = "life-title">
<h2>A Day in the life of Bryan Timothy (Quaranteens Edition)</h2>
</div>
<div class = "life">
<div class = "contain">
<div class = "imagey">
<img src = "./images/sleep.jpg" alt = "baby pretending to sleep">
</div>
<div class = "text">
<h4>9.30am - 12pm (No intern tho)</h4>
<h5>Rise and Shine... (Do I even do either?)</h5>
<p>
Ahhh... The glorious daybreak. I wish I woke up, brewed some Brttsh tea, cooked some sunshine eggs and you know, perform my morning routine.
Except, I can't be bothered you know? The bed beckons. In fact, why am I even typing this shit? I can do this at night. Back to sleep I go.
See you when plants stop photosynthesizing.
</p>
</div>
</div>
<div class = "contain">
<div class = "imagey">
<img src = "./images/fgo.jpeg" alt = "trying to roll for 5* as F2P player">
</div>
<div class = "text">
<h4>1pm - 2pm (I want to nap...)</h4>
<h5>I don't need no bell curve God. I need RNGesus.</h5>
<p>
I've had enough. Gudako has ruined every single roll that I've tried to do. Today is the day I change everything. Today is the day I build a shrine
and get my well deserved Merlin. I've worked hard this semester. At the very least, i deserve something great. Even if I'm a F2P scrub, I still
deserved to be loved.... STOP STHENO SPOOKING ME!
</p>
</div>
</div>
<div class = "contain">
<div class = "imagey">
<img src = "./images/sing.jpg" alt = "baby pretending to sleep">
</div>
<div class = "text">
<h4>3pm - 5pm (I still want to sleep)</h4>
<h5>Unto my main interest of the day.</h5>
<p>
I love singing. I really do. I also love to perform experiments with my voice (no human harm though!). In fact, it is a great joy performing covers,
be it for people or for performances. However, during PPT2, Santideva said that the self does not exist. Hmmmm... what about "non-living things" like
glass? I tried singing to it. It cracked :/
</p>
</div>
</div>
<div class = "contain">
<div class = "imagey">
<img src = "./images/run.jpg" alt = "picture of man running">
</div>
<div class = "text">
<h4>12am - 9am (Finally sleeping!)</h4>
<h5>Intense HIIT Cardovascular workout</h5>
<p>
Indeed, I love running. It benefits one's health tremendously. Of course, who wouldn't run? I'm no exception. However, I'm a fan of productivity. I
lucid dream in my sleep, dreaming of running. 2 birds with 1 stone! You might be asking, my physical body has not moved an inch.
But you know what they say! I think, therefore I am!
</p>
</div>
</div>
</div>
<!-- Values -->
<div id = "n2n">
<div class = "values">
<h2>Central Philosophy</h2>
<p>
"I don't need a life that's too normal. but something Next to Normal would be okay."
</p>
</div>
</div>
<!-- Last section -->
<div id = "skill-title">
<h2> Here is where I flex moi skills.</h2>
</div>
<div class = "skill">
<div class = "contain1">
<div class = "image1">
<img src = "./images/0161.jpg" alt = "doktor bryan">
</div>
<div class = "text1">
<h3>Kounsellor</h3>
<p class = "desc">
Need help? Doktor Bryan is here for you. I might not have a degree in psychology (yet), but rest assured. Before long,
I'll be staring at your rosy face and you'll be cured. In fact, some of my patients shouted, "I'M ALIVE, I'M ALIVE!!!".
</p>
<p class = "afternote">
Terms and Conditions apply.
<a href = "https://docs.google.com/document/d/15iOqAHKYdXwUzHwvnaqj9zjw9hmB30nQMITeSpUzaAI/edit?fbclid=IwAR2576Rs7mhowuxNrB63j3NqGZoBDaGT_ZO9qBGFx-LAU6iQNQoDKAp9o40#"
, target = "_blank">
Read more
</a>
</p>
</div>
</div>
<div class = "contain1">
<div class = "image1">
<img src = "./images/mike.jpg" alt = "baby pretending to sleep">
</div>
<div class = "text1">
<h3>Singing</h3>
<p class = "desc">
Man. If my empathy won't move you, perhaps my singing will. My concerts have fervent front-rowers. Heck, I even have my
own fanbase. Be careful, for if you're careless, I'll sing "Careless Whispers" and you might just fall for me. <strong>wink</strong>
</p>
<p class = "afternote">
"His voice is deeper than my maturity" - The Atlantic
</p>
</div>
</div>
<div class = "contain1">
<div class = "image1">
<img src = "./images/meme.jpg" alt = "zhao and bryan lul">
</div>
<div class = "text1">
<h3>Meme God</h3>
<p class = "desc">
If nothing works, do not worry. I am the ultimate meme machine of Yale-NUS. Making the people around me smile has been
my forte. If I can transform something as innocuous as ;; into the basis of a man's career, anything is possible.
</p>
<p class = "afternote">
"I could hear him laughing as he is transcibing" - Anonymous Roommate
</p>
</div>
</div>
</div>
</body>
</html>