Lab2_Starter/index.html at main · aleyu0/Lab2_Starter · GitHub

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
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Group 13 Minute Notes</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="favicon.ico">
  </head>
  <body>
    <header>
      <h1><strong>Group 13 Minute Notes</strong></h1>
      <nav>
        <a href="https://canvas.ucsd.edu/courses/54609">CSE 110 Canvas</a>
        <a href="https://cse110-sp2024.slack.com/ssb/redirect">Slack</a>
      </nav>
    </header>
    <section>
        <div>
            <sub>Quick Meet & Greet</sub>
            <sub>Tuesday, April 10, 2024 @ 6:10pm</sub>
            </div>
        <div>
            <h2><b>Attendees:</b></h2>
        <ul>
            <li>Alessio Yu</li>
            <li>Maxim Podgore</li>
            <li>Venkata Komma</li>
            <li>Zeyad Almoaigel</li>
            <li>Jacqueline Huebert</li>
            </ul>
        </div>
        <br>
        <hr>
        <div>
            <h2><b>Agenda:</b></h2>
            <ol>
                <li><em>Introductions</em></li>
                <li>Making sure everyone is on <em>Slack</em></li>
                <li>Planned next meeting</li>
            </ol>
            <h2><b>From last time:</b></h2>
            <ul>
                <li>Everyone was to join Slack</li>
            </ul>
            <h2><b>Must discuss:</b></h2>
            <ul>
                <li>Introductions</li>
                <li>Next meeting</li>
            </ul>
            <h2><b>Comments:</b></h2>
            <ul>
                <li>Not all team members were present, <i>introductions must be done next meeting</i></li>
                <li>Next meeting - <i>scheduled for Thursday</i>, lecture and after lecture</li>
            </ul>
        </div>
        <hr>
        <div>
            <details>
                <summary><b>Miscellaneous</b></summary>
                <p>To complete this lab assignment, I also need to a include a picture, video, audio file, and a form. Below are some random items to fulfill the tasks. </p>
                <img src="Geisel_Erik_Jepsen.jpg" alt="Geisel Library" width="320" height="240">
                <br>
                <video width="320" height="240" controls>
                    <source src="shortvideo.mp4" type="video/mp4">
                </video>
                <br>
                <audio controls>
                    <source src="shortaudio.mp3" type="audio/mp3">
                </audio>
                <form>
                    <fieldset>
                        <legend>How was your day?</legend>

                        <label for="name">Your name:</label>
                        <input type="text" id="name" name="name"><br><br>

                        <p>How was your mood today?</p>
                        <input type="radio" id="happy" name="mood" value="happy">
                        <label for="happy">Happy</label><br>
                        <input type="radio" id="okay" name="mood" value="okay">
                        <label for="okay">Okay</label><br>
                        <input type="radio" id="sad" name="mood" value="sad">
                        <label for="sad">Sad</label><br><br>

                        <p>What did you do today? (check all that apply)</p>
                        <input type="checkbox" id="work" name="activities" value="work">
                        <label for="work">Work</label><br>
                        <input type="checkbox" id="exercise" name="activities" value="exercise">
                        <label for="exercise">Exercise</label><br>
                        <input type="checkbox" id="social" name="activities" value="social">
                        <label for="social">Socialize</label><br><br>

                        <label for="location">Where were you today?</label>
                        <input list="locations" id="location" name="location">
                        <datalist id="locations">
                            <option value="Home">
                            <option value="Office">
                            <option value="School">
                            <option value="Friend's">
                            <option value="Other">
                        </datalist><br><br>

                        <label for="feedback">Rate your day:</label>
                        <select id="feedback" name="feedback">
                            <option value="best">Best day of my life</option>
                            <option value="good">Good</option>
                            <option value="average">Average</option>
                            <option value="bad">Bad</option>
                            <option value="terrible">Terrible</option>
                        </select><br><br>

                        <label for="comments">Other comments:</label><br>
                        <textarea id="comments" name="comments" rows="4" cols="50"></textarea><br><br>

                        <button type="submit">Enter</button>
                    </fieldset>
                </form>
            </details>
        </div>
    </section>
    <hr>
    <footer>
      <p>Alessio Yu - Group 13</p>
    </footer>
  </body>
</html>