Lab2/index.html at master · jcpriyanto/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
<!DOCTYPE html>
<html lang="en">
    <head>
        <link rel="icon" href="j.png" sizes="any" type="image/png">
        <meta charset="UTF-8">
        <title>
            Joseph Christopher Priyanto's Journal
        </title>
    </head>
    <header>
        <h1>Joseph Christopher Priyanto's Journal</h1>
        <hr>
    </header>
    <main>
        <h2>April 7th, 2021</h2>
        <img src="./misc/profilepic.jpeg" alt="Profile picture" width="250" height="250">
        <section>
            <h3>What I did,</h3>
                I woke up at 3 pm in the afternoon because I slept at 5 am. Had breakfast, and immidiately started working on my assignments. Note to self: <b>Try not to procrastinate next time</b>
                <br>Things that I need to complete today:
                <ul>
                    <li>EDS 124 BR Week 2</li>
                    <li>Work on CSE 110 Lab 2</li>
                    <li>Study Golang for my project</li>
                </ul>

                Things are looking good so far.
            <div>Quote of the day: <i><span style="color:blue;font-weight: bold;">Yesterday is history, tommorow is a mystery, and today is a gift. That is why it is called present.</span></i></div>
        </section>
        <section>
            <h2>April 8th, 2021</h2>
            <h3>What I did,</h3>
            <p>
                Same as yesterday, I woke up at the same time. However, I <em>tried</em> to wake up early, but I guess it didn't work out. Today I felt that I am a step closer to <strong>achieve my goal as a CS Major!</strong>
            </p>
        </section>

        <section>
            <h3>My Goals:</h3>
            <ol>
                <li>Gradute on time</li>
                <li>Get good grades</li>
                <li>Explore and find new experience as a programmer</li>
            </ol>
            <div>However sometimes I feel that this isn't the right major for me, but I don't know why.</div>
        </section>

        <div>Quote of the day: <i><span style="color:blue;font-weight: bold;">Just keep swimming, swimming, swimming.</span></i></div>

        <section>
            <h2>April 9th, 2021 - <em>Break</em></h2>
            I took a break today. I marathoned <i>Vincenzo</i> on Netflix. I scrolled my <a href="https://www.instagram.com/jcpriyanto/">Instagram</a> for quite a bit.<br>I also played video games with my friends.
            <br>However, I suddenly got an idea--but I won't tell why--and then this sound will pop in my head!
            <div>
                <audio controls>
                    <source src="./misc/ideasfx.mp3" type="audio/mp3">
                </audio>
            </div>
            <div>I just found a video where my QOTD from two days ago came from!</div>
            <video width="320" height="420" controls>
                <source src="./misc/video.mp4" type="video/mp4">
            </video>

            <details>
                <summary>Click here to find out what's the title of the movie!</summary>
                Kung Fu Panda
            </details>

            Here's the link to the video:
            <nav>
                <a href="https://www.youtube.com/watch?v=jNxqZuUBDBU">Link</a>
            </nav>
        </section>


    </main>

    <form method="get">
        <fieldset>
            <legend>Journal Entry: </legend>
            <label for="date">Enter date:</label>
            <input type="date" id="date" name="date"><br><br>
            <label>Describe how the day went: </label><br>
            <input type="radio" id="good" name="good" value="good">
            <label for="good">Good!</label><br>
            <input type="radio" id="bad" name="bad" value="bad">
            <label for="bad">Bad :(</label><br>
            <input type="radio" id="neutral" name="neutral" value="netural">
            <label for="neutral">Neutral.</label><br><br>
            <label for="date">What happened?</label><br>
            <textarea rows="4" cols="100"></textarea><br>

        <label>I think that tommorow will be</label>
        <input list="options" name="options" id="option">
        <datalist id="options">
          <option value="better!">
          <option value="worse...">
        </datalist>
        <br><br>
        <label for="quote">Enter QOTD (if there is one): </label>
        <input type="text" id="quote" name="quote">

        <br><br>
        <label for="cars">Rate the day out of 5</label>
        <select name="cars" id="cars">
          <option value="volvo">0</option>
          <option value="saab">1</option>
          <option value="opel">2</option>
          <option value="audi">3</option>
          <option value="audi">4</option>
          <option value="audi">5</option>
        </select>

        <br><br>
        <div>I have: </div>
        <input type="checkbox" id="opt1" name="opt1" value="complete">
        <label for="opt1"> Completed all assignments for today!</label><br>
        <input type="checkbox" id="opt2" name="opt2" value="some">
         <label for="opt2"> There are still other things to do!</label><br>
        <input type="checkbox" id="opt3" name="opt3" value="none">
        <label for="opt3"> Nothing to be done so far!</label><br><br>
        <button type="button" onclick="alert('Journal submitted!')">Submit entry</button>
        </fieldset>
    </form>

    <footer>
        <hr>
        <h4>This marks the end of my journal :)</h4>
    </footer>

</html>