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
157 lines (154 loc) · 6.93 KB
/
index.html
File metadata and controls
157 lines (154 loc) · 6.93 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>My Journal</title>
<meta name="author" content="Julius Tran">
<link href="favicon.ico" rel="icon" type="image/x-icon" />
</head>
<body>
<header id="top">
<h1 style="text-align: center;">My Journal</h1>
<form style="text-align: center;">
<button formaction="#newpost">New Post</button>
</form>
<div>
<nav>
<details>
<summary>Jump to Date</summary>
<a href="#2021-04-07"> April 7 </a>
<br>
<a href="#2021-04-08"> April 8 </a>
<br>
<a href="#2021-04-09"> April 9 </a>
<br>
</details>
</nav>
</div>
</header>
<main>
<hr>
<section id ="2021-04-07">
<h2 style="text-align: center;"><time datetime="2021-04-07">April 7</time></h2>
<h3>Events</h3>
<ul>
<li>Had a boiled egg with bread for breakfast</li>
<li>Microwave pasta for lunch</li>
<li>Drove around the neighborhood</li>
</ul>
<h3>Accomplished Tasks</h3>
<ul>
<li>Went to ETHN 112C Office Hours</li>
<li>Got assigned to my CSE 110 group and said hello in the Slack</li>
</ul>
<h3>To-Do</h3>
<ol>
<li>CSE 110 Lab 2</li>
<li>CSE 110 Professor Greeting Assignment</li>
<li>ETHN 112C Assignments</li>
<li>DOC100D Assignments</li>
<li>Math 180B HW2</li>
</ol>
<h3 >Summary of the Day</h3>
<p>This was a ordinary Wednesday studying at UC Socially Distant. Also, I am going to put an audio file here.</p>
<audio controls src="sd_0.wav"></audio>
</section>
<hr>
<section id ="2021-04-08">
<h2 style="text-align: center;"><time datetime="2021-04-08">April 8</time></h2>
<h3>Events</h3>
<ul>
<li>Had French Toast for breakfast</li>
<li>Instant noodles for lunch</li>
<li>Teriyaki chicken and rice for dinner</li>
<li>Somebody from the city government came to check our water meter</li>
</ul>
<h3>Accomplished Tasks</h3>
<ul>
<li>CSE 110 Professor Greeting Assignment</li>
<li>ETHN 112C Assignments</li>
</ul>
<h3>To-Do</h3>
<ol>
<li>CSE 110 Lab 2</li>
<li>DOC100D Assignments</li>
<li>Math 180B HW2</li>
<li>CSE 110 Review Quiz 2</li>
<li>CSE 110 Group Assignments</li>
</ol>
<h3> Summary of the Day</h3>
I think this was a fairly productive day. Also I'm posting a video here.
<br>
<video controls src="flower.webm"></video>
</section>
<hr>
<section id ="2021-04-09">
<h2 style="text-align: center;"><time datetime="2021-04-09">April 9</time></h2>
<h3>Events</h3>
<ul>
<li>Had a chocolate muffin for breakfast</li>
<li>Microwave chicken and rice for lunch</li>
</ul>
<h3>Accomplished Tasks</h3>
<ul>
<li>CSE 110 Lab 2</li>
<li>DOC100D Assignments</li>
</ul>
<h3>To-Do</h3>
<ol>
<li>Math 180B HW2</li>
<li>CSE 110 Review Quiz 2</li>
<li>CSE 110 Group Assignments</li>
</ol>
<h3>Summary of the Day</h3>
There are a lot of CSE 110 assignments coming up.
I also learned that <b>b</b> is for drawing attention to text with boldface and <strong>strong</strong> is for indicating that text is important. <i>i</i> makes text italic,
while <em>em</em> makes it italic while also emphasizing it.
The difference between <code><b></code> and <code><strong></code> or <code><i></code> and <code><em></code> might not be visible visually, but it matters to search engine crawlers and accessibilty software.
<br>
<img src="upcomingassignments.PNG" alt="upcomingassignments">
</section>
<hr>
<section id="newpost">
<h3 style="text-align: center;">New Post</h3>
<form style="text-align: center;">
<div >
<input type="text" name="title" placeholder="Title">
</div>
<br>
<fieldset>
<select>
<option value="tnr">Times New Roman</option>
<option value="arial">Arial</option>
</select>
<input type="number" value="12">
<button type="button">Ordered List</button>
<button type="button">Unordered List</button>
<input type="file">
<input list="tags">
<datalist id="tags">
<option value="ucsd">ucsd</option>
<option value="cse110">cse110</option>
<option value="doc100d">doc100d</option>
<option value="ethn112c">ethn112c</option>
<option value="math180b">math180b</option>
</datalist>
<button type="button">Add Tag</button>
<input type="date">
</fieldset>
<br>
<div>
<textarea rows="10" cols="200" placeholder="Write here..."></textarea>
</div>
<input type="checkbox" id="comments"><label for="comments">Allow Comments</label>
<input type="radio" id="public" name="visibility"><label for="public">Make Public</label>
<input type="radio" id="private" name="visibility"><label for="private">Make Private</label>
<input type="submit">
</form>
</section>
<hr>
</main>
<footer>
<nav><span><a href="#top">Top</a></span></nav>
</footer>
</body>
</html>