forked from CSE110-FA22/Lab2_Starter
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
147 lines (146 loc) · 5.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Document Metadata: -->
<meta charset="utf-8">
<title>Kristhian's Meeting Minutes</title>
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
<link rel="manifest" href="favicon/site.webmanifest">
<link rel="icon" href="favicon/favicon.ico">
</head>
<body>
<!-- Content Sectioning: -->
<header>
<nav class="to my page">
<p><a href="https://klortiz13.github.io/kristhia13/">Author's Page</a></p>
</nav>
</header>
<main>
<!-- Title -->
<h1>Meeting Minutes</h1>
<!-- Subtitle for meeting topic -->
<h2>Meeting Topic: Lab 2</h2>
<!-- Subtitle for Date -->
<h2>Date: <time datetime="2024-04-11"> April 11, 2024</time></h2>
<!-- Attendance List -->
<details>
<summary>Attendance List</summary>
<ul>
<li><span class="designer">Kristhian Ortiz</span></li>
<li><span class="team_lead">Hayden Kwok</span></li>
<li>Fiona Kuo</li>
<li>Daniel Leung</li>
<li>David Liu</li>
<li>Joshua Villanueva</li>
<li>Sang Do</li>
<li>Smruthi Gowtham</li>
<li>Spencer Ho</li>
<li>Timothy Lam</li>
<li>Yunfei Shih</li>
</ul>
</details>
<!-- Agenda -->
<section>
<h3>Agenda</h3>
<ol>
<li>Ice Breaker</li>
<li>CSE 110 Project <b class="current_action">Brainstorm</b></li>
<li>CSE 110 Project <i>Design</i></li>
<li>CSE 110 Project <i>Implementation</i></li>
<li>CSE 110 Project Testing</li>
</ol>
</section>
<hr>
<!-- Unfinished Business -->
<section>
<h3>Last Meeting's Unfinished Business</h3>
<p>Bug No.2908 was left unresolved</p>
</section>
<!-- New Business -->
<section>
<h3>New Business That Came up on This Meeting</h3>
<p>We need to go over the new bugs that came out, we currently have 67,942.</p>
</section>
<!-- Forms: -->
<!-- Comments (For input)-->
<section>
<h3>Got any comments? Write them down below!</h3>
<textarea id="comments" rows="5" cols="50" placeholder="Write your comments here!"></textarea>
</section>
<!-- Images and Multimedia -->
<div id="media">
<!-- Pictures -->
<img class="diagram" src="./pics/image.png" width="500"
alt="Diagram of the connection of classes within a mobile app">
<footer>
<p>Diagram of the connection of classes within a mobile app</p>
</footer>
<!-- Audio Recording -->
<h3>Meeting Audio Recording:</h3>
<figure>
<figcaption>Listen to "Master Your Mindset" by Shade Zahrai:</figcaption>
<audio controls src="./media/audio.m4a"></audio>
<a href="./media/audio.m4a"> Download audio </a>
</figure>
<footer>
<p>Credits: Master your Mindset, Overcome Self-Deception, Change your Life _ Shadé Zahrai _ TEDxDRC</p>
</footer>
<!-- Video Recording-->
<h3>Meeting Video Recording:</h3>
<video controls width="250">
<source src="./media/Change_is_possible.mp4" type="video/webm">
<source src="./media/Change_is_possible.mp4" type="video/mp4">
Download the
<a href="./media/Change_is_possible.mp4">WEBM</a>
or
<a href="./media/Change_is_possible.mp4">MP4</a>
video.
</video>
<button type="submit">Liked this!</button>
<!-- Random Footer-->
<footer>
<fieldset>
<p>How did the meeting go? Let's get to know you a little better.</p>
<div class="randomQ">
<label for="fc">What's your <em>favorite</em> <strong>color</strong>?</label>
<input type="text" id="fc" required>
</div>
<div class="randomQ">
<input type="submit" value="Submit">
</div>
<br>
<select id="color-select">
<option value="">Choose a color makes a good match</option>
<option value="dog">blue</option>
<option value="cat">black</option>
<option value="hamster">red</option>
<option value="parrot">brown</option>
<option value="spider">yellow</option>
<option value="goldfish">green</option>
</select>
<label for="ice-cream-choice">Choose a flavor:</label>
<input list="ice-cream-flavors" id="ice-cream-choice" name="ice-cream-choice">
<datalist id="ice-cream-flavors">
<option value="Chocolate"></option>
<option value="Coconut"></option>
<option value="Mint"></option>
<option value="Strawberry"></option>
<option value="Vanilla"></option>
</datalist>
<form action="./form_answers/ans.txt" method="get" class="form-example">
<div class="form-example">
<label for="email">Enter your email: </label>
<input type="email" name="email" id="email" required>
</div>
<div class="form-example">
<input type="submit" value="Subscribe!">
</div>
</form>
</fieldset>
</footer>
</div>
</main>
</body>
</html>