AllStarCodeOrg · tjwang4 · Aug 8, 2022 · Aug 8, 2022
diff --git a/README.md b/README.md
@@ -1,29 +0,0 @@
-# week3.day4.pickPrior
-
-## Instructions
-1. Looking through the projects you’ve worked on in Week1 (p5.js), Week2 (Intro to Web Dev), and Week3 (this week!), are there any you REALLY want to spend more time on? Given what you know now, are there any projects you wish you could go back to and enhance? This is that opportunity!
-2. Pick a prior project from the last 3 weeks to work on today
-   - You are welcome to work individually or in a group (even if the project you’re picking was originally a group project)
-3. Requirements:
-   - Your project should include multiple web pages (at least 2)
-   - The user should be able to navigate between these pages (links, navigation bar, etc.)
-   - All web pages should be responsive and work properly on a mobile device:
-     - The target device is iPhone5 (320x568)
-   - At least one web page should include 2 or more event handlers
-   - At least one web page should utilize 1 or more JS objects (storing data, consolidating method responsibility, etc.)
-   - The website must be properly hosted on GitHub
-4. There are 2 approval steps before you should begin working!
-5. First, present your idea to your instructors, making sure to outline:
-   - Which project you’re picking
-   - What you propose to do in order to enhance the prior project
-     - You have ~3 hours to work, so be realistic!
-   - Who’s in your group
-     - If you’re in a group, you must mention what each person is doing
-   - If it is not approved, make any necessary revisions and try again
-6. Once approved, make your wireframes:
-   - Remember, each web page should have a desktop and a mobile wireframe
-   - Also, since the web pages are connected, it’s important to show how users will traverse/travel through your website.
-7. Once done, present your wireframes to your instructional team
-If your wireframes are not approved, make any necessary revisions and try again.
-8. Once approved, you may begin working. Enjoy!
-   - For our records, at the top of your “index.html” file, mention that this is the project you’ve picked for the “Pick a Prior Project” assignment. Also, mention the group members and their responsibilities.

diff --git a/c1.png b/c1.png
diff --git a/c2.jpg b/c2.jpg
diff --git a/c3.jpg b/c3.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,48 @@
+<!-- “Pick a Prior Project” assignment -->
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Tony Wang's Portfolio</title>
+    <link rel="stylesheet" href="style.css">
+    <script src="main.js" defer></script>
+</head>
+<body>
+
+    <div id="first_line">
+        <img src="profile.png" height="80" width="80"/>
+        <a href="https://www.hudl.com/profile/11414564/tony-wang" target="_blank"><div class="items">Football</div></a>
+        <a href="https://www.hudl.com/profile/15191331/tony-wang" target="_blank"><div class="items">Soccer</div></a>
+        <a href="https://www.linkedin.com/in/tony-wang-64a939246/" target="_blank"><div class="items">Linkedin</div></a>
+        <button>Change color</button>
+    </div>
+
+    <div id="second_line">
+    <img src="tony.png" height= "300" width="300" />
+    <h1>Tony Wang</h1>
+    <p>A member of the class of 2022, I recieved my high school diploma at St. Andrew's School in Delaware. However, I didn't spend all four years there. However the two years I did have there is a part of my life I will never forget.</p>
+<button1>Change</button1>
+</div>
+<div id="highschool">
+    <h2>For my first two years of highschool, I attended a public school nearby named San Juan Hills Highschool. After joining a soccer club, one of my teammates told me about how he was about to leave to attend boarding school. At first I was neutral to this idea as the thought of attending boaridng school never entered my mind. However, after having a coversation with my Dad, we decided to try applying to some schools for the sake of it and see what would happen. As it turns out I was admitted to one of the top boarding schools in the country. However, as good as it was academically, the athletic side of the school was near dreadful as the school only holds a student-body of 300 or so students. However, I didn't let this affect my accomplishments as I continued to pursue my dreams of playing sports in college and was able to win All-State awards in two of the three sports. While at school, I was able to create closer bonds with not just peers but faculty aswell, something that I would never have been able to accompolish while at an ordinary public school such as mine.</h2>
+</div>
+<div id="highschool_pics">
+    <img src="pic.1.jpg" height="300" width="300" />
+    <img src="pic.2.jpg" height="300" width="300" />
+    <img src="pic3.jpg" height="300" width="300" />
+</div>
+<div id="college">
+    <h2>As of August of 2022, I will be a part of the 2026 Middlebury College class. While there I will be majoring in Computer
+    Science and Economics as well as pursuing some minors as well. While there I will also be a memeber of the football and
+    track and field varsity team.</h2>
+</div>
+<div id="college_pics">
+    <img src="c1.png" height="300" width="400" />
+    <img src="c2.jpg" height="300" width="300" />
+    <img src="c3.jpg" height="300" width="300" />
+</div>
+</body>
+</html>
diff --git a/main.js b/main.js
@@ -0,0 +1,21 @@
+const btn = document.querySelector("button");
+
+function random(number) {
+  return Math.floor(Math.random() * (number + 1));
+}
+
+btn.addEventListener("click", () => {
+  const rndCol = `rgb(${random(255)}, ${random(255)}, ${random(255)})`;
+  document.body.style.backgroundColor = rndCol;
+});
+
+const btn1 = document.querySelector("button1");
+
+function random(number) {
+  return Math.floor(Math.random() * (number + 1));
+}
+
+btn1.addEventListener("click", () => {
+  const rndCol = `rgb(${random(255)}, ${random(255)}, ${random(255)})`;
+  document.body.style.backgroundColor = rndCol;
+});
diff --git a/pic.1.jpg b/pic.1.jpg
diff --git a/pic.2.jpg b/pic.2.jpg
diff --git a/pic3.jpg b/pic3.jpg
diff --git a/profile.png b/profile.png
diff --git a/style.css b/style.css
@@ -0,0 +1,56 @@
+#first_line {
+  font-family: Helvetica;
+  font-size: 94%;
+  padding: 3%;
+  display: flex;
+  justify-content: space-between;
+}
+
+#second_line {
+  background-color: #000000;
+  color: white;
+  float: above;
+  font-size: 90%;
+  padding: 5%;
+  display: flex;
+  justify-content: space-between;
+}
+/* h1 {
+  font-size: 80px;
+  font-family: Georgia;
+} */
+a:link {
+  color: black;
+}
+
+a:visited {
+  color: black;
+}
+#highschool {
+  background-color: red;
+  color: white;
+  display: flex;
+  justify-content: space-between;
+}
+h2 {
+  float: above;
+  font-size: 80%;
+  padding: 10%;
+}
+#highschool_pics {
+  float: above;
+  display: flex;
+  justify-content: space-around;
+  background-color: black;
+}
+#college {
+  display: flex;
+  background-color: red;
+  color: whitesmoke;
+}
+#college_pics {
+  float: above;
+  background-color: black;
+  display: flex;
+  justify-content: space-between;
+}
diff --git a/tony.png b/tony.png