diff --git a/.eslintcache b/.eslintcache
index 650f66e..085f8c4 100644
--- a/.eslintcache
+++ b/.eslintcache
@@ -1 +1 @@
-[{"C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\index.tsx":"1","C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\reportWebVitals.ts":"2","C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\App.tsx":"3","C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\components\\Header.tsx":"4","C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\components\\Home.tsx":"5","C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\components\\Main.tsx":"6","C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\components\\Contact.tsx":"7","C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\components\\Resume.tsx":"8","C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\components\\ProjectGrid.tsx":"9","C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\cusotmHooks.ts":"10"},{"size":560,"mtime":1609455390298,"results":"11","hashOfConfig":"12"},{"size":440,"mtime":1609445337674,"results":"13","hashOfConfig":"12"},{"size":262,"mtime":1609448057026,"results":"14","hashOfConfig":"12"},{"size":885,"mtime":1609448882867,"results":"15","hashOfConfig":"12"},{"size":402,"mtime":1609452953574,"results":"16","hashOfConfig":"12"},{"size":424,"mtime":1609448271170,"results":"17","hashOfConfig":"12"},{"size":142,"mtime":1609448138377,"results":"18","hashOfConfig":"12"},{"size":132,"mtime":1609448124025,"results":"19","hashOfConfig":"12"},{"size":6652,"mtime":1609462712897,"results":"20","hashOfConfig":"12"},{"size":1072,"mtime":1609462531624,"results":"21","hashOfConfig":"12"},{"filePath":"22","messages":"23","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"24"},"lcbj9u",{"filePath":"25","messages":"26","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"24"},{"filePath":"27","messages":"28","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"24"},{"filePath":"29","messages":"30","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"31","usedDeprecatedRules":"24"},{"filePath":"32","messages":"33","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"24"},{"filePath":"34","messages":"35","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"24"},{"filePath":"36","messages":"37","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"24"},{"filePath":"38","messages":"39","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"24"},{"filePath":"40","messages":"41","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"42","messages":"43","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\index.tsx",[],["44","45"],"C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\reportWebVitals.ts",[],"C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\App.tsx",[],"C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\components\\Header.tsx",["46","47"],"import React from \"react\";\nimport \"./Header.scss\";\nimport {Button, Space, Typography} from \"antd\";\nimport {Link} from \"react-router-dom\";\n\nconst {Title} = Typography;\n\nexport const Header = () => {\n    return (\n        <header>\n            <Link to=\"/\" className=\"navbar-brand\">\n                <h1>Jake Cover</h1>\n            </Link>\n\n            <Space>\n                <Link className=\"nav-link\" to=\"/\">\n                    <h2>Home</h2>\n                </Link>\n\n                <Link className=\"nav-link\" to=\"/contact\">\n                    <h2>Contact</h2>\n                </Link>\n                <Link className=\"nav-link\" to=\"/resume\">\n                    <h2>Resume</h2>\n                </Link>\n                <a className=\"nav-link\" href=\"https://github.com/JakeCover\">\n                    <h2>GitHub</h2>\n                </a>\n            </Space>\n        </header>\n    );\n};\n","C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\components\\Home.tsx",[],"C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\components\\Main.tsx",[],"C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\components\\Contact.tsx",[],"C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\components\\Resume.tsx",[],"C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\components\\ProjectGrid.tsx",["48","49"],"C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\cusotmHooks.ts",[],{"ruleId":"50","replacedBy":"51"},{"ruleId":"52","replacedBy":"53"},{"ruleId":"54","severity":1,"message":"55","line":3,"column":9,"nodeType":"56","messageId":"57","endLine":3,"endColumn":15},{"ruleId":"54","severity":1,"message":"58","line":6,"column":8,"nodeType":"56","messageId":"57","endLine":6,"endColumn":13},{"ruleId":"54","severity":1,"message":"59","line":19,"column":7,"nodeType":"56","messageId":"57","endLine":19,"endColumn":14},{"ruleId":"54","severity":1,"message":"60","line":76,"column":13,"nodeType":"56","messageId":"57","endLine":76,"endColumn":18},"no-native-reassign",["61"],"no-negated-in-lhs",["62"],"@typescript-eslint/no-unused-vars","'Button' is defined but never used.","Identifier","unusedVar","'Title' is assigned a value but never used.","'OneWide' is assigned a value but never used.","'msnry' is assigned a value but never used.","no-global-assign","no-unsafe-negation"]
\ No newline at end of file
+[{"C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\index.tsx":"1","C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\reportWebVitals.ts":"2","C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\App.tsx":"3","C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\components\\Header.tsx":"4","C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\components\\Home.tsx":"5","C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\components\\Main.tsx":"6","C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\components\\Contact.tsx":"7","C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\components\\Resume.tsx":"8","C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\components\\ProjectGrid.tsx":"9","C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\cusotmHooks.ts":"10","C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\components\\Footer.tsx":"11"},{"size":560,"mtime":1609455390298,"results":"12","hashOfConfig":"13"},{"size":440,"mtime":1609445337674,"results":"14","hashOfConfig":"13"},{"size":325,"mtime":1609478255067,"results":"15","hashOfConfig":"13"},{"size":1253,"mtime":1609469803899,"results":"16","hashOfConfig":"13"},{"size":567,"mtime":1609471849263,"results":"17","hashOfConfig":"13"},{"size":424,"mtime":1609448271170,"results":"18","hashOfConfig":"13"},{"size":142,"mtime":1609448138377,"results":"19","hashOfConfig":"13"},{"size":132,"mtime":1609448124025,"results":"20","hashOfConfig":"13"},{"size":8449,"mtime":1609478060725,"results":"21","hashOfConfig":"13"},{"size":1072,"mtime":1609462531624,"results":"22","hashOfConfig":"13"},{"size":1236,"mtime":1609479233269,"results":"23","hashOfConfig":"13"},{"filePath":"24","messages":"25","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"26"},"lcbj9u",{"filePath":"27","messages":"28","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"26"},{"filePath":"29","messages":"30","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"31","messages":"32","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"33","messages":"34","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"35","messages":"36","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"26"},{"filePath":"37","messages":"38","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"26"},{"filePath":"39","messages":"40","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"26"},{"filePath":"41","messages":"42","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"43","messages":"44","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"45","messages":"46","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\index.tsx",[],["47","48"],"C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\reportWebVitals.ts",[],"C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\App.tsx",[],"C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\components\\Header.tsx",["49"],"C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\components\\Home.tsx",[],"C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\components\\Main.tsx",[],"C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\components\\Contact.tsx",[],"C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\components\\Resume.tsx",[],"C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\components\\ProjectGrid.tsx",["50"],"C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\cusotmHooks.ts",[],"C:\\Users\\jdc10\\Documents\\GitHub\\PersonalWebsite_Static\\src\\components\\Footer.tsx",[],{"ruleId":"51","replacedBy":"52"},{"ruleId":"53","replacedBy":"54"},{"ruleId":"55","severity":1,"message":"56","line":41,"column":9,"nodeType":"57","endLine":45,"endColumn":10},{"ruleId":"58","severity":1,"message":"59","line":157,"column":9,"nodeType":"60","messageId":"61","endLine":157,"endColumn":14},"no-native-reassign",["62"],"no-negated-in-lhs",["63"],"jsx-a11y/anchor-is-valid","The href attribute is required for an anchor to be keyboard accessible. Provide a valid, navigable address as the href value. If you cannot provide an href, but still need the element to resemble a link, use a button and change it with appropriate styles. Learn more: https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/anchor-is-valid.md","JSXOpeningElement","@typescript-eslint/no-unused-vars","'msnry' is assigned a value but never used.","Identifier","unusedVar","no-global-assign","no-unsafe-negation"]
\ No newline at end of file
diff --git a/Old/index.html b/Old/index.html
index 4174343..452f6ee 100644
--- a/Old/index.html
+++ b/Old/index.html
@@ -48,7 +48,7 @@
         <div class="row">
             <div class="col-xl-3 col-lg-4 col-sm-6 tall top_buffer">
                 <div class="image">
-                    <img class="img-fluid" src="images/codedaysd.png" alt="CodeDay SD Logo">
+                    <img class="img-fluid" src="../src/images/codedaysd.png" alt="CodeDay SD Logo">
                 </div>
                 <div class="description">
                     <p>CodeDay, an event by SRND, is a beginner-friendly 24 hour event for students that challenges
@@ -58,7 +58,7 @@
             </div>
             <div class="col-xl-3 col-md-4 col-sm-6 tall top_buffer">
                 <div class="image">
-                    <img class="img-fluid" src="images/codeday-notext-color.svg" alt="Redish Heart, SRND Logo">
+                    <img class="img-fluid" src="../src/images/codeday-notext-color.svg" alt="Redish Heart, SRND Logo">
                 </div>
                 <div class="description">
                     <p>SRND is an educational nonprofit that works to provide CS education to high school and
@@ -68,7 +68,7 @@
             </div>
             <div class="col-xl-3 col-md-4 col-sm-6 tall top_buffer">
                 <div class="image">
-                    <img class="img-fluid" src="images/distest.svg" alt="Distest Logo">
+                    <img class="img-fluid" src="../src/images/distest.svg" alt="Distest Logo">
                 </div>
                 <div class="description">
                     <p>Distest is a testing library for Discord bots that allows for full integration tests of your bot,
@@ -77,7 +77,7 @@
             </div>
             <div class="col-xl-3 col-md-4 col-sm-6 tall top_buffer">
                 <div class="image">
-                    <img class="img-fluid" src="images/scoresaver.svg" alt="Red to Blue Gradient w/ White Download Icon">
+                    <img class="img-fluid" src="../src/images/scoresaver.svg" alt="Red to Blue Gradient w/ White Download Icon">
                 </div>
                 <div class="description">
                     <p>A Chrome extension to help you download beatsaber songs directly from ScoreSaber. No more searching
@@ -86,7 +86,7 @@
             </div>
             <div class="col-xs-12 wide top_buffer">
                 <div class="image">
-                    <img class="img-fluid" src="images/foresightsports.png" alt="ForeSight Sports Logo0">
+                    <img class="img-fluid" src="../src/images/foresightsports.png" alt="ForeSight Sports Logo0">
                 </div>
                 <div class="description">
                     <p>Foresight Sports creates advanced augmented reality sports experiences. I created multiple games
diff --git a/package-lock.json b/package-lock.json
index a4d741e..ecc4f78 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1211,6 +1211,35 @@
         }
       }
     },
