CSE110-SP25 · Vkt5451 · Apr 12, 2025 · Apr 12, 2025 · Apr 12, 2025 · Apr 12, 2025
diff --git a/9_of_spades_jpg.png b/9_of_spades_jpg.png
diff --git a/README.md b/README.md
@@ -1 +1,2 @@
 # Lab 2 - Starter
+Published Site: https://vkt5451.github.io/Lab2_Starter/
diff --git a/favicon.ico b/favicon.ico
diff --git a/index.html b/index.html
@@ -0,0 +1,196 @@
+<!DOCTYPE html>
+<html lang="en">
+
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title> CSE110 Management - Team bonding, Github repo, Branding, Group Page and Video Notes</title>
+    <link rel="icon" href="favicon.ico" type="image/png">
+  </head>
+
+
+
+  <body>
+    <header>
+     <h1> CSE110 Group Meeting Notes</h1>
+        <nav>
+          <ul>
+            <li><a href="index.html">Home</a></li>
+            <li><a href="part2.txt">Part2</a></li>
+           <li><a href="favicon.ico">Favicon</a></li>
+          </ul>
+        </nav>
+      <p><strong>Warning:</strong> Top secret meeting notes, do<em> NOT</em> share!</p>
+      </header>
+
+    <main>
+      <section>
+     <!-- Tittle,Meeting type, Date element-->
+        <h2><i>CSE110</i></h2>
+        <h4>Meeting Type: Check-Ins</h4>
+        <h4>Date: April 12, 2025</h4>
+      </section>
+      <hr>
+      <!-- Main Meeting Notes-->
+
+
+    <section>
+     <!-- Attendee List element-->
+      <div class="Attendance-List">
+        <h3> Attendance List: </h3>
+        <ul>
+            <li>Vincent</li>
+            <li>Tri</li>
+            <li>Travis</li>
+            <li>Ahmed</li>
+            <li>Rosario</li>
+            <li>Trisha</li>
+            <li>Partham</li>
+            <li>Brendon</li>
+            <li></li>
+            <li></li>
+            <li></li>
+         </ul>
+      </div>
+    <hr>
+
+    <!-- Agenda element-->
+    <h2> Agenda </h2>
+       <h3>1. Team Bonding Activity (15–20 min)</h3>
+        <ul>
+          <li>Focus on getting to know each other’s strengths and work styles</li>
+        </ul>
+        <details>
+          <summary>Choose a <i>fun</i> group activity!</summary>
+          <p>Scribbio.io, Leetcode, Quizbreaker, Among Us <br> Ping Pong, Codenames, Hide & Seek</p>
+        </details>
+
+       <h3>2. Define Our Team Identity & Brand (10–15 min)</h3>
+        <ul>
+         <li>Come up with a team name, logo, and theme</li>
+        </ul>
+        <img src="9_of_spades_jpg.png" alt="Team Logo" width="200">
+
+       <h3>3. Build Our Team Webpage (15–20 min)</h3>
+        <ul>
+         <li>Decide on layout, colors, and what content to feature (team photo, bios, contact info)</li>
+         <li>Assign tasks for designing and coding the page</li>
+        </ul>
+        <a href="https://github.com/cse110-sp25-group09/cse110-sp25-group09">Team Github Repo</a>
+
+       <h3>4. Plan Our Team Introduction Video (10 min)</h3>
+        <ul>
+         <li>Max length: 2.5 minutes (MP4 or QuickTime format)</li>
+         <li>Ideas: Introduce team members, showcase your team dynamic, share your team goals</li>
+         <li>Decide on video style (talking heads, animation, skit, etc.) and who will edit</li>
+        </ul>
+
+        <hr>
+        <!--things that were unfinished business from last meeting-->
+        <h2> Others: </h2>
+        <ol>
+            <li>Things that were <b>unfinished</b> business from last meeting... </li>
+            <li>Things that are <b>new</b> business that need to be talked about... </li>
+            <li>Any <b>miscellaneous</b> comments / questions / concerns that anyone would like to bring up... </li>
+            <li><b>Pictures</b> of any diagrams / architecture / things that were presented... </li>
+        </ol>
+        <hr>
+
+        <!--Video-->
+        <h2>Video </h2>
+          <video width="500" height="300" controls>
+            <source src="video_file.mp4" type="video/mp4">
+          </video>
+
+        <!--Audio-->
+          <h2>Audio </h2>
+          <audio controls>
+            <source src="video_file.mp4" type="audio/mp4">
+          </audio>
+
+        </section>
+    </main>
+
+
+
+    <!--Forms-->
+
+      <section>
+        <h3>Survey: Name, Date & Comments</h3>
+        <form action="/submit" method="post">
+    <!-- Grouping with Fieldset -->
+        <fieldset>
+
+      <!-- Text input -->
+        <label for="name">Name:</label>
+        <input type="text" id="name" name="name"><br><br>
+
+      <!-- Date input -->
+        <label for="date">Date:</label>
+        <input type="date" id="date" name="date"><br><br>
+
+      <!-- Radio input -->
+        <p>Favorite team name:</p>
+        <input type="radio" id="9_of_spades" name="team_name" value="9_of_spades">
+        <label for="9_of_spades">9 of Spades</label>
+
+        <input type="radio" id="niners" name="team_name" value="niners">
+        <label for="niners">Niners</label>
+
+        <input type="radio" id="cloud_9" name="team_name" value="cloud_9">
+        <label for="cloud_9">Cloud 9</label> <br><br>
+
+
+      <!-- Checkbox input -->
+      <p>Favorite Programming Language(s):</p>
+      <input type="checkbox" id="python" name="programming_languages" value="python">
+      <label for="python">Python</label>
+
+      <input type="checkbox" id="c++" name="programming_languages" value="c++">
+      <label for="c++">C++</label>
+
+      <input type="checkbox" id="java" name="programming_languages" value="java">
+      <label for="java">Java</label><br><br>
+
+
+      <!-- textarea -->
+      <label for="comment">Comments & Concerns:</label><br>
+      <textarea id="comment" name="comment" rows="5" cols="40"></textarea><br><br>
+
+      <!-- datalist , option -->
+      <label for="activity">Favorite Group Activity:</label>
+      <input list="activities" id="activity" name="activity">
+      <datalist id="activities">
+        <option value="Among us">
+        <option value="Scribbio">
+        <option value="Ping Pong">
+        <option value="Quizbreaker">
+      </datalist><br><br>
+
+          <!-- select -->
+      <label for="consent">Do we have you consent to share this survey?:</label>
+      <select id="consent" name="consent">
+        <option value="yes">Yes</option>
+        <option value="no">No</option>
+      </select><br><br>
+
+    <!-- button -->
+    <button>Submit!</button>
+      </fieldset>
+     </form>
+    </section>
+
+    <footer>
+      <p>Contact Vincent Trinh at <a href="https://www.linkedin.com/in/vincent-trinh-3a9963277/">Linked In</a></p>
+      <span>Resoures Used: </span>
+      <span><a href="https://www.freecodecamp.org/news/html-basics-for-beginners">HTML Basics</a></span>
+      <span><a href="https://html.spec.whatwg.org/multipage/">HTML Specs</a></span>
+      <span><a href="https://www.w3schools.com">W3 Schools</a></span>
+    </footer>
+
+  </body>
+
+
+
+
+</html>
diff --git a/part2.txt b/part2.txt
@@ -1 +1,12 @@
-Fill in the passphrases here.
+1. WongAvery
+2. iHateC++
+3. HTMLRules
+4. JavaScriptRocks
+5. ShraviBeatsReact
+6. ThisIsJSyay
+7. SofiaWasHere
+8. coolcoolcool3x
+9. 2020_sucked
+10. listenToPetalCore
+11. ElaineFirst
+12. iHeartWebDev
diff --git a/screenshots/ValidW3_SS.png b/screenshots/ValidW3_SS.png
diff --git a/video_file.mp4 b/video_file.mp4
Original file line number	Diff line number	Diff line change
		@@ -1 +1,2 @@
		# Lab 2 - Starter
		Published Site: https://vkt5451.github.io/Lab2_Starter/