itscodenation · a-k-s · Oct 27, 2020
diff --git a/.glitch-assets b/.glitch-assets
@@ -6,3 +6,6 @@
 {"uuid":"adSBq97hhhpFNUnc","deleted":true}
 {"name":"first-step-orange.gif","date":"2020-05-21T20:47:06.930Z","url":"https://cdn.glitch.com/3f130f92-c599-4005-ae95-c6cd19387185%2Ffirst-step-orange.gif","type":"image/gif","size":374820,"imageWidth":1000,"imageHeight":1000,"thumbnail":"https://cdn.glitch.com/3f130f92-c599-4005-ae95-c6cd19387185%2Fthumbnails%2Ffirst-step-orange.gif","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"PDsNFCnh2VvBjU9F"}
 {"name":"profile-placeholder.png","date":"2020-05-27T18:59:16.908Z","url":"https://cdn.glitch.com/3f130f92-c599-4005-ae95-c6cd19387185%2Fprofile-placeholder.png","type":"image/png","size":125204,"imageWidth":600,"imageHeight":600,"thumbnail":"https://cdn.glitch.com/3f130f92-c599-4005-ae95-c6cd19387185%2Fthumbnails%2Fprofile-placeholder.png","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"KSKlztYKxPP20ymf"}
+{"name":"Screen Shot 2020-10-14 at 11.13.51 PM.png","date":"2020-10-20T21:24:11.480Z","url":"https://cdn.glitch.com/e8a9643e-a78a-4e74-a1b8-4ae34f612d5f%2FScreen%20Shot%202020-10-14%20at%2011.13.51%20PM.png","type":"image/png","size":438898,"imageWidth":777,"imageHeight":400,"thumbnail":"https://cdn.glitch.com/e8a9643e-a78a-4e74-a1b8-4ae34f612d5f%2Fthumbnails%2FScreen%20Shot%202020-10-14%20at%2011.13.51%20PM.png","thumbnailWidth":330,"thumbnailHeight":170,"uuid":"Ew9u8G4VoD1lESZA"}
+{"name":"Screen Shot 2020-10-27 at 5.22.53 PM.png","date":"2020-10-27T22:25:18.892Z","url":"https://cdn.glitch.com/e8a9643e-a78a-4e74-a1b8-4ae34f612d5f%2FScreen%20Shot%202020-10-27%20at%205.22.53%20PM.png","type":"image/png","size":413514,"imageWidth":1777,"imageHeight":830,"thumbnail":"https://cdn.glitch.com/e8a9643e-a78a-4e74-a1b8-4ae34f612d5f%2Fthumbnails%2FScreen%20Shot%202020-10-27%20at%205.22.53%20PM.png","thumbnailWidth":330,"thumbnailHeight":155,"uuid":"AlthRygpYrqfmxJ5"}
+{"name":"Screen Shot 2020-10-27 at 5.33.15 PM.png","date":"2020-10-27T22:33:30.266Z","url":"https://cdn.glitch.com/e8a9643e-a78a-4e74-a1b8-4ae34f612d5f%2FScreen%20Shot%202020-10-27%20at%205.33.15%20PM.png","type":"image/png","size":330701,"imageWidth":1379,"imageHeight":830,"thumbnail":"https://cdn.glitch.com/e8a9643e-a78a-4e74-a1b8-4ae34f612d5f%2Fthumbnails%2FScreen%20Shot%202020-10-27%20at%205.33.15%20PM.png","thumbnailWidth":330,"thumbnailHeight":199,"uuid":"lU9748fjJCOUkQav"}
diff --git a/about.html → .html b/about.html → .html
diff --git a/README.md b/README.md
@@ -8,82 +8,95 @@ In this unit, coders will review HTML and CSS concepts from the Introduction to
 
 ### Set up
 
-[ ] Complete the Project Planning Document.
+- [ ] Complete the [Project Planning Document](https://docs.google.com/document/d/1_fKb8tA-WGM5TseeW_HNo69xMmTSsvWVoy7N0ewsQKU/edit#heading=h.xbxb68gln6b2).
 
-[ ] Go to the repository.
+- [x] Go to the repository.
 
-[ ] Fork this repository to your GitHub account.
+- [ ] Fork this repository to your GitHub account.
 
-[ ] Create a new project on Glitch that imports your repo from GitHub.
-
-[ ] Submit your GitHub repo link and Glitch Project Page links on the Agenda.
+- [ ] Create a new project on Glitch that imports your repo from GitHub.
 
 ### HTML
 
-[ ] Add a header with your name to your Portfolio homepage.
+- [ ] Add a header with your name to your Portfolio homepage.
 
-[ ] Update the title tag of both of your pages.
+- [ ] Update the title tag of both of your pages.
 
-[ ] Create your navigation bar that will link all your pages together.
+- [ ] Create your navigation bar that will link all your pages together.
 
-[ ] Give your HTML elements class names.
+- [ ] Give your HTML elements classes in order to add Flexbox to the CSS.
 
-[ ] Write your biography on your About Me page.
+- [ ] Write your biography on your About Me page.
 
 ### CSS
 
-[ ] Choose 2-4 colors for your theme and add them as font or background colors.
+- [ ] Choose 2-4 colors for your theme and add them as font or background colors.
+
+- [ ] Add flexbox to your navigation bar.
 
-[ ] Add flexbox to your navigation bar.
+- [ ] Add at least 1 Google Font.
 
-[ ] Add at least 1 Google Font.
+### Wrap
+
+- [ ] Submit your work to the session agenda.
 
 ## Day 2
 
 ### Set Up
 
-[ ] Link your homepage and About Me pages together using your nav bar.
+- [ ] Link your homepage and About Me pages together using your nav bar.
 
-[ ] Add two more HTML files (Projects, Contact) to your Portfolio and link them all together.
+- [ ] Add two more HTML files (Projects, Contact) to your Portfolio and link them all together.
 
-[ ] Upload at least 2 images so they are hosted in your Portfolio.
+- [ ] Upload at least 2 images so they are hosted in your Portfolio.
 
-[ ] Update the title tags of all your new HTML files.
+- [ ] Update the title tags of all your new HTML files.
 
-[ ] Make sure your CSS file is linked to all your HTML files.
+- [ ] Link your CSS file to all of your HTML files.
 
 ### HTML
 
-[ ] Add a professional-looking photo of yourself or something relevant to your homepage.
+- [ ] Add a professional headshot of yourself.
 
 In your Projects page, create a display of at least 4 of your old coding projects that includes:
 
-    [ ] Project name
-    [ ] Link to project GitHub repo
-    [ ] Link to project live site
-    [ ] Short description of project including coding languages used
-    [ ] Hosted screenshot of project
+    - [ ] Project name
+    - [ ] Link to project GitHub repo
+    - [ ] Link to project live site
+    - [ ] Short description of project including coding languages used
+    - [ ] Hosted screenshot of project
 
 Add your contact information to your Contact page, including your:
 
-    [ ] GitHub account
-    [ ] Email address
-    [ ] LinkedIn
-    [ ] Resume
+    - [ ] GitHub account
+    - [ ] Email address
+    - [ ] LinkedIn
+    - [ ] Resume
 
 ### CSS
 
-[ ] Format the sizes of all your pictures
+- [ ] Format the sizes of all your pictures
+
+### Wrap
+
+- [ ] Push your changes back to your GitHub repo!
+
+
+## Project Extensions
 
+- [ ] Style your nav bar so the links change color/style when your hover over them or when you click them.
 
-### Extensions
+- [ ] Add a unordered or ordered list of your accomplishments or favorite things to your About Me page.
 
-[ ] Style your nav bar so the links change color/style when your hover over them or when you click them.
+- [ ] Make sure all your external links open up into new tabs.
 
-[ ] Add a unordered or ordered list of your accomplishments or favorite things to your About Me page.
+- [ ] Create a link that pops open the email browser with your email address in the to: field.
 
-[ ] Make sure all your external links open up into new tabs.
+- [ ] Arrange your Projects into a creative interactive or animated photo gallery or slideshow.
 
-[ ] Create a link that pops open the email browser with your email address in the to: field.
+## References/Tools
 
-[ ] Arrange your Projects into a creative interactive or animated photo gallery or slideshow.
+* [Fellowship Reference Table](https://docs.google.com/document/d/1qrY2OC-6S04oOXZlYmXja7lmKBmdApR-HXJkhfd67e8/edit)
+* [W3Schools] (https://www.w3schools.com/)
+* [MDN web docs] (https://developer.mozilla.org/en-US/)
+* [Introduction to Bootstrap] (https://getbootstrap.com/docs/4.1/getting-started/introduction/)
diff --git a/aboutme.html b/aboutme.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <script src="jquery-3.5.1.min.js"></script>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">    
+    <link rel="stylesheet" href="./style.css">
+    <script src="./script.js" defer></script>
+
+    <title>About Me</title>
+
+  </head>  
+  <body>
+    <div class = "linkpages">
+      <a href="homepage.html">Homepage</a>
+      <a href="resume.html">Resume</a>
+      <a href="contact.html">Contact</a>
+    </div>
+    <h1>
+      About Me
+    </h1>
+    <h2>
+      I am a sophomore at Latin School of Chicago. I have two cats. I enjoy rock-climbing and building mechanical keyboards.
+    </h2>
+    <div class = "image">
+      <img src="https://www.chicagoparent.com/downloads/22871/download/rock-climbing-spots-for-kids.jpg?cb=ff8de23d5c3cad2acadff61a8eebd248">
+      <img src="https://www.reviewgeek.com/p/uploads/2018/08/1ce65eb2.png">
+    </div>
+
+  </body>
+</html>
diff --git a/contact.html b/contact.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <script src="jquery-3.5.1.min.js"></script>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">    
+    <link rel="stylesheet" href="./style.css">
+    <script src="./script.js" defer></script>
+
+    <title>About Me</title>
+
+  </head>  
+  <body>
+    <div class = "linkpages">
+      <a href="homepage.html">Homepage</a>
+      <a href="resume.html">Resume</a>
+      <a href="aboutme.html">About Me</a>
+    </div>
+    <h1>
+      Helloooo
+    </h1>
+  </body>
+</html>
diff --git a/homepage.html b/homepage.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <script src="jquery-3.5.1.min.js"></script>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">    
+    <link rel="stylesheet" href="./style.css">
+    <script src="./script.js" defer></script>
+
+    <link href="https://fonts.googleapis.com/css2?family=Inconsolata&display=swap" rel="stylesheet">
+
+    <title>Homepage</title>
+
+  </head>  
+  <body>
+    <div class = "linkpages">
+      <a href="aboutme.html">About me</a>
+      <a href="resume.html">Resume</a>
+      <a href="contact.html">Contact</a>
+    </div>
+    <h1>
+      Homepage.
+    </h1>
+    <h2>
+       Hi. My name is Anton Schuster. 
+    </h2>
+  </body>
+</html>
diff --git a/index.html b/index.html
diff --git a/resume.html b/resume.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <script src="jquery-3.5.1.min.js"></script>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">    
+    <link rel="stylesheet" href="./style.css">
+    <script src="./script.js" defer></script>
+
+    <title>Resume</title>
+
+  </head>  
+  <body>
+    <div class = "linkpages">
+      <a href="homepage.html">Homepage</a>
+      <a href="aboutme.html">About Me</a>
+      <a href="contact.html">Contact</a>
+    </div>
+    <h1>
+      Resume.
+    </h1>
+    <div class = "first_img">
+      <img src = "https://cdn.glitch.com/e8a9643e-a78a-4e74-a1b8-4ae34f612d5f%2FScreen%20Shot%202020-10-27%20at%205.22.53%20PM.png?v=1603837518892">
+    </div>
+    <h2>
+      For this project, Code Nation students were challenged to create a website for someone they would vote for. I chose Elon Musk and wrote about who he is.
+    </h2>
+    <div class = "second_img">
+      <img src = "https://cdn.glitch.com/e8a9643e-a78a-4e74-a1b8-4ae34f612d5f%2FScreen%20Shot%202020-10-27%20at%205.33.15%20PM.png?v=1603838010266">
+    </div>
+    <h2>
+
+    </h2>
+  </body>
+</html>
diff --git a/style.css b/style.css
@@ -1,5 +1,45 @@
 /* CSS files add styling rules to your content */
 
 h1 {
-  color: green;
+  color: white;
+  font-family: "Inconsolata", monospace;
+  text-align: center;
+}
+h2 {
+  color: #D0D0D0;
+  font-family: "Inconsolata", monospace;
+  text-align: center;
+}
+
+body {
+  background-color: #FF5733;
+}
+
+.linkpages {
+  text-align: left;
+  color: white;
+  background: #808080;
+  border: 2px solid white;
+  padding: 20px;
+  margin: 50px;
+  display: flex;
+  justify-content: space-around;
+  font-family: "Inconsolata", monospace;
+}
+
+.linkpages a {
+  color: white;
+}
+
+.image img {
+  width: 400px;
+  length: 400px;
+  border: 2px solid red;
+}
+
+.first_img img{
+  width: 400px;
+  length: 400px;
+  display: flex;
+  justify-content: center;
 }