diff --git a/README.md b/README.md index dbb07cb..e69de29 100644 --- 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 new file mode 100644 index 0000000..24a4db7 Binary files /dev/null and b/c1.png differ diff --git a/c2.jpg b/c2.jpg new file mode 100644 index 0000000..08b8f5a Binary files /dev/null and b/c2.jpg differ diff --git a/c3.jpg b/c3.jpg new file mode 100644 index 0000000..ba95c4c Binary files /dev/null and b/c3.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..565c822 --- /dev/null +++ b/index.html @@ -0,0 +1,48 @@ + + + + + + + + + Tony Wang's Portfolio + + + + + +
+ +
Football
 +
Soccer
 +
Linkedin
 + +
+ +
+ +

Tony Wang

+

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.

+Change +
+
+

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.

+
+
+ + + +
+
+

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.

+
+
+ + + +
+ + \ No newline at end of file diff --git a/main.js b/main.js new file mode 100644 index 0000000..4ff824e --- /dev/null +++ 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 new file mode 100644 index 0000000..3c9f414 Binary files /dev/null and b/pic.1.jpg differ diff --git a/pic.2.jpg b/pic.2.jpg new file mode 100644 index 0000000..9b36976 Binary files /dev/null and b/pic.2.jpg differ diff --git a/pic3.jpg b/pic3.jpg new file mode 100644 index 0000000..10fc41b Binary files /dev/null and b/pic3.jpg differ diff --git a/profile.png b/profile.png new file mode 100644 index 0000000..1673d0a Binary files /dev/null and b/profile.png differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..464813b --- /dev/null +++ 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 new file mode 100644 index 0000000..cb0bbf0 Binary files /dev/null and b/tony.png differ