forked from CSE110-SP21/Lab2
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
107 lines (94 loc) · 4.27 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title> Michael's journal</title>
<link rel="icon" href = "https://www.clipartmax.com/png/middle/173-1736801_favicon-logo.png">
</head>
<body>
<header>
<h1> <strong>Michael's journal for the last 3 days</strong> </h1>
</header>
<main>
</main>
<section>
<div>
<h2> 4/09/2021 Friday </h2>
<p> Today I watched a video where the <strong> Pillow man </strong> duels kids with <b> epic </b> music </p>
<iframe width="560" height="315" src="https://www.youtube.com/embed/fet2BHtWBsk"
title="YouTube video player">
</iframe>
<ol>
<li> Don't worry, no one was hurt in that video </li>
<li> They cut out the part where the kids were bullying another kid before pillow man came to the rescue </li>
</ol>
</div>
</section>
<hr>
<h2> 4/10/2021 Saturday </h2>
<p> I got <em> Rick Rolled </em> by my <span></span> <i> friend </i> </p>
<audio controls>
<source src = "https://demo.twilio.com/docs/classic.mp3">
</audio>
<nav>
<ul>
<li> <a href= "https://www.youtube.com/watch?v=dQw4w9WgXcQ"> Click here </a> </li>
<li> <a href= "https://www.youtube.com/watch?v=dQw4w9WgXcQ"> But also click here </a> </li>
</ul>
</nav>
<hr>
<section>
<h2> 4/11/2021 Sunday </h2>
<p> Today, Cloud9 beat Team Liquid to win the Spring cup for LCS 2021! <br> They beat Team Liquid 3-2 and now can participate in the Mid Season Invitational </p>
<img class = "LCS"
src = "https://pbs.twimg.com/media/Eyvay3CUcAU1xH2?format=jpg&name=4096x4096"
alt = "Cloud9 hoisting the trophy after their win"
height = 400>
<details>
<summary> Details
Cloud9 won games 2, 4, and 5 <br>
It is the organization's 4th time winning
</summary>
</details>
</section>
<label for="datee">Enter the data: </label>
<input type="date" name="datee" id="datee" required>
<div>
<label for="content">Enter the contents of the day's journal </label>
<input type="text" name="content" id="content" required>
</div>
<div class="form-example">
<input type="submit" value="Post!">
</div>
<form>
<fieldset>
<legend>Misc</legend>
<label><input type="radio" name="radio"> Select me</label> <br>
<button>Click Me!</button> <br>
<textArea> What am I even writing </textArea> <br>
<label for="food">Choose your favorite food from the list:</label>
<select name = "food" id="food">
<option value="Rice"> Rice </option>
<option value="Eggs"> Eggs </option>
<option value="Pancakes"> Pancakes </option>
<option value="Pizza"> Pizza </option>
<option value="Burger"> Burger </option>
<option value="Burger"> Steak </option>
</select>
<br>
<label for="phone"> Choose your phone from list: </label>
<input list="phones" name="phone" id="phone">
<datalist id="phones">
<option value="Samsung">
<option value="Apple">
<option value="Xiaomi">
<option value="Nokkia">
<option value="Google">
</datalist>
</fieldset>
</form>
<footer>
<h3> Thanks for reading my journal </h3>
</footer>
</body>
</html>