Lab2/index.html at master · FreeFoodExpert/Lab2 · 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
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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Yang Yue's Journals for the recent 3 days(2021 Apr 9 - 11) </title>
    <link rel="myself1" type="image/jpg" href="/media_source/Myself2.jpg" >
</head>
    <body>

        <header>
            <div><h1>Journals for the recent 3 days</h1></div>
            <nav>
                <ul>
                    <li><a href="#Apr9">2 Days ago (Apr 9 2021)</a></li>
                    <li><a href="#Apr10">Yesterday (Apr 10 2021)</a></li>
                    <li><a href="#Apr11">Today (Apr 11 2021)</a></li>
                </ul>
            </nav>
        </header>
        <main>
            <section>
                <h1 id="Apr9"> 2 Days ago (Apr 9 2021)</h1>
                    <p>I did not overcome procrastiation on that day. I finsihed and submitted Math 20E
                    Homework until 12 minutes before the deadline. That is a failure, and I should improve.<br>

                    Since I am in GMT+8 time zone, the 11:59PM was actually afternoon of my local time.
                    Tonight, I went to my grandma's home and played with cats. <br>

                    The black cat is named "Yuanyuan", which means "fate" in Chinese. It is apathetic: it will almost scratch any one who touches it
                    except for my grandma.
                    The brown one is named "<b>Guaiguai</b>", which means "<strong>docile</strong>" in Chinese. It is friendly to anyone. Of course, the "meow" in the video is made by Guaiguai.
                    </p>

                <div>
                <video controls width="250" src="./media_source/Meow.mp4"> hello</video>
                </div>

                <div>
                    <img width="250"  alt="Brown Cat" src="./media_source/BrownCat.jpg">
                </div>


                <h2><span class="plan">Tasks for Apr 9 2021</span> </h2>
                <ul>
                    <li><input type="checkbox" /> Math 20E Homeowrk 2</li>
                    <li><input type="checkbox" /> Starting on CSE110 Lab 2</li>
                    <li><input type="checkbox" /> Prepare for CSE101 Quiz 1</li>
                </ul>

                <h3> Next time I should make plannings ahead and finish them on time!</h3>


            </section>
            <hr>
            <section>
                <h1 id="Apr10">Yesterday (Apr 10 2021)</h1>

                    <p>
                    I just listed the things to finish for that day, but did not make a detailed plan,
                    so I start my work in disorder. For example, since I did not make any plan about
                    the time to take CSE101 or PHIL 28 Quiz, I finally performed multitask on the
                    preparation of both 2 quizzes. That is bad.
                    </p>

                <details>
                <summary>Apr 11 2021 Task (listed in priority)</summary>

                <ol>
                    <li><input type="checkbox" /> CSE 101 Quiz 1 (due today 11:59PM) </li>
                    <li><input type="checkbox" /> Phil 28 Quiz 1 (due tomorrow 2PM) </li>
                    <li><input type="checkbox" /> CSE 110 Lab 2 (due tomorrow 11:59PM) </li>
                </ol>

                </details>
                <h3> Next time I will make more detailed plannings!</h3>


            </section>
            <hr>
            <section>
                <h1 id="Apr11">Today (Apr 11 2021)</h1>
                <p>
                    Today I need to submit CSE110 Lab 2. I did not start early on that assignment.
                    I will pay for that: our group meeting is today 7-8PM, and there are also other
                    assginments due soon. <br>

                    Next time I should start earlier. By now, I have learned that I tend to work more effeciently
                    at the time earlier than deadline. I mean, if I wait until the last day to start my work,
                    I will be much stressful, and then I will work much less effeciently. <br>

                    I need to read Peter Singer's <i>Famine, Affluence, Morality </i> and <em> John Mill's Utilitarianism</em> in next week.
                </p>

                <div>
                    <p> I listened my favorite light music, <em> Tori No Uta</em>, opening music of <i> Air </i> </p>
                    <figure>
                    <figcaption>Listen to Tori No Uta</figcaption>
                        <audio controls src="./media_source/Tori_No_Uta.mp3"> hello <code>hi</code></audio>
                    </figure>
                </div>


            </section>
        </main>

        <form>
            <h2>Reflections (Submit is at the bottom)</h2>
            <fieldset>
                <legend>
                    Choose your favorite part of my journal
                </legend>

                    <input type="radio" id="Apr9-1" name="day">
                    <label for="Apr9-1">Apr9</label><br/>

                    <input type="radio" id="Apr10-1" name="day">
                    <label for="Apr10-1">Apr10</label><br/>

                    <input type="radio" id="Apr11-1" name="day">
                    <label for="Apr11-1">Apr11</label>
            </fieldset>
        <br>

            <label for="Improve">Suggestions on how to improve my website</label>
        <br>
            <textarea id="Improve" name="Improve" rows="8" cols="20">
                Yang can improve your website by...
            </textarea>


        <br>

            <label for="RatingChoice">Rate Yang's website from 1-5</label>
            <input list="Rating" id="RatingChoice" name="RatingChoice" />


            <datalist id="Rating">
                <option value="1">
                <option value="2">
                <option value="3">
                <option value="4">
                <option value="5">
            </datalist>

        <br>
            <label for="Programmer">Please specify your experience with HTML coding</label>

            <select name="prog" id="Programmer">
            <option value="">--Please specify your experience with HTML coding--</option>
            <option value="not">No or little prior experince. </option>
            <option value="few">I have made 1-3 HTML wesbites successfully. </option>
            <option value="experienced">I have made at least 4 HTM wesbites successfully</option>


            </select>
        </form>

        <form onsubmit="alert('Reflection Submitted')">
        <button>Submit Reflection</button>
        </form>


        <footer>
          <h6>Subscribe</h6>
          <form onsubmit="alert('Subscribed')">
            <input type="text" placeholder="Your Email:" />
            <button>Subscribe</button>
          </form>
          <br />
          <div>Yang Yue</div>
        </footer>
    </body>
</html>