CSE110-SP21 · anm004 · Apr 12, 2021 · Apr 12, 2021 · Apr 12, 2021 · Apr 12, 2021
diff --git a/README.md b/README.md
@@ -0,0 +1,7 @@
+https://anm004.github.io/Lab2/
+
+https://anm004.github.io/Lab2/
+
+https://anm004.github.io/Lab2/
+
+Andrew Martinez A15669097
diff --git a/afx.mp3 b/afx.mp3
diff --git a/chew.mp4 b/chew.mp4
diff --git a/gum.gif b/gum.gif
diff --git a/index.html b/index.html
@@ -0,0 +1,197 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>HTMLSiteLab2</title>
+    <link rel="icon" href="gum.gif" type="image/gif" >
+</head>
+<body>
+    <header>
+       <div><h1> Andrew's Journal</h1></div> 
+        <nav>
+          <ul>
+            <li><a href="#dOne">Day One</a></li>
+            <li><a href="#dTwo">Day Two</a></li>
+            <li><a href="#dThree">Day Three</a></li>
+          </ul>
+        </nav>
+      </header>
+      <main>
+            <h3>Last Three Days</h3>
+
+
+        <hr>
+
+        <section>
+
+
+        <h2 id="dOne">Day One</h2>
+        <h4>04/09/2021</h4>
+
+        <img
+              src="https://cdn.onebauer.media/one/media/605b/69a9/dbf2/7f24/48f5/9560/godzilla-vs-kong.jpg?format=jpg&quality=80&width=960&height=540&ratio=16-9&resize=aspectfill"
+              alt="kong"
+              width="250"
+            />
+
+        <h3>TODO</h3>
+        <ol>
+            <li><input type="checkbox" /> ECE45 HW</li>
+            <li><input type="checkbox" /> <strong>Message Prof</strong></li>
+        </ol>
+        <ul>    
+          <li> Watched <b><span class = "movie">Godzilla vs Kong
+                 </span></b> and hanged out with friends</li>
+          <li> made beef with brocolli</li>
+          <li> nice friday</li>
+        </ul>
+        <p>Godzilla vs Kong was great! 
+                <a href="https://letterboxd.com/bozo_buddy/film/godzilla-vs-kong/">
+                    My humble review</a> is short and straight to the point.
+                </p>
+
+                <details>
+                        <summary>!!Spoiler Alert!!</summary>
+                        The two things I disliked about the movie were:
+                        The design of Mechagodzilla, and the boring human characters.
+
+                    </details>
+
+
+        <hr>
+
+            </section>
+
+        <h2 id="dTwo">Day Two</h2>
+
+        <h4>04/10/2021</h4>
+
+        <h3>TODO</h3>
+        <ol>
+            <li><input type="checkbox" /> Catch Up on lectures</li>
+        </ol>
+        <ul>    
+          <li> Watched <b><span class = "movie">Ready Player One.
+                 </span></b></li>
+          <li> Made simple ham sandwiches</li>
+          <li> lazy saturday</li>
+        </ul>
+        <p>
+          Honestly pretty tired today from staying up late last night. Ready Player One 
+        was not that great. <br>It just felt like a major corporation flexing all the properties
+        they have access to. <br>
+        I've also been practicing how to juggle this past week, 
+        and I've been getting better each day.
+        </p>
+        <figure>
+            <figcaption>Here's just a <em>little guy</em> I saw online</figcaption>
+        <video controls width="250">
+
+                <source src="chew.mp4"
+                        type="video/mp4">
+
+                Sorry, your browser doesn't support embedded videos.
+            </video>
+        </figure>
+        <hr>
+
+        <h2 id="dThree">Day Three</h2>
+
+        <h4>04/11/2021</h4>
+        <h3>TODO</h3>
+        <ol>
+            <li><input type="checkbox" /> CSE110 Lab</li>
+            <li><input type="checkbox" /> CSE105 HW</li>
+        </ol>
+        <p> Bearing in mind
+            Prof's discussion on multitasking, I find music to be pretty helpful
+            when working. Gotta be careful though, can only listen to certain kinds
+            to actually be able to focus and not end up jamming to the music lol.
+            Aphex Twin is an ambient music artist who is in my regular rotation 
+            for study music.
+        </p>
+
+          <figure>
+                <figcaption>Here's a track by Aphex Twin called <i>Just Sleep</i>:</figcaption>
+                <audio
+                    controls
+                    src="afx.mp3">
+                        Your browser does not support the
+                        <code>audio</code> element.
+                </audio>
+            </figure>
+
+        <form action="fill" method="get" class="form-example">
+                <div class="form-example">
+                  <label for="name">Enter your name: </label>
+                  <input type="text" name="name" id="name" required>
+                </div>
+                <div class="form-example">
+                  <label for="date">Enter the date: </label>
+                  <input type="date" name="date" id="date" required>
+                </div>
+                <div class="form-example">
+                  <input type="submit" value="Confirm">
+                </div>
+
+                <fieldset>
+                        <legend>How are you feeling</legend>
+
+                        <input type="radio" id="happy" name="mood">
+                        <label for="happy">happy</label><br/>
+
+                        <input type="radio" id="sad" name="mood">
+                        <label for="sad">Sad</label><br/>
+
+                        <input type="radio" id="tired" name="mood">
+                        <label for="tired">tired</label>
+                      </fieldset>
+              </form>
+
+              <label for="story">Vent a little:</label> <br>
+
+                <textarea id="story" name="story"
+                 rows="5" cols="33">Where to start...
+                </textarea>
+
+                <br>
+                <button class="favorite styled"
+                    type="button">
+                    Click for nothing
+                </button>
+
+                <br>
+
+                <label for="best-monster">Choose a movie monster:</label>
+                <input list="diff-monsters" id="best-monster" name="best-monsters" />
+
+                    <datalist id="diff-monsters">
+                        <option value="Godzilla">
+                         <option value="Ghidorah">
+                         <option value="Mothra">
+                        <option value="Biollante">
+                        <option value="Hedorah">
+                    </datalist>
+
+                    <br>
+
+                    <label for="snack-select">Choose a snack:</label>
+
+                    <select name="snacks" id="snack-select">
+                       <option value="">--Please choose an option--</option>
+                       <option value="chips">Chips</option>
+                       <option value="cookies">Cookies</option>
+                       <option value="ice cream">Ice Cream</option>
+                       <option value="fruit">Fruit</option>
+                    </select>
+
+
+      </main>
+
+      <footer>
+            <br />
+            <div>Andrew Martinez A15669097</div>
+          </footer>
+
+</body>
+</html>
diff --git a/part2.txt b/part2.txt
@@ -1 +1,14 @@
 Fill in the passphrases here.
+1.)greenEggsAndHam
+2.)iHateCplusplus
+3.)HTLMRocks
+4.)JavaScriptRules
+5.)SvelteBeatsReact
+6.)ThisIsJS
+7.)YouFoundMe
+8.)coolcoolcool
+9.)2020sucked
+10.)listenToTheBlackKeys
+11.)a11ComesFirst
+12.)iLoveWebDev
+13.)404
diff --git a/screenshots/W3Check.png b/screenshots/W3Check.png