forked from CSE110-SP21/Lab2
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
227 lines (209 loc) · 9.29 KB
/
index.html
File metadata and controls
227 lines (209 loc) · 9.29 KB
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
<!DOCTYPE html>
<head>
<title>My 3 Day Journal</title>
<meta charset="UTF-8">
<meta name="description" content="My 3 Day Journal">
<link rel="icon" href="favicon.ico">
</head>
<body>
<h1>My 3 Day Journal</h1>
<div>Journal Days</div>
<nav>
<ul>
<li><a href="#Day1">Day1 Journal</a></li>
<li><a href="#Day2">Day2 Journal</a></li>
<li><a href="Day3">Day3 Journal</a></li>
</ul>
</nav>
<main>
<section>
<h1 id="Day1"> <span style="color:blue;font-weight:bold">Day 1</span></h1>
<h2><span style="color:orange;font-weight:bold">Highlights & Lowlights</span></h2>
<div>Highlights</div>
<ul>
<li>Went to get some boba</li>
<li>Won in a my group competition</li>
<li>School</li>
</ul>
<div>Lowlights</div>
<ol>
<li>Had to look at housing</li>
<li>Unable to work on research</li>
<li>Sleep</li>
</ol>
<hr>
<h3><span style="color:red;font-weight:bold">What needs to be done</span></h3>
<ol>
<li>Gym</li>
<li>Homework</li>
<li>Groceries</li>
</ol>
<hr>
<h3><span style="color:green;font-weight:bold">Vents</span></h3>
<p>Today I worked on some of my HW but after 1hr, I could not continue to focus and had to
take a break. I decided to go for a walk and look at my inspiration picture <img src="jerry.jpg" width="50" height="50" alt="jerry face"> and this gave
me the boost I needed for the morning. After I wanted to work on my research, but I realized that I had some school work I had to do
so continued to finish my work. Then I went to get groceries, and stopped by to get a bubble tea. Finally, my everyday routine is to go to the gym.
</p>
<h4> Favorite Song of the Day</h4>
<video width="320" height="240" controls>
<source src="GoBeyond.mp4" type="video/mp4">
Sorry, your browser doesn't support embedded videos.
</video>
</section>
<section>
<h1 id="Day2"> <span style="color:blue;font-weight:bold">Day 2</span></h1>
<h2><span style="color:orange;font-weight:bold">Highlights & Lowlights</span></h2>
<div>Highlights</div>
<ul>
<li>Worked out my back at the Gym</li>
<li>Finished part of my Research</li>
<li>110 Lecture</li>
</ul>
<div>Lowlights</div>
<ol>
<li>Was unproductive</li>
<li>Had to eat microwave food</li>
<li>Hurt my hand</li>
</ol>
<hr>
<h3><span style="color:red;font-weight:bold">What needs to be done</span></h3>
<ol>
<li>Gym</li>
<li>Homework</li>
<li>Research</li>
</ol>
<hr>
<h3><span style="color:green;font-weight:bold">Vents</span></h3>
<p>The other day I played my favorite song to wake up in the morning as it helps me feel energize and wake up in the morning.
I decided today was the day when I spend my whole day on my research. After doing it for 5 hours, I realized that I missed 2 classes.
However, it was recorded so I had my sigh of relief. I had to eat microwaved food because my family was busy that day that it was not
too bad because I had attended 110 lecture and that made up my horrid day. After, I went to the gym to work out, but during the session,
I hurt my hand and had to ice it. Today has been an up and down experience.
</p>
<h4> Favorite Song of the Day</h4>
<video width="320" height="240" controls>
<source src="video.mp4" type="video/mp4">
Sorry, your browser doesn't support embedded videos.
</video>
</section>
<section>
<h1 id="Day3"> <span style="color:blue;font-weight:bold">Day 3</span></h1>
<h2><span style="color:orange;font-weight:bold">Highlights & Lowlights</span></h2>
<div>Highlights</div>
<ul>
<li>Went to get some boba</li>
<li>Had some great Pho</li>
<li>School</li>
</ul>
<div>Lowlights</div>
<ol>
<li>Unable to go to the gym</li>
<li>Unable to figure out the problem on research</li>
<li>Sleep</li>
</ol>
<hr>
<h3><span style="color:red;font-weight:bold">What needs to be done</span></h3>
<ol>
<li>Gym</li>
<li>Homework</li>
<li>Buy a Gift for my Mum</li>
</ol>
<hr>
<h3><span style="color:green;font-weight:bold">Vents</span></h3>
<p>
I woke up this morning and remembered that today is my Mum's birthday
so I need to buy her a gift. I start the day with some bubble tea. I always
go for the regular tea, but today I decided to change it up. I heard that my mom
was making pho for dinner so that was my highlight of the day.
</p>
<h4> Favorite Song of the Day</h4>
<video width="320" height="240" controls>
<source src="IntheAir.mp4" type="video/mp4">
Sorry, your browser doesn't support embedded videos.
</video>
</section>
<h4> Random Funny sound</h4>
<audio controls>
<source src="hellomotherfucker.mp3" type="audio/mp3">
</audio>
<details>
<summary>Surprise</summary>
<p>You Are Awesome</p>
</details>
</main>
<footer>
<p>Author: Nhan Pham<br>
<a href="mailto:n2pham@ucsd.edu">n2pham@ucsd.edu</a></p>
<br>
</footer>
<form method="get" class="form-example">
<div class="form-example">
<label for="title">Title of Journal Entry</label>
<input type="text" name="title" id="title" required="">
</div>
<fieldset>
<legend>Information:</legend>
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
</fieldset>
<br>
<label for="journal">Date of Journal Entry</label>
<input type="date" id="journal" name="journal_date" min="2021-04-07" max="2021-07-15">
<br>
<br>
<fieldset>
<legend>How did you feel Today?</legend>
<input type="radio" id="happy" name="emotion">
<label for="happy">Happy</label>
<input type="radio" id="excited" name="emotion">
<label for="excited">Excited</label>
<input type="radio" id="energized" name="emotion">
<label for="energized">Energized</label>
</fieldset>
<br>
<fieldset>
<legend>What meals did you eat?</legend>
<input type="checkbox" id="breakfast" name="meal">
<label for="breakfast">Breakfast</label>
<input type="checkbox" id="brunch" name="meal">
<label for="brunch">Brunch</label>
<input type="checkbox" id="lunch" name="meal">
<label for="lunch">Lunch</label>
<input type="checkbox" id="dinner" name="meal">
<label for="dinner">Dinner</label>
</fieldset>
<br>
<label for="entry">What have you done for today?</label>
<br>
<textarea id="entry" name="entry" rows="5" cols="33">Type Here...</textarea>
<br>
<br>
<label for="food-choice">What type of cuisine?</label>
<input list="food-choices" id="food-choice" name="food-choice">
<datalist id="food-choices">
<option value="Italian">
</option><option value="French">
</option><option value="Vietnamese">
</option></datalist>
<br>
<br>
<label for="time_select">Favorite time of day</label>
<select name="time" id="time_select">
<option value="">Select one of the times</option>
<option value="morning">Morning</option>
<option value="Evening">Evening</option>
<option value="afternoon">Afternoon</option>
<option value="night">Night</option>
</select>
<br>
<br>
<button type="button" onclick="alert('Have a Great Day!!')">Click Me!</button>
<div class="form-example">
<input type="submit" value="Submit">
</div>
</form>
</body>
</html>