+    "@fortawesome/fontawesome-common-types": {
+      "version": "0.2.32",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-0.2.32.tgz",
+      "integrity": "sha512-ux2EDjKMpcdHBVLi/eWZynnPxs0BtFVXJkgHIxXRl+9ZFaHPvYamAfCzeeQFqHRjuJtX90wVnMRaMQAAlctz3w=="
+    },
+    "@fortawesome/fontawesome-svg-core": {
+      "version": "1.2.32",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-1.2.32.tgz",
+      "integrity": "sha512-XjqyeLCsR/c/usUpdWcOdVtWFVjPbDFBTQkn2fQRrWhhUoxriQohO2RWDxLyUM8XpD+Zzg5xwJ8gqTYGDLeGaQ==",
+      "requires": {
+        "@fortawesome/fontawesome-common-types": "^0.2.32"
+      }
+    },
+    "@fortawesome/free-solid-svg-icons": {
+      "version": "5.15.1",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-5.15.1.tgz",
+      "integrity": "sha512-EFMuKtzRMNbvjab/SvJBaOOpaqJfdSap/Nl6hst7CgrJxwfORR1drdTV6q1Ib/JVzq4xObdTDcT6sqTaXMqfdg==",
+      "requires": {
+        "@fortawesome/fontawesome-common-types": "^0.2.32"
+      }
+    },
+    "@fortawesome/react-fontawesome": {
+      "version": "0.1.14",
+      "resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.1.14.tgz",
+      "integrity": "sha512-4wqNb0gRLVaBm/h+lGe8UfPPivcbuJ6ecI4hIgW0LjI7kzpYB9FkN0L9apbVzg+lsBdcTf0AlBtODjcSX5mmKA==",
+      "requires": {
+        "prop-types": "^15.7.2"
+      }
+    },
     "@hapi/address": {
       "version": "2.1.4",
       "resolved": "https://registry.npmjs.org/@hapi/address/-/address-2.1.4.tgz",
diff --git a/package.json b/package.json
index 52315ec..e1be82b 100644
--- a/package.json
+++ b/package.json
@@ -3,26 +3,27 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@ant-design/icons": "^4.3.0",
     "@testing-library/jest-dom": "^5.11.6",
     "@testing-library/react": "^11.2.2",
     "@testing-library/user-event": "^12.6.0",
     "@types/jest": "^26.0.19",
+    "@types/masonry-layout": "^4.2.2",
     "@types/node": "^12.19.11",
     "@types/react": "^16.14.2",
     "@types/react-dom": "^16.9.10",
     "@types/react-router-dom": "^5.1.7",
-    "@types/masonry-layout": "^4.2.2",
     "antd": "^4.9.4",
-    "react-router-dom": "^5.2.0",
+    "include-media": "^1.4.9",
+    "masonry-layout": "^4.2.2",
     "node-sass": "^4.14.1",
     "prettier": "^2.2.1",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
+    "react-router-dom": "^5.2.0",
     "react-scripts": "4.0.1",
-    "include-media": "^1.4.9",
     "typescript": "^4.1.3",
-    "web-vitals": "^0.2.4",
-    "masonry-layout": "^4.2.2"
+    "web-vitals": "^0.2.4"
   },
   "scripts": {
     "start": "react-scripts start",
diff --git a/src/App.tsx b/src/App.tsx
index f00cd5a..4bbf9a0 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,5 +1,6 @@
 import React from "react";
 import "./App.scss";
+import { Footer } from "./components/Footer";
 import { Header } from "./components/Header";
 import { Main } from "./components/Main";
 
@@ -8,6 +9,7 @@ function App() {
     <div className="App">
       <Header />
       <Main />
+      <Footer />
     </div>
   );
 }
