Lab2/index.html at master · brichen/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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Brian's Journal</title>
        <link rel="icon" href="https://img.icons8.com/plasticine/2x/journal.png">
    </head>
    <body>
        <h1>Brian's Journal</h1>
        <hr>
        <h2>Table of Contents:</h2>
                <nav>
                    <ul>
                        <li><a href="#day1">April 9</a></li>
                        <li><a href="#day2">April 10</a></li>
                        <li><a href="#day3">April 11</a></li>
                    </ul>
            </nav>
        <hr>
        <main>
            <h3 id="day1">April 9th, 2021</h3>
            <p>I spent most of today just catching up on lectures and studying for my cse 101 quiz. In BILD 1, I learned about the difference between <i><b>Eukaryotic cells</b></i>
                and <em><strong>Prokaryotic cells.</strong></em> <br> Here's a diagram of them:
            </p>
            <img src="https://www.thoughtco.com/thmb/sjeKDrL0qGOzb0QRMpdqWkErrGE=/1333x1000/smart/filters:no_upscale()/what-are-prokaryotes-and-eukaryotes-129478-v41-5b69b4c546e0fb0025628d06.png"
            alt="Prokaryote vs. Eukaryote" width=350 height=300>

            <hr>
            <h3 id="day2">April 10th, 2021</h3>
                <p>Today I came into work, and my manager promoted me from busser to cashier. Being a cashier is a lot easier, and I get paid more! As a cashier, I have to:</p>
                <div>
                <ol>
                    <li>Print out a receipt when the customers are done eating</li>
                    <li>Take in payments, either cash or card</li>
                    <li>Take mobile/online orders</li>
                </ol>
                </div>
            <hr>
            <h3 id="day3">April 11th, 2021</h3>
                <p>I had another good day at work today. Being a cashier is so easy! I showed my friends this video that I like:</p>
                <iframe width="420" height="315" src="https://www.youtube.com/embed/f-A989FqyxI"></iframe>
                <p>On my way back home from work, I listened to one of my favorite artists, Joji. Here's his song Slow Dancing in the Dark:</p>
                <details>
                    <summary>Audio clip</summary>
                    <audio controls>
                        <source src="slow_dancing.mp3" type="audio/mpeg">
                    </audio>
                </details>
            <hr>
            <h3>Create a new journal entry</h3>
            <form action="form" method="get" class="form-example">
                <fieldset>
                    <input type="date" id="time" required><br>
                    <label for="time">Enter the date: </label>

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

                    <p>Who are you?</p>
                    <input type="radio" id="Brian">
                    <label for="Brian">I am Brian</label><br>
                    <input type="radio" id="not">
                    <label for="not">I am not Brian</label><br>

                    <p>Are you a robot?</p>
                    <input type="checkbox" id="robot" name="robot">
                    <label for="robot"> I am not a robot</label><br><br>

                    <input type="button" value="Submit"><br>
                </fieldset>
            </form>
            <span></span>
        </main>

        <hr />

        <footer>
            <section>
                <div>&copy; Brian Chen</div>
            </section>
        </footer>
    </body>
</html>