CSE110-SP21 · Simon-Huang1 · Oct 3, 2021 · Oct 4, 2021 · Oct 4, 2021 · Oct 4, 2021
diff --git a/.DS_Store b/.DS_Store
diff --git a/Pic_Vid/.DS_Store b/Pic_Vid/.DS_Store
diff --git a/Pic_Vid/A.Pic.png b/Pic_Vid/A.Pic.png
diff --git a/Pic_Vid/A_song.mp3 b/Pic_Vid/A_song.mp3
diff --git a/Pic_Vid/B.Pic.png b/Pic_Vid/B.Pic.png
diff --git a/Pic_Vid/Meeting.mp4 b/Pic_Vid/Meeting.mp4
diff --git a/README.md b/README.md
@@ -0,0 +1 @@
+# This is the URL for lab2: https://simon-huang1.github.io/Lab2/
diff --git a/index.html b/index.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <meta name="author" content="YanJun Huang">
+        <meta name="description" content="This a meeting minutes within the meeting notebook">
+        <title>Senior Design Week1 Meeting Minutes</title>
+        <link rel="icon" href="Pic_Vid/A.Pic.png" type="image/png" sizes="16x16">
+    </head>
+
+    <body>
+        <header>
+            <h1> Senior Design Week1 Meeting Minutes </h1> 
+            <h3> Participant: Simon Huang, Kevin Zhang, James Walson</h3>
+            <h4> October 1st, 1-2 pm </h4>
+        </header>
+
+        <nav>
+            <a href="../">Home</a> |
+            <a href="./">Lab2</a> |
+            <a href="index.html">Meeting Minutes</a>
+        </nav>
+
+        <hr>
+
+        <main>
+            <section>
+                <h2>Previous Meeting</h2>
+                <p>
+                    Previously, by criminal mind. <br>
+                    Oop! I am absent for the previous meting. <br>
+                    So, I know nothing about previous meeting. <br>
+                    <br>
+                    <div>Get useful information from <span>somewhere on Canvas<span></div>
+                </p>
+            </section>
+
+            <hr>
+
+            <section>
+                <h2>Important things mentioned by meeting</h2>
+
+                <h3>Have to do for living</h3>
+                <ur>
+                    <li>Do Work</li>
+                    <li>Do Eat</li>
+                    <li>Do Sleep</li>
+                </ur>
+
+                <h3>Have to learn for senior design</h3>
+                <ol>
+                    <li>Data Conversion</li>
+                    <li>Deep Learning Model</li>
+                    <li>Data Interpreatation</li>
+                </ol>
+            </section>
+
+            <hr>
+
+            <section>
+                <h2>Details about this meeting</h2>
+                <p>
+                    <b>This is used to draw attention only.</b> Perhaps far exposed age effects. Now distrusts you her delivered applauded affection out sincerity. As tolerably recommend shameless unfeeling he objection consisted. She although cheerful perceive screened throwing met not eat distance. Viewing hastily or written dearest elderly up weather it as. So direction so sweetness or extremity at daughters. Provided put unpacked now but bringing.
+                </p>
+
+                <p>
+                    <strong>This is used to show this text is Important.</strong>Boisterous he on understood attachment as entreaties ye devonshire. In mile an form snug were been sell. Hastened admitted joy nor absolute gay its. Extremely ham any his departure for contained curiosity defective. Way now instrument had eat diminution melancholy expression sentiments stimulated. One built fat you out manor books. Mrs interested now his affronting inquietude contrasted cultivated. Lasting showing expense greater on colonel no.
+                </p>
+
+                <p>
+                    <i>This is just Italic.</i>Yourself off its pleasant ecstatic now law. Ye their mirth seems of songs. Prospect out bed contempt separate. Her inquietude our shy yet sentiments collecting. Cottage fat beloved himself arrived old. Grave widow hours among him no you led. Power had these met least nor young. Yet match drift wrong his our.
+                </p>
+
+                <p>
+                    <em>I am emphasizing this sentences. </em>Sigh view am high neat half to what. Sent late held than set why wife our. If an blessing building steepest. Agreement distrusts mrs six affection satisfied. Day blushes visitor end company old prevent chapter. Consider declared out expenses her concerns. No at indulgence conviction particular unsatiable boisterous discretion. Direct enough off others say eldest may exeter she. Possible all ignorant supplied get settling marriage recurred.
+                </p>
+
+                <p>
+                    Certainly elsewhere my do allowance at. The address farther six hearted hundred towards husband. Are securing off occasion remember daughter replying. Held that feel his see own yet. Strangers ye to he sometimes propriety in. She right plate seven has. Bed who perceive judgment did marianne.
+                </p>
+
+                <p>
+                    Necessary ye contented newspaper zealously breakfast he prevailed. Melancholy middletons yet understood decisively boy law she. Answer him easily are its barton little. Oh no though mother be things simple itself. Dashwood horrible he strictly on as. Home fine in so am good body this hope.
+                </p>
+
+                <p>
+                    <a href="https://github.com/Simon-Huang1/Lab2">This the link for the lab</a>
+                </p>
+                <details>
+                    <summary>This is a meeting</summary>
+                    <p>Since this meeting does not exist, it does not matter</p>
+                </details>
+            </section>
+
+            <hr>
+
+            <section>
+                <h2>Belows are some feeling I have for this meeting</h2>
+                <p>
+                    This is a heart breaking meeting, and heart have been squashed into that things in the picture below
+                </p>
+                <img src="Pic_Vid/B.Pic.png" alt="Pic_Vid/B.Pic.png" width="240" height="240">
+                <p>
+                    So I decided to sing a song to show my sadness after this meeting
+                </p>
+                <audio controls autoplay>
+                    <source src="Pic_Vid/A_song.mp3" type="audio/mpeg">
+                </audio>
+                <p>
+                    And the vedio reveal my attitude toward this meeting.                    
+                </p>
+                <video width="640" height="368" controls>
+                    <source src="Pic_Vid/Meeting.mp4" type="video/mp4">
+                </video>
+            </section>
+
+            <hr>
+
+            <section>
+                <h2>This are unrelated knowledge to this meeting minutes</h2>
+
+                <form>
+                    <label for="fname">Form:</label><br>
+                    <input type="text" id="fname" name="fname"><br>
+                </form>
+
+                <br>
+
+                <fieldset>
+                    <legend>fieldset:</legend>
+                    <label for="input">input:</label>
+                    <input type="date" id="input" name="input"><br><br>
+                    <input type="submit" value="Submit">
+                </fieldset>
+
+                <br>
+
+                <label for="textarea">textarea:</label>
+                <textarea id="textarea" name="textarea" rows="4" cols="50">
+                    Text area is for text.
+                </textarea>
+
+                <br><br>
+
+                <label> datalist for rating(from 1 to 5): 
+                    <input list="datalist" name="rate the meeting" /></label>
+                <datalist id="datalist">
+                      <option value="1">
+                      <option value="2">
+                      <option value="3">
+                      <option value="4">
+                      <option value="5">
+                </datalist>
+
+                <br><br>
+
+                <label for="select">Select something:</label>
+                <select id="select">
+                    <option value="a">a</option>
+                    <option value="b">b</option>
+                    <option value="c">c</option>
+                    <option value="d">d</option>
+                </select>
+
+                <br><br>
+
+                <button type="button">Just Click Me!</button>
+
+            </section>
+        </main>
+
+        <footer>
+            <p>YanJun Huang, Lab2@CSE110</p>
+        </footer>
+
+    </body>
+
+
+
+</html>
diff --git a/part2.txt b/part2.txt
@@ -1 +1,13 @@
 Fill in the passphrases here.
+Q1	Passcode:	greenEggsAndHam
+Q2 	Passcode:	iHateCplusplus
+Q3 	Passcode:	HTMLRocks
+Q4 	Passcode:	JavaScriptRules
+Q5 	Passcode:	SvelteBeatsReact
+Q6 	Passcode:	ThisIsJS
+Q7 	Passcode:	YouFoundMe
+Q8 	Passcode:	coolcoolcool
+Q9	Passcode:	2020sucked
+Q10	Passcode:	listenToTheBlackKeys
+Q11 	Passcode:	a11yComesFirst
+Q12 	Passcode:	iLoveWebDev
diff --git a/screenshots/Validation of html.png b/screenshots/Validation of html.png
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		# This is the URL for lab2: https://simon-huang1.github.io/Lab2/