diff --git a/src/components/Footer.scss b/src/components/Footer.scss
new file mode 100644
index 0000000..58fdb4c
--- /dev/null
+++ b/src/components/Footer.scss
@@ -0,0 +1,37 @@
+.site-footer {
+  background: darkgrey;
+  margin: 10px;
+  border-radius: 5px;
+
+  h2 {
+    font-family: "Fira Code", monospace;
+    margin: 0;
+  }
+
+  p {
+    font-family: "Montserrat", sans-serif;
+  }
+}
+
+.footer-grid {
+  display: flex;
+  justify-content: space-evenly;
+
+  .footer-links {
+    padding-left: 0;
+    margin: 0;
+
+    columns: 100px 2;
+
+    li {
+      list-style: none;
+    }
+
+    a {
+      //color: black;
+      font-family: "Montserrat", sans-serif;
+      text-decoration: underline;
+    }
+  }
+
+}
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
new file mode 100644
index 0000000..1b21019
--- /dev/null
+++ b/src/components/Footer.tsx
@@ -0,0 +1,42 @@
+import "./Footer.scss"
+
+export const Footer = () => {
+  return (
+    <footer className="site-footer">
+      <div className="footer-grid">
+        <div className="blurb">
+          <p className="text-justify">
+            Made with ☕ and ❤️ by Jake Cover, a CS student who really needs to find something
+            witty and interesting to put here soon. Feel free to reach out!
+            <br />
+            Checklist Icon by Arthur Shlain from the Noun Project
+          </p>
+        </div>
+        <div className="links-container">
+          <h2>Links and Stuff</h2>
+          <ul className="footer-links">
+            <li>
+              <a href="index.html">Home</a>
+            </li>
+            <li>
+              <a href="contact.html">Contact</a>
+            </li>
+            <li>
+              <a href="about.html">About</a>
+            </li>
+            <li>
+              <a href="resume.html">Resume</a>
+            </li>
+            <li>
+              <a href="https://github.com/JakeCover">GitHub</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+      <hr />
+      <div className="copyright-text">
+        Copyright &copy; 2020 All Rights Reserved by Jake Cover
+      </div>
+    </footer>
+  );
+};
diff --git a/src/components/Header.scss b/src/components/Header.scss
index 8121657..01ff588 100644
--- a/src/components/Header.scss
+++ b/src/components/Header.scss
@@ -1,15 +1,6 @@
 header {
   display: flex;
   flex-direction: row;
-  align-content: center;
-
-  :nth-child(2) {
-    margin-left: auto;
-  }
-
-  h2:last-of-type {
-    margin-right: 5px;
-  }
 
   margin: 10px;
   padding: 10px;
@@ -22,7 +13,54 @@ header {
     margin: 0 0 0 5px;
   }
 
-  h2 {
-    margin: 0
+  .headerLinks {
+    display: flex;
+    flex-direction: row;
+    align-content: center;
+    margin-left: auto;
+
+    h2 {
+      margin: 0;
+      border-radius: 5px;
+
+      &:hover {
+        background: #ddd;
+      }
+
+      &.active {
+        background-color: #4CAF50;
+        color: white;
+      }
+    }
+
+    h2:last-of-type {
+      margin-right: 5px;
+    }
+
+
+    /* Hide the link that should open and close the topnav on small screens */
+    .icon {
+      display: none;
+    }
+
+    @media screen and (max-width: 660px) {
+      h2 {
+        display: none;
+      }
+
+      .icon {
+        margin-left: auto;
+        display: block;
+      }
+    }
+  }
+
+  @media screen and (max-width: 660px) {
+    &.responsive {
+      background: #282c34;
+      h2 {
+        display: block;
+      }
+    }
   }
 }
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 62cbf7b..74b38de 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -1,32 +1,51 @@
 import React from "react";
 import "./Header.scss";
-import {Button, Space, Typography} from "antd";
-import {Link} from "react-router-dom";
+import { Space } from "antd";
+import { Link } from "react-router-dom";
+import {MenuOutlined} from "@ant-design/icons";
 
-const {Title} = Typography;
 
 export const Header = () => {
-    return (
-        <header>
-            <Link to="/" className="navbar-brand">
-                <h1>Jake Cover</h1>
-            </Link>
+  function showHideHamburger() {
+    var x = document.getElementById("myHeader");
+    // @ts-ignore
+    if (x.className === "header") {
+      // @ts-ignore
+      x.className += " responsive";
+    } else {
+      // @ts-ignore
+      x.className = "header";
+    }
+  }
 
-            <Space>
-                <Link className="nav-link" to="/">
-                    <h2>Home</h2>
-                </Link>
+  return (
+    <header className={"header"} id={"myHeader"}>
+      <Link to="/" className="navbar-brand">
+        <h1>Jake Cover</h1>
+      </Link>
 
-                <Link className="nav-link" to="/contact">
-                    <h2>Contact</h2>
-                </Link>
-                <Link className="nav-link" to="/resume">
-                    <h2>Resume</h2>
-                </Link>
-                <a className="nav-link" href="https://github.com/JakeCover">
-                    <h2>GitHub</h2>
-                </a>
-            </Space>
-        </header>
-    );
+      <Space className={"headerLinks"}>
+        <Link className="nav-link" to="/">
+          <h2>Home</h2>
+        </Link>
+
+        <Link className="nav-link" to="/contact">
+          <h2>Contact</h2>
+        </Link>
+        <Link className="nav-link" to="/resume">
+          <h2>Resume</h2>
+        </Link>
+        <a className="nav-link" href="https://github.com/JakeCover">
+          <h2>GitHub</h2>
+        </a>
+        <a
+          href={void(0)}
+          className="icon"
+          onClick={() => showHideHamburger()}
+        >
+          <MenuOutlined className={"fa fa-bars"}/>
+        </a>
+      </Space>
+    </header>
+  );
 };
diff --git a/src/components/Home.tsx b/src/components/Home.tsx
index 1cce8c4..054761e 100644
--- a/src/components/Home.tsx
+++ b/src/components/Home.tsx
@@ -6,7 +6,8 @@ export const Home = () => {
         <div id={"home"}>
             <div id={"about-me"}>
                 <p>
-                    Hi! I'm Julie, a CS student from the west coast! Take a look at some of my projects below!
+                    Hi! I'm Jake, a CS student from the west coast! Take a look at some of my projects below! <br/>
+                    This site is still under construction, so pardon the duplicate information and the horrendous colors. The final version should be up soon!
                 </p>
             </div>
             <ProjectGrid/>
diff --git a/src/components/ProjectGrid.scss b/src/components/ProjectGrid.scss
index 4ab77f4..3c7c3cf 100644
--- a/src/components/ProjectGrid.scss
+++ b/src/components/ProjectGrid.scss
@@ -20,13 +20,13 @@ $breakpoints: (x-small: 320px, small: 660px, medium: 900px, large: 1300px, x-lar
   //padding: 10px;
 
   @include media("<=x-small") {
-    .GridSizer, .OneByOne, .FourByOne {
+    .GridSizer, .OneWide, .FourByOne {
       width: 100%;
     }
   }
 
   @include media(">x-small", "<small") {
-    .GridSizer, .OneByOne {
+    .GridSizer, .OneWide {
       width: 49%;
     }
     .FourByOne {
@@ -35,7 +35,7 @@ $breakpoints: (x-small: 320px, small: 660px, medium: 900px, large: 1300px, x-lar
   }
 
   @include media(">=small", "<medium") {
-    .GridSizer, .OneByOne {
+    .GridSizer, .OneWide {
       width: 32%;
     }
     .FourByOne {
@@ -44,7 +44,7 @@ $breakpoints: (x-small: 320px, small: 660px, medium: 900px, large: 1300px, x-lar
   }
 
   @include media(">=medium", "<large") {
-    .GridSizer, .OneByOne {
+    .GridSizer, .OneWide {
       width: 24.5%;
     }
     .FourByOne {
@@ -53,60 +53,112 @@ $breakpoints: (x-small: 320px, small: 660px, medium: 900px, large: 1300px, x-lar
   }
 
   @include media(">=large", "<x-large") {
-    .GridSizer, .OneByOne {
+    .GridSizer, .OneWide {
       max-width: 300px;
       width: 19.5%;
     }
     .FourByOne {
-      width: 79.5%;
-      max-width: 1200px;
+      width: 58.5%;
+      max-width: 900px;
     }
   }
 
   @include media(">=x-large") {
-    .GridSizer, .OneByOne {
+    .GridSizer, .OneWide {
       width: 300px;
     }
     .FourByOne {
-      width: 1200px;
+      width: 900px;
     }
   }
+}
+
+.GridElement {
+  padding: 5px;
+
+  .GridElementInternal {
+    padding: 9px;
+    border-radius: 5px;
+    background: lightcyan;
+
+    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
+    transition: box-shadow 0.3s ease-in-out;
+  }
+
+  .GridElementInternal:hover {
+    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
+  }
 
+  h2 {
+    font-family: "Fira Code", monospace;
+    font-weight: 400;
+    margin-bottom: 0px;
+    line-height: normal;
+  }
 
+  h3 {
+    line-height: normal;
+    color: darkgrey;
+    margin-bottom: 3px;
+  }
+
+  p {
+    font-family: "Montserrat", sans-serif;
+    color: black;
+    margin-bottom: 0;
+  }
 }
 
-.OneByOne {
+.OneWide {
   display: flex;
   flex-direction: column;
   width: available;
 
-  padding: 10px;
-
   img {
     width: 100%;
-  }
-
-  p {
-
+    margin-bottom: 5px;
   }
 }
 
 .FourByOne {
-  grid-column: span 2;
-  display: flex;
-  flex-direction: row;
+  .GridElementInternal {
+    display: flex;
+    align-items: center;
 
-  .image {
-    flex: 1;
+    .image {
+      flex: 1;
 
-    img {
-      width: 100%;
-      max-width: 100%;
+      img {
+        width: 100%;
+        max-width: 100%;
+      }
     }
-  }
 
-  p {
-    min-width: 20ch;
-    width: 30ch;
+    .description {
+      min-width: 20ch;
+      width: 30ch;
+    }
+
+    @include media(">small") {
+      flex-direction: row;
+
+    }
+    @include media("<=small") {
+      flex-direction: column;
+      .description {
+        width: 95%;
+      }
+    }
   }
 }
+
+.LinkIcon {
+  position: absolute;
+  right: 12px;
+  top: 12px;
+  font-size: 24px;
+  color: black;
+
+  background: rgba(224,255,255, 0.7);
+  border-radius: 5px;
+}
diff --git a/src/components/ProjectGrid.tsx b/src/components/ProjectGrid.tsx
index 784f101..f89af93 100644
--- a/src/components/ProjectGrid.tsx
+++ b/src/components/ProjectGrid.tsx
@@ -1,172 +1,256 @@
+/**
+ * TODO:
+ *  - For things that can't be linked, use <ExpandAltOutlined /> to signal that clicking will open a modal https://ant.design/components/modal/
+ *     in order to give a more complex writeup and some pictures
+ *  - Tooltip for modal and linkable items, possibly <QuestionCircleOutlined /> which displays a modal with an example card with tooltips or explanations
+ *  - Footer
+ *  - Responsive top bar
+ *
+ */
+
 import "./ProjectGrid.scss";
 import Masonry from "masonry-layout";
-import {useEffect} from "react";
+import { useEffect } from "react";
+import {LinkOutlined} from "@ant-design/icons";
+import CodeDaySD from "../images/SanDiego.svg";
+import Foresight from "../images/foresightsports.png";
+import Distest from "../images/distest.svg";
+import Scoresaver from "../images/scoresaver.svg";
+
 
 type GridElementImageProps = {
-    image_url: string;
-    image_alt: string;
-    title: string;
-    text: string;
+  image_url: string;
+  image_alt: string;
+  title: string;
+  text: string;
+  link?: string;
+  org?: string;
 };
 
 type GridElementProps = {
-    image_url: string;
-    image_alt: string;
-    title: string;
-    text: string;
+  title: string;
+  text: string;
+  link?: string;
+  org?: string;
 };
 
-const OneWide = ({title, text}: GridElementProps) => {
+const OneWide = ({ title, text, link, org }: GridElementProps) => {
+  if (link === undefined) {
     return (
-        <div className={"OneByOne GridElement"}>
-            <div className={"title"}>
-                <h2>{title}</h2>
-            </div>
-            <div className={"description"}>
-                <p>{text}</p>
-            </div>
+      <div className={"OneWide GridElement"}>
+        <div className={"GridElementInternal"}>
+          <div className={"title"}>
+            <h2>{title}</h2>
+            {org && <h3>{org}</h3>}
+          </div>
+          <div className={"description"}>
+            <p>{text}</p>
+          </div>
         </div>
+      </div>
     );
+  }
+  return (
+    <a className={"OneWide GridElement Link"} href={link} rel={"noreferrer"} target={"_blank"}>
+      <div className={"GridElementInternal"}>
+        <div className={"title"}>
+          <h2>{title}</h2>
+          {org && <h3>{org}</h3>}
+          <LinkOutlined className={"LinkIcon"}/>
+        </div>
+        <div className={"description"}>
+          <p>{text}</p>
+        </div>
+      </div>
+    </a>
+  );
 };
 
 const OneWidePic = ({
-                        image_url,
-                        image_alt,
-                        title,
-                        text,
-                    }: GridElementImageProps) => {
+  image_url,
+  image_alt,
+  title,
+  text,
+  link,
+  org,
+}: GridElementImageProps) => {
+  if (link === undefined) {
     return (
-        <div className={"OneByOne GridElement"}>
-            <div className={"image"}>
-                <img src={image_url} alt={image_alt}/>
-            </div>
-            <div className={"description"}>
-                <h2>{title}</h2>
-                <p>{text}</p>
-            </div>
+      <div className={"OneWide Pic GridElement"}>
+        <div className={"GridElementInternal"}>
+          <div className={"image"}>
+            <img src={image_url} alt={image_alt} />
+          </div>
+          <div className={"description"}>
+            <h2>{title}</h2>
+            {org && <h3>{org}</h3>}
+
+            <p>{text}</p>
+          </div>
         </div>
+      </div>
     );
+  }
+  return (
+    <a className={"OneWide Pic GridElement Link"} href={link} target={"_blank"} rel={"noreferrer"}>
+      <div className={"GridElementInternal"}>
+        <div className={"image"}>
+          <img src={image_url} alt={image_alt} />
+          <LinkOutlined className={"LinkIcon"}/>
+        </div>
+        <div className={"description"}>
+          <h2>{title}</h2>
+          {org && <h3>{org}</h3>}
+          <p>{text}</p>
+        </div>
+      </div>
+    </a>
+  );
 };
 
 const FourByOneGridElement = ({
-                                  image_url,
-                                  image_alt,
-                                  title,
-                                  text,
-                              }: GridElementImageProps) => {
+  image_url,
+  image_alt,
+  title,
+  text,
+  link,
+  org,
+}: GridElementImageProps) => {
+  if (link === undefined) {
     return (
-        <div className={"FourByOne GridElement"}>
-            <div className={"image"}>
-                <img src={image_url} alt={image_alt}/>
-            </div>
-            <div className={"description"}>
-                <h2>{title}</h2>
-
-                <p>{text}</p>
-            </div>
+      <div className={"FourByOne GridElement"}>
+        <div className={"GridElementInternal"}>
+          <div className={"image"}>
+            <img src={image_url} alt={image_alt} />
+          </div>
+          <div className={"description"}>
+            <h2>{title}</h2>
+            {org && <h3>{org}</h3>}
+            <p>{text}</p>
+          </div>
         </div>
+      </div>
     );
+  }
+  return (
+    <a className={"FourByOne GridElement Link"} href={link} target={"_blank"} rel={"noreferrer"}>
+      <div className={"GridElementInternal"}>
+        <div className={"image"}>
+          <img src={image_url} alt={image_alt} />
+          <LinkOutlined className={"LinkIcon"}/>
+        </div>
+        <div className={"description"}>
+          <h2>{title}</h2>
+          {org && <h3>{org}</h3>}
+          <p>{text}</p>
+        </div>
+      </div>
+    </a>
+  );
 };
 
 export const ProjectGrid = () => {
-    useEffect(() => {
-        var elem = document.querySelector("#project-grid");
+  useEffect(() => {
+    var elem = document.querySelector("#project-grid");
 
-        // @ts-ignore
-        var msnry = new Masonry(elem, {
-            itemSelector: ".GridElement",
-            gutter: 5,
-            columnWidth: ".GridSizer",
-            percentPosition: true,
-        });
+    // @ts-ignore
+    var msnry = new Masonry(elem, {
+      itemSelector: ".GridElement",
+      gutter: 0,
+      columnWidth: ".GridSizer",
+      percentPosition: true,
     });
+  });
 
-    return (
-        <div id={"project-grid-parent"}>
-            <div id={"project-grid"}>
-                <div className={"GridSizer"}/>
-                <OneWidePic
-                    image_url={"http://jakecover.me/images/codedaysd.png"}
-                    image_alt={"CodeDay San Diego Logo"}
-                    title={"CodeDay"}
-                    text={
-                        "CodeDay, an event by SRND, is a beginner-friendly 24 hour event for students that challenges\n attendees to create a game or an app."
-                    }
-                />
-                <OneWidePic
-                    image_url={"http://jakecover.me/images/codedaysd.png"}
-                    image_alt={"CodeDay San Diego Logo"}
-                    title={"CodeDay"}
-                    text={
-                        "CodeDay, an event by SRND, is a beginner-friendly 24 hour event for students that challenges\n attendees to create a game or an app."
-                    }
-                />
-                <OneWidePic
-                    image_url={"http://jakecover.me/images/codedaysd.png"}
-                    image_alt={"CodeDay San Diego Logo"}
-                    title={"CodeDay"}
-                    text={
-                        "CodeDay, an event by SRND, is a beginner-friendly 24 hour event for students that challenges\n attendees to create a game or an app."
-                    }
-                />
-                <OneWidePic
-                    image_url={"http://jakecover.me/images/codedaysd.png"}
-                    image_alt={"CodeDay San Diego Logo"}
-                    title={"CodeDay"}
-                    text={
-                        "CodeDay, an event by SRND, is a beginner-friendly 24 hour event for students that challenges\n attendees to create a game or an app."
-                    }
-                />
-                <FourByOneGridElement
-                    image_url={"http://jakecover.me/images/foresightsports.png"}
-                    image_alt={"Foresight Sports Logo"}
-                    title={"Foresight Sports"}
-                    text={
-                        "Foresight Sports creates advanced augmented reality sports experiences. I created multiple games using Unity that took data from their launch monitor technology and translated it into a seamless experience."
-                    }
-                />
-                <OneWidePic
-                    image_url={"http://jakecover.me/images/codedaysd.png"}
-                    image_alt={"CodeDay San Diego Logo"}
-                    title={"CodeDay"}
-                    text={
-                        "CodeDay, an event by SRND, is a beginner-friendly 24 hour event for students that challenges\n attendees to create a game or an app."
-                    }
-                />
-
-                <OneWidePic
-                    image_url={"http://jakecover.me/images/codedaysd.png"}
-                    image_alt={"CodeDay San Diego Logo"}
-                    title={"CodeDay"}
-                    text={
-                        "CodeDay, an event by SRND, is a beginner-friendly 24 hour event for students that challenges\n attendees to create a game or an app."
-                    }
-                />
-                <OneWidePic
-                    image_url={"http://jakecover.me/images/codedaysd.png"}
-                    image_alt={"CodeDay San Diego Logo"}
-                    title={"CodeDay"}
-                    text={
-                        "CodeDay, an event by SRND, is a beginner-friendly 24 hour event for students that challenges\n attendees to create a game or an app."
-                    }
-                />
-                <OneWidePic
-                    image_url={"http://jakecover.me/images/codedaysd.png"}
-                    image_alt={"CodeDay San Diego Logo"}
-                    title={"CodeDay"}
-                    text={
-                        "CodeDay, an event by SRND, is a beginner-friendly 24 hour event for students that challenges\n attendees to create a game or an app."
-                    }
-                />
-                <OneWidePic
-                    image_url={"http://jakecover.me/images/codedaysd.png"}
-                    image_alt={"CodeDay San Diego Logo"}
-                    title={"CodeDay"}
-                    text={
-                        "CodeDay, an event by SRND, is a beginner-friendly 24 hour event for students that challenges\n attendees to create a game or an app."
-                    }
-                />
-            </div>
-        </div>
-    );
+  return (
+    <div id={"project-grid-parent"}>
+      <div id={"project-grid"}>
+        <div className={"GridSizer"} />
+        <OneWide
+          title={"ElaticMatch"}
+          org={"CodeDay"}
+          text={"A set of tools, including a custom suggestion and weighting system, as well as a custom matching algorithm that I wrote and used to match around 350 students to the best-fitting mentors in the CodeDay Labs summer internship program in 2020."}
+          link={"https://github.com/codeday/labs-elastic-match"}
+        />
+        <OneWide
+          title={"John Peter"}
+          org={"CodeDay"}
+          text={
+            "John Peter is a Discord bot used for moderation and server management for Virtual CodeDay. It has a very extensive featureset, and has been used for multiple CodeDays and has worked with over 1000 students."
+          }
+          link={"https://github.com/codeday/johnpeter-discord"}
+        />
+        <OneWide
+          title={"CopyMoji"}
+          org={"BetterDiscord"}
+          text={
+            "An extension for the alternate discord client BetterDiscord that changes the functionality of copying emoji to copy the actual emoji characters rather than their names from the discord client."
+          }
+          link={"https://github.com/JakeCover/BetterDiscordExtensions/tree/main/plugins/CopyMoji"}
+        />
+        <OneWidePic
+          image_url={CodeDaySD}
+          image_alt={"CodeDay San Diego Logo"}
+          org={"CodeDay"}
+          title={"CodeDay San Diego"}
+          text={
+            "A 24 hour hackathon occurring around the world a few times a year. I volunteered for and then later ran the San Diego event."
+          }
+          link={"https://event.codeday.org/sandiego"}
+        />
+        <FourByOneGridElement
+          image_url={Foresight}
+          image_alt={"Foresight Sports Logo"}
+          title={"Foresight Sports"}
+          text={
+            "Foresight Sports creates advanced augmented reality sports experiences. I created multiple games using Unity that took data from their launch monitor technology and translated it into a seamless experience."
+          }
+        />
+        <OneWidePic
+          image_url={Distest}
+          image_alt={"Distest Logo"}
+          title={"Distest"}
+          org={"Random Projects"}
+          text={
+            "Distest is a testing library I wrote for Discord bots that allows for full integration tests of bots, improving the discord bot development workflow significantly. As far as I know, it's the only tool available for this sort of testing."
+          }
+          link={"https://github.com/JakeCover/distest"}
+        />
+        <OneWidePic
+          image_url={Scoresaver}
+          image_alt={"Scoresaver Logo"}
+          title={"ScoreSaver"}
+          org={"Random Projects"}
+          text={
+            "A Chrome extension to help you download beatsaber songs directly from ScoreSaber. No more searching for mapper names on BeatSaver, just download the newest ranked songs directly!"
+          }
+          link={"https://github.com/JakeCover/ScoreSaverExtention"}
+        />
+        <OneWide
+          title={"Personal Website"}
+          org={"Random Projects"}
+          text={
+            "You're looking at it! There's not a whole lot to this, it's just a React site hosted on GitHub Pages, but I didn't know React before starting on this so I'm pretty proud of it."
+          }
+          link={"https://github.com/JakeCover/PersonalWebsite_Static"}
+        />
+        <OneWidePic
+          image_url={"http://jakecover.me/images/codedaysd.png"}
+          image_alt={"CodeDay San Diego Logo"}
+          title={"CodeDay"}
+          text={
+            "CodeDay, an event by SRND, is a beginner-friendly 24 hour event for students that challenges\n attendees to create a game or an app."
+          }
+        />
+        <OneWidePic
+          image_url={"http://jakecover.me/images/codedaysd.png"}
+          image_alt={"CodeDay San Diego Logo"}
+          title={"CodeDay"}
+          text={
+            "CodeDay, an event by SRND, is a beginner-friendly 24 hour event for students that challenges\n attendees to create a game or an app."
+          }
+        />
+      </div>
+    </div>
+  );
 };
diff --git a/src/images/SanDiego.svg b/src/images/SanDiego.svg
new file mode 100644
index 0000000..5873cf9
--- /dev/null
+++ b/src/images/SanDiego.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 146.32 144"><defs><style>.a,.f{fill:none;}.b{clip-path:url(#a);}.c{fill:url(#b);}.d{fill:url(#c);}.e{fill:url(#d);}.f{stroke:#fff;stroke-width:2.13px;}.g{fill:#fff;}</style><clipPath id="a" transform="translate(-0.02)"><ellipse class="a" cx="72.02" cy="72" rx="72.02" ry="72"/></clipPath><linearGradient id="b" x1="72.02" y1="165.54" x2="72.02" y2="259.26" gradientTransform="matrix(1, 0, 0, -1.54, -0.02, 399.26)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2adce4"/><stop offset="0.25" stop-color="#31bcdc"/><stop offset="0.57" stop-color="#3999d3"/><stop offset="0.83" stop-color="#3d84ce"/><stop offset="1" stop-color="#3f7ccc"/></linearGradient><linearGradient id="c" x1="24.27" y1="60.08" x2="24.27" y2="60.08" gradientTransform="matrix(1, 0, 0, -1, 0, 146)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#8fecff"/><stop offset="0.01" stop-color="#92ecff"/><stop offset="0.22" stop-color="#b9f3ff"/><stop offset="0.43" stop-color="#d7f8ff"/><stop offset="0.63" stop-color="#edfcff"/><stop offset="0.82" stop-color="#fbfeff"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="d" x1="73.18" y1="2" x2="73.18" y2="88.01" xlink:href="#c"/></defs><g class="b"><rect class="c" width="144" height="144"/><path class="d" d="M24.27,85.92" transform="translate(-0.02)"/><path class="e" d="M146.32,58.1c0-.05-.14-.08-.22-.11-.49.16-1,.33-1.47.47l-7.45,2-7,1.88-6.32,1.75L118,65.71l-7.45,2.05-5.89,1.6-7.5,2.08-.86.2V69.23q0-3.7.09-7.41a1.4,1.4,0,0,1,1.2-1.45,5.16,5.16,0,0,1,.52.09,1,1,0,0,0,.53-.07c-1.36-.47-2.35.19-2.37,1.19,0,1.68-.08,3.36-.12,5s-.06,3.21-.11,4.81c0,.12-.11.24-.23.49-.35-1,0-2-.49-2.8a16,16,0,0,0,.15,2.19c.06.46-.14.63-.53.73l-3.36,1-7.4,2-9.5,2.63L69.07,79.2l-.26,0v-.5q0-4.32.07-8.64A1.27,1.27,0,0,1,70,68.73a1.15,1.15,0,0,1,.52.06.73.73,0,0,0,.43-.11,1.49,1.49,0,0,0-2,.63,1.46,1.46,0,0,0-.17.65c-.08,3-.15,5.91-.22,8.86a1.62,1.62,0,0,1-.11.58c-.49-.9.16-2.07-.59-2.81.07.85.16,1.78.2,2.7,0,.11-.25.29-.41.33-1.18.35-2.37.67-3.56,1L55.54,83c-1.83.52-3.66,1-5.49,1.58-1.13.33-2.24.71-3.36,1.06-.19.06-.39.1-.62.16l-.2-1.8h-.1c0,.52.11,1,.11,1.55a.6.6,0,0,1-.34.45c-1.15.39-2.3.74-3.53,1.13V79.3c0-.86.26-1.31.91-1.54a2.15,2.15,0,0,1,.62,0A1.35,1.35,0,0,0,44,77.7a1.45,1.45,0,0,0-2,.57,1.43,1.43,0,0,0-.18.78c0,2.62-.06,5.24-.09,7.86v.26L31.21,90.91,31,90.45c.29.54-.06.67-.48.83-1.91.75-3.8,1.52-5.7,2.28l-.52.18V86c-.07.68-.16,1.37-.18,2,0,1.7,0,3.4-.07,5.1v.7A72.86,72.86,0,0,0,12.4,99.43l.43-6.75H12.7c0,.51-.11,1-.15,1.52-.12,1.69-.23,3.39-.37,5.08a.65.65,0,0,1-.26.44c-1.42.88-2.85,1.74-4.31,2.63v-1.58c-1-.28-1.35-.15-1.25.52h1c.28.82.2,1.1-.43,1.58l-1.36,1v-4.6a5,5,0,0,1,0-.77c.07-.47.17-.93.25-1.36a1.28,1.28,0,0,0-.38,1v5.43a.91.91,0,0,1-.19.59c-1,1-2,2-3,2.91v-1.76h.34v-.11c-.3,0-.38-.17-.38-.47a13.48,13.48,0,0,0-.12-2.54v2c0,.47.09,1-.34,1.34l.33-.17c-.08,1.1.23,2.17-.61,3.1l.21-2.86c-.08.16-.23.32-.24.48-.12,1.63-.23,3.27-.32,4.9a7,7,0,0,0,.51,3.19,2.16,2.16,0,0,1,.1.44l-.56.09v1.19a4.15,4.15,0,0,1,.73.1c1,.18,1.35.57,1.32,1.54-.07,1.93-.13,3.87-.27,5.79-.33,4.25-.71,8.49-1.07,12.74,0,.31-.08.62-.12,1l-1,0-.06.9-.68.1v1.66H1c.24,0,.51-.09.63.29,0,.11.43.14.66.14l7.26.2a.69.69,0,0,1,.67.29c.22.29.76.3,1.17.3,3.43,0,6.87,0,10.3.09,1.07,0,2.13.11,3.2.16l1.2.06a5.26,5.26,0,0,0,.58-.67,4.89,4.89,0,0,0,.3-.75c.07-.16.14-.32.22-.47a1.49,1.49,0,0,1,.19.45v2l20.32.29v-2.6H46.36v-1.54h-2.5l-.21-8.18c1.46,0,5.86.69,6.15,1l-.64.19c.18.2.28.42.43.47a1.08,1.08,0,0,1,.88,1.11c-.07,1.87-.18,3.75-.27,5.51l-1.15.69v.81h5.71c.2-.84,0-1.27-1-1.35,0-.48-.09-1-.11-1.46,0-1.2-.06-2.4,0-3.6,0-.9.32-1.21,1.25-1.3l.11-.57c1.12-.11,7.28.65,7.58,1l-.48.14V133c.86.22,1,.36,1,1.27,0,1.36-.09,2.72-.14,4.08l-.66.06c0,.47-.9.56-.43,1.28H64.4V140a6.76,6.76,0,0,1-.9,0c-.45,0-.6.13-.58.57v2.87h25v-3.2H86.45v-1.31H84.83V137.1H82.49v-3l6.69.3-.35.42a1.56,1.56,0,0,1,.37.31,2.25,2.25,0,0,1,.44.89c.06.9,0,1.8,0,2.67-1.33.23-1.41.3-1.32,1.16H93.4c.2-.73,0-1-1.16-1.11v-3c0-.17.39-.33.7-.4l.13-.65,5.84.49-.31.27c-.25.23-.19.38.09.58s.57.43.6.68a14.74,14.74,0,0,1,0,1.88,13.12,13.12,0,0,0-1.33.59c-.09,0,0,.34,0,.57h5c.17-.51-.24-.91-1.14-1a21.87,21.87,0,0,1,0-2.29c0-.22.44-.4.68-.6l.14.12.14-.57L108,136c-.15.18-.33.32-.33.44s.24.19.35.31.33.34.35.52v1.48c-1.22.24-1.26.28-1.18,1.12h5v-.67l-1.28-.52a10,10,0,0,1,0-1.34c0-.2.24-.38.4-.55a4.26,4.26,0,0,1,.54-.41l0-.14L133.54,138l-.06,1.17h-2.1v2.48h-1.83V144h16.78V58.48A1.61,1.61,0,0,0,146.32,58.1ZM5.21,121.1c-.1,1.29-.22,2.58-.33,3.86-.17,2-.35,3.93-.51,5.9s-.33,3.94-.5,5.9c0,.15-.17.28-.26.42l-.22-.13.32-4.47c.17-2.43.35-4.86.51-7.29.1-1.44.16-2.88.27-4.31,0-.19.19-.51.3-.51.39,0,.44.31.42.62ZM6,137.17v-2.32c.27-4.39.57-8.77.84-13.15,0-.49.26-.73.8-.87L8,137.17Zm3.22-10.84h0v-2.92h.06Zm1.38-.55h-.08V124h.08ZM17,110.91c.06-.8.2-1.6.33-2.4a.59.59,0,0,1,.27-.35c.57-.35,1.15-.67,1.73-1a1.7,1.7,0,0,1,.85,1.43l.27,9.67a4.1,4.1,0,0,1-.06.49l.14,2.78-.22.07a1.86,1.86,0,0,1-.24-.56v-2l-.18,2.24h-.12a1.46,1.46,0,0,1-.16-.44,18.47,18.47,0,0,0-.11-2.1v2.44c-1-.54-1.94-1-2.84-1.53a.66.66,0,0,1-.21-.51c.21-2.71.39-5.47.6-8.23Zm-4,20.38a2.68,2.68,0,0,1-.07.27c-.1-2.49-.2-4.91-.3-7.32,0-.3,0-.53.39-.51s.63.12.6.51c-.17,2.36-.39,4.71-.63,7Zm1.17-13.47-.16.1a5.62,5.62,0,0,1-.91-1.4,12.9,12.9,0,0,1-.12-1.76v1.75l-.14.06a2.11,2.11,0,0,1-.27-.59c-.06-.6-.08-1.21-.08-1.82A1.58,1.58,0,0,1,14,112.48a1.52,1.52,0,0,1,.67.1Zm4.16,9.62c-.11,2.35-.3,4.7-.45,7.05-.06.85-.13,1.69-.17,2.54,0,.38-.15.52-.54.5s-1.08,0-1.66,0c-.23-4.48.32-8.87.53-13.39l1.3.44-.61.31.06.64c1.38.31,1.63.56,1.57,1.91Zm.72,10v-2.32c.11-2.17.23-4.35.36-6.52a6,6,0,0,1,.23-1.52,3.51,3.51,0,0,1,.67-.91l.24.12.29,11.24Zm16.45-15c0-.14.15-.27.21-.38a1.09,1.09,0,0,1-.14-.38c.17-3.19.34-6.37.53-9.56.13-2.25.25-4.5.42-6.74.11-1.44.26-2.89.46-4.32a1.89,1.89,0,0,1,.64-1,.73.73,0,0,1,1,.06l0,0a2.87,2.87,0,0,1,1,2.24,9.55,9.55,0,0,0,0,2c.54,4.16.2,8.33.35,12.5.11,3.17.13,6.35.18,9.52v.43l-2.54-.56c-.35-.08-.82-.1-1-.33s0-.67,0-1a3.32,3.32,0,0,0-.09-.89v2a4.44,4.44,0,0,1-.88-.18.55.55,0,0,1-.31-.4c0-1,.06-2,.14-3ZM27.3,137.82h-.89l-.06,1-.53.06v-.68c0-.4-.07-.61-.56-.56a16.07,16.07,0,0,1-1.7,0c-.1-2.86-.2-5.59-.3-8.32,0-.85-.07-1.7-.12-2.54,0-.45.21-.72.62-.65,1,.17,2,.43,3,.65l.11.18-.47.14v.58a1.55,1.55,0,0,1,1.46,1.65.57.57,0,0,1,0,.13c-.15,2.85-.34,5.62-.52,8.42Zm1.33-.08v-3.5c0-1.15.11-2.29.2-3.43a9.23,9.23,0,0,1,.29-1.81c.06-.21.47-.51.63-.47s.6.39.61.62c.15,2.85.24,5.7.35,8.59Zm3-6.54h-.08l.16-2.19h.2Zm.56-6c-.6-.14-1.13-.23-1.63-.39a.56.56,0,0,1-.26-.46V121h-.19v3.73l-3.55-1V121.1h-.11v2.46h-.22c-1.45-.4-1.45-.4-1.5-1.92,0-.76,0-1.51-.06-2.27l-.07-.11V123h-.15c-1.45-.3-1.45-.3-1.45-1.76-.12-3.08-.27-6.16-.34-9.24a33.08,33.08,0,0,1,.19-3.59,1.52,1.52,0,0,1,1.5-1.46c.88,0,1.32-.38,1.35-1.24a1.91,1.91,0,0,1,.11-.41l-.6-.1a.65.65,0,0,1,.2-.91.85.85,0,0,1,.22-.09c2.13-.85,4.24-1.73,6.36-2.59.64-.26,1.29-.47,1.95-.71,0,8.1-1.17,16.16-1.72,24.31Zm6.18,10.91c0,.57-.09,1.14-.15,1.82l-3.51-.16.45-9.34c1,.27,1.9.16,2.7.77l-.52.09c-.06.32-.06.51.37.57a1.15,1.15,0,0,1,.93,1.38c0,1.63-.15,3.26-.24,4.88Zm2,1.87H39.5v-3.09c.06-1.23.17-2.45.3-3.67a2.64,2.64,0,0,1,.35-.74h.19ZM77.14,96.57c.58,3.11.23,6.24.35,9.36s.14,6.28.19,9.42.11,6.31.17,9.47q.06,3.38.13,6.75v.67l-4.58-.5V129c.17-4.1.36-8.19.53-12.29q.41-10,.78-20c.62-1.43.27-3,.66-4.45a7.76,7.76,0,0,1,.34-.84,3.44,3.44,0,0,1,1.37,2.84A14.48,14.48,0,0,0,77.14,96.57Zm-3.8-17.7h0l.09-.08h0l.07-.05h0l.07,0h0a2.34,2.34,0,0,1,.62-.29A1.33,1.33,0,0,1,76,79.65a3,3,0,0,1-.51,1.61l-.59-.35a2,2,0,0,0,.31-1,.75.75,0,0,0-.75-.75.73.73,0,0,0-.25,0,1.4,1.4,0,0,0-.62.39l-.09.1-.3.33V79Zm-1.61.2a1.8,1.8,0,0,1,.61-.08h.41v1l-.3-.15h-.09a.91.91,0,0,0-.61,0,1.49,1.49,0,0,0-1,1.33A1.24,1.24,0,0,0,71,82l-.58.71a1.77,1.77,0,0,1-.51-1.3A2.59,2.59,0,0,1,71.73,79.07ZM52.66,138.33H51.28v-.72l.26-4.64v-.22c.18-.21.37-.41.56-.62.14.2.36.4.4.62a12.77,12.77,0,0,1,.14,1.75C52.67,135.77,52.66,137,52.66,138.33Zm12.34.1H63.94A10.27,10.27,0,0,1,64,137c0-.85.07-1.69.15-2.53a3.68,3.68,0,0,1,.31-.86h.23c.1.19.29.38.29.57,0,1.44,0,2.87,0,4.31Zm3.53-1.58H66.3l-.15,1.64H66v-4.33c0-.52.52-.72,1.1-.69l-.06-.75,1.69.2Zm1.58-24.56c-.25,3.63-.45,7.26-.69,10.89-.18,2.63-.39,5.26-.59,8-8.5-.85-16.88-2.23-25.31-3.55a9.25,9.25,0,0,0-.07-1.4c-.28-6.81-.57-13.61-.82-20.42a27.94,27.94,0,0,1,.2-4.19,1.8,1.8,0,0,1,1.74-1.71c1.24-.08,1.24-.11,1.4-1.34a1.49,1.49,0,0,1,.06-.5.85.85,0,0,1-.22-.09c-.17-.1-.49-.26-.47-.31.1-.26.21-.63.42-.73a11.6,11.6,0,0,1,1.71-.52c2.49-.67,5-1.35,7.47-2,1.3-.34,2.61-.65,3.92-1l7.41-1.79c1.36-.32,2.73-.64,4.1-.92a.64.64,0,0,1,.45.34,5.53,5.53,0,0,1,.26,1.46c0,1.07-.09,2.14-.12,3.21a2.19,2.19,0,0,0,.16.57,1.49,1.49,0,0,1,.07.47c-.35,5.18-.72,10.36-1.07,15.54Zm1.31-28.9S71,83.15,70.8,83l.57-.71,1.7,1.08,1.63-2.06.59.35-.57.7a15,15,0,0,0-1.3,1.78l-.32.57-.34-.37a6.53,6.53,0,0,0-1.33-.94ZM73,136.93l.16-3.55,2.63.24v.1l-.6.17.48.47c.18.18.49.35.52.56.11.66.13,1.34.18,2Zm5,0h-.68a8,8,0,0,1,.09-1.49c0-.12.19-.22.29-.32.1.12.28.24.29.37,0,.43,0,.91,0,1.41Zm13.08,2c-.19-.16-.43-.26-.43-.37,0-.83,0-1.65.06-2.48,0-.12.12-.24.18-.36h.2Zm9.31-.1v-2c0-.09.15-.17.23-.26.08.09.21.17.22.27.06.67.09,1.34.13,2Zm9.65,0h-.7c0-.42,0-.83,0-1.25,0-.14.23-.26.35-.4.11.12.3.24.32.37,0,.41,0,.83,0,1.24Zm27.43-48.45c-.11,5.06-.3,10.12-.48,15.17q-.3,8.1-.64,16.21-.22,5.7-.47,11.4c0,1.21-.12,2.43-.18,3.64-1.2,0-2.35.06-3.51,0-2.13-.13-4.26-.32-6.39-.5l-10.2-.86c-1.63-.13-3.26-.22-4.88-.35l-5.49-.48-6-.61-9.47-.76-6.89-.59-.54-.06c-.07-1.7-.15-3.38-.22-5q-.32-7.44-.62-14.89T80.9,97.82c.51-1.47.1-3,.27-4.49a2.56,2.56,0,0,1,.4-1.19,2.23,2.23,0,0,1,1-.65,2.43,2.43,0,0,1,1-.14c.47,0,.67-.21.64-.61,0-.68.31-.86.9-.84l.35-.05c-.11-.19-.16-.43-.27-.47-.46-.14-1-.21-1.47-.32V88.3l.09.07a5.37,5.37,0,0,1,.44-.51.71.71,0,0,1,.34-.16l6.15-1.28L98,84.87l8.51-1.77,9.87-2.1c2.92-.62,5.84-1.26,8.77-1.87,2.1-.44,4.21-.85,6.32-1.28,1.41-.29,2.82-.6,4.23-.86a.81.81,0,0,1,.59.22,4.64,4.64,0,0,1,1.12,3.06c.09,3.38.12,6.73,0,10.06ZM143,136.79l.5-52.51c.94,17.47,1.14,35,1.64,52.51Z" transform="translate(-0.02)"/></g><circle class="f" cx="72" cy="72" r="65.56"/><path class="g" d="M46.39,29.31a4.44,4.44,0,0,1,4.36-4.53,1.6,1.6,0,0,1,.31,0,4,4,0,0,1,3.67,2.14l-1.6.79a2.37,2.37,0,0,0-2.06-1.27,2.73,2.73,0,0,0-2.75,2.71v.17A2.74,2.74,0,0,0,50.9,32.2h.17a2.35,2.35,0,0,0,2.06-1.27l1.6.78a4,4,0,0,1-3.67,2.16,4.46,4.46,0,0,1-4.67-4.22Z" transform="translate(-0.02)"/><path class="g" d="M55,30.51a3.36,3.36,0,1,1,3.38,3.34h0A3.22,3.22,0,0,1,55,30.77Zm5,0a1.64,1.64,0,1,0-3.25-.44,1.62,1.62,0,0,0,0,.44A1.64,1.64,0,1,0,60,31,1.62,1.62,0,0,0,60,30.51Z" transform="translate(-0.02)"/><path class="g" d="M66.82,33.69v-.81a2.46,2.46,0,0,1-2,1c-1.6,0-2.81-1.21-2.81-3.33s1.2-3.34,2.81-3.34a2.44,2.44,0,0,1,2,1V24.92H68.5v8.77Zm0-2V29.39a1.82,1.82,0,0,0-1.45-.72,1.66,1.66,0,0,0-1.61,1.71.66.66,0,0,0,0,.14,1.64,1.64,0,0,0,1.45,1.83h.15A1.82,1.82,0,0,0,66.82,31.64Z" transform="translate(-0.02)"/><path class="g" d="M69.13,30.51a3.23,3.23,0,0,1,3.13-3.33h.16a3.18,3.18,0,0,1,3.2,3.16c0,.12,0,.23,0,.34V31H70.88a1.71,1.71,0,0,0,1.83,1.47,2.72,2.72,0,0,0,1.7-.63L75.13,33a4,4,0,0,1-2.62.88,3.21,3.21,0,0,1-3.38-3A1.93,1.93,0,0,1,69.13,30.51Zm3.29-2a1.53,1.53,0,0,0-1.56,1.41H74a1.46,1.46,0,0,0-1.52-1.41h-.06Z" transform="translate(-0.02)"/><path class="g" d="M76.22,33.69V24.92h3.46c2.75,0,4.65,1.75,4.65,4.39s-1.91,4.38-4.65,4.38Zm6.2-4.38A2.57,2.57,0,0,0,80,26.56h-2V32h1.59a2.62,2.62,0,0,0,2.74-2.5Z" transform="translate(-0.02)"/><path class="g" d="M88.84,33.69V33a2.64,2.64,0,0,1-2,.81,2.11,2.11,0,0,1-2.21-2v-.09a2,2,0,0,1,1.94-2.06h.27a2.61,2.61,0,0,1,2,.78v-.85c0-.64-.55-1.06-1.39-1.06a2.67,2.67,0,0,0-1.85.75l-.6-1.1a4.14,4.14,0,0,1,2.77-1c1.45,0,2.77.58,2.77,2.41v4.1Zm0-1.52v-.79a1.66,1.66,0,0,0-1.34-.55c-.66,0-1.2.34-1.2,1s.54.93,1.2.93a1.65,1.65,0,0,0,1.34-.6Z" transform="translate(-0.02)"/><path class="g" d="M91.48,34.67a1.4,1.4,0,0,0,.53.11.83.83,0,0,0,.88-.46l.24-.54-2.58-6.44h1.79L94,31.75l1.66-4.42h1.8l-3,7.39a2.3,2.3,0,0,1-2.41,1.54,3.84,3.84,0,0,1-.83-.09Z" transform="translate(-0.02)"/><path class="g" d="M41,47.4l1.09-1.55a4.1,4.1,0,0,0,3,1.27c1.1,0,1.62-.49,1.62-1,0-1.62-5.35-.49-5.35-4,0-1.55,1.34-2.83,3.52-2.83a5.17,5.17,0,0,1,3.62,1.3L47.4,42a4,4,0,0,0-2.7-1c-.84,0-1.31.36-1.31.92,0,1.46,5.34.47,5.34,3.94,0,1.7-1.23,3-3.72,3A5.37,5.37,0,0,1,41,47.4Z" transform="translate(-0.02)"/><path class="g" d="M54,48.71V48a2.77,2.77,0,0,1-2.13.88,2.23,2.23,0,0,1-2.33-2.13v-.1a2.13,2.13,0,0,1,2.08-2.18h.25A2.74,2.74,0,0,1,54,45.3v-.85c0-.68-.59-1.13-1.48-1.13a2.86,2.86,0,0,0-1.94.79l-.7-1.24a4.33,4.33,0,0,1,2.94-1.06c1.55,0,3,.61,3,2.55v4.35Zm0-1.62v-.84a1.76,1.76,0,0,0-1.42-.6c-.7,0-1.27.38-1.27,1s.57,1,1.27,1A1.77,1.77,0,0,0,54,47.09Z" transform="translate(-0.02)"/><path class="g" d="M61.66,48.71V44.64a1.09,1.09,0,0,0-.9-1.25,1,1,0,0,0-.34,0,2,2,0,0,0-1.53.78v4.54H57.11V42h1.77v.86a3.17,3.17,0,0,1,2.35-1,2,2,0,0,1,2.2,1.77,1.53,1.53,0,0,1,0,.37v4.75Z" transform="translate(-0.02)"/><path class="g" d="M68.81,48.71v-9.3h3.66c2.91,0,4.93,1.85,4.93,4.64s-2,4.65-4.92,4.65Zm6.58-4.65a2.71,2.71,0,0,0-2.51-2.9H70.79V47h1.69a2.79,2.79,0,0,0,2.9-2.67,1.31,1.31,0,0,0,0-.28Z" transform="translate(-0.02)"/><path class="g" d="M78.38,40.19a1.05,1.05,0,1,1,1.05,1.05,1,1,0,0,1-1.05-1.05Zm.17,8.51V42h1.77v6.73Z" transform="translate(-0.02)"/><path class="g" d="M81.64,45.33A3.43,3.43,0,0,1,85,41.81h.14a3.36,3.36,0,0,1,3.4,3.32c0,.13,0,.25,0,.37v.42h-5a1.8,1.8,0,0,0,1.94,1.5,2.77,2.77,0,0,0,1.78-.65L88,47.94a4.22,4.22,0,0,1-2.77.93,3.41,3.41,0,0,1-3.59-3.22Zm3.48-2.08a1.55,1.55,0,0,0-1.64,1.44H86.8a1.54,1.54,0,0,0-1.64-1.43h0Z" transform="translate(-0.02)"/><path class="g" d="M89.64,50.43l.79-1.27a2.74,2.74,0,0,0,2.1.82,1.66,1.66,0,0,0,1.86-1.41,1.71,1.71,0,0,0,0-.32V47.6a2.62,2.62,0,0,1-2.09,1c-1.67,0-3-1.17-3-3.41s1.27-3.43,3-3.43a2.58,2.58,0,0,1,2.09,1V42h1.77v6.28c0,2.55-2,3.18-3.64,3.18A4.13,4.13,0,0,1,89.64,50.43Zm4.76-4.11V44.14a2,2,0,0,0-1.52-.75,1.86,1.86,0,0,0,0,3.71,2,2,0,0,0,1.53-.78Z" transform="translate(-0.02)"/><path class="g" d="M97.5,45.33a3.56,3.56,0,1,1,3.58,3.54h0a3.41,3.41,0,0,1-3.55-3.26Zm5.28,0a1.74,1.74,0,1,0-1.73,2,1.76,1.76,0,0,0,1.74-1.79A1.48,1.48,0,0,0,102.78,45.33Z" transform="translate(-0.02)"/></svg>
\ No newline at end of file
diff --git a/Old/images/codeday-notext-color.svg b/src/images/codeday-notext-color.svg
similarity index 100%
rename from Old/images/codeday-notext-color.svg
rename to src/images/codeday-notext-color.svg
diff --git a/Old/images/codedaysd.png b/src/images/codedaysd.png
similarity index 100%
rename from Old/images/codedaysd.png
rename to src/images/codedaysd.png
diff --git a/Old/images/distest.ai b/src/images/distest.ai
similarity index 100%
rename from Old/images/distest.ai
rename to src/images/distest.ai
diff --git a/Old/images/distest.svg b/src/images/distest.svg
similarity index 100%
rename from Old/images/distest.svg
rename to src/images/distest.svg
diff --git a/Old/images/foresightsports.png b/src/images/foresightsports.png
similarity index 100%
rename from Old/images/foresightsports.png
rename to src/images/foresightsports.png
diff --git a/Old/images/icon_128_cmpk.png b/src/images/icon_128_cmpk.png
similarity index 100%
rename from Old/images/icon_128_cmpk.png
rename to src/images/icon_128_cmpk.png
diff --git a/Old/images/personal_site_plan.png b/src/images/personal_site_plan.png
similarity index 100%
rename from Old/images/personal_site_plan.png
rename to src/images/personal_site_plan.png
diff --git a/Old/images/scoresaver.ai b/src/images/scoresaver.ai
similarity index 100%
rename from Old/images/scoresaver.ai
rename to src/images/scoresaver.ai
diff --git a/Old/images/scoresaver.svg b/src/images/scoresaver.svg
similarity index 100%
rename from Old/images/scoresaver.svg
rename to src/images/scoresaver.svg