From 0c5735e138b194a243db12ee1703c1d772a2501e Mon Sep 17 00:00:00 2001
From: Wilson <wilsonj806@gmail.com>
Date: Tue, 9 Jun 2020 16:05:17 -0400
Subject: [PATCH 01/16] Delete extraneous stuff and Nav files for redo

---
 src/components/BaseHeader.vue  |  19 -----
 src/components/NavDesktop.vue  |  23 ------
 src/components/NavMobile.vue   |  52 --------------
 src/components/WipCard.vue     | 125 ---------------------------------
 src/components/WipCardText.vue |  38 ----------
 wip/arbor-logger.md            |   6 --
 6 files changed, 263 deletions(-)
 delete mode 100644 src/components/BaseHeader.vue
 delete mode 100644 src/components/NavDesktop.vue
 delete mode 100644 src/components/NavMobile.vue
 delete mode 100644 src/components/WipCard.vue
 delete mode 100644 src/components/WipCardText.vue
 delete mode 100644 wip/arbor-logger.md

diff --git a/src/components/BaseHeader.vue b/src/components/BaseHeader.vue
deleted file mode 100644
index 38a5e0d..0000000
--- a/src/components/BaseHeader.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
-  <header>
-    <NavDesktop/>
-    <NavMobile/>
-  </header>
-</template>
-
-<script>
-import NavDesktop from './NavDesktop.vue'
-import NavMobile from './NavMobile.vue'
-export default {
-  components: {
-    NavDesktop,
-    NavMobile
-  }
-}
-</script>
-
-<style scoped src="../styles/nav.css"></style>
\ No newline at end of file
diff --git a/src/components/NavDesktop.vue b/src/components/NavDesktop.vue
deleted file mode 100644
index de5c4aa..0000000
--- a/src/components/NavDesktop.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-  <nav class="nav-desktop">
-    <div style="position: relative;">
-      <g-link class="name" to="/">WJ</g-link>
-    </div>
-    <div class="primary-nav-links--desktop">
-      <g-link to="/about" class="nav-link--desktop">About</g-link>
-      <g-link to="/projects" class="nav-link--desktop">Projects</g-link>
-      <g-link to="/blogs" class="nav-link--desktop">Blogs</g-link>
-      <a class="nav-link--desktop" href="https://www.dropbox.com/s/soxnd60u5du2x66/Wilson-Jiang-Resume.pdf?dl=07&raw=1" target="_blank">Resume</a>
-      <!-- <g-link to="/contact">Contact</g-link> -->
-    </div>
-  </nav>
-</template>
-
-<script>
-export default {
-  name: 'NavDesktop'
-}
-</script>
-
-<style scoped src="../styles/nav.css">
-</style>
\ No newline at end of file
diff --git a/src/components/NavMobile.vue b/src/components/NavMobile.vue
deleted file mode 100644
index 34b85bd..0000000
--- a/src/components/NavMobile.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-<template>
-  <div class="mobile-header">
-    <div style="position: relative;">
-      <g-link class="name">WJ</g-link>
-    </div>
-    <ButtonBurger
-      @burger-clicked="toggleClicked"
-    />
-    <transition name="fade-in">
-      <nav class="primary-nav-links" v-if="clicked">
-        <div class="wrap-close-btn">
-          <button
-            type="button"
-            @click="toggleClicked"
-            class="close-btn"
-            aria-label="Close"
-          >
-            &#215;
-          </button>
-        </div>
-        <g-link class="nav-link" to="/about">About</g-link>
-        <g-link class="nav-link" to="/projects">Projects</g-link>
-        <g-link class="nav-link" to="/blog">Blog</g-link>
-              <a class="nav-link" href="https://www.dropbox.com/s/soxnd60u5du2x66/Wilson-Jiang-Resume.pdf?&raw=1" target="_blank">Resume</a>
-        <!-- <g-link to="/contact">Contact</g-link> -->
-      </nav>
-    </transition>
-  </div>
-</template>
-
-<script>
-import ButtonBurger from './ButtonBurger'
-export default {
-  name: 'NavMobile',
-  components: {
-    ButtonBurger
-  },
-  methods: {
-    toggleClicked() {
-      this.clicked = !this.clicked
-    }
-  },
-  data() {
-    return {
-      clicked: false
-    }
-  }
-}
-</script>
-
-<style scoped src="../styles/nav.css">
-</style>
\ No newline at end of file
diff --git a/src/components/WipCard.vue b/src/components/WipCard.vue
deleted file mode 100644
index cb7ff57..0000000
--- a/src/components/WipCard.vue
+++ /dev/null
@@ -1,125 +0,0 @@
-<template>
-  <section class='card-wip'>
-    <h2 class="card-header-text">Work in Progress!</h2>
-    <WipCardText
-      v-if="index === 0"
-      :wipData="$static.allWip.edges[0].node"/>
-    <WipCardText
-      v-else
-      :wipData="$static.allWip.edges[1].node"/>
-    <div class="row-btn">
-      <!-- TODO Make this programmatically generate the number of things -->
-      <button
-        v-for="(wip, wipIndex) in $static.allWip.edges"
-        type="button"
-        :key="wipIndex"
-        class="btn-toggler"
-        :data-index="wipIndex"
-        @click="toggleSelection(wipIndex)"
-        :style="index === wipIndex ? activeColor : ''"
-        />
-    </div>
-  </section>
-</template>
-
-<static-query>
-query {
-  allWip(sortBy: "created_at", order: DESC, limit: 2) {
-    edges {
-      node {
-        id
-        type
-        title
-        description
-      }
-    }
-  }
-}
-
-</static-query>
-
-
-<script>
-import WipCardText from './WipCardText'
-export default {
-  name: 'WipCard',
-  components: {
-    WipCardText
-  },
-  methods: {
-    toggleSelection(val) {
-      if (this.index === parseInt(val)) return
-      this.index = parseInt(val)
-    },
-  },
-  data() {
-    return {
-      index: 0,
-      activeColor: 'background: rgba(190, 245, 197, 0.85);border: 1px solid rgb(29, 29, 29);'
-    }
-  },
-}
-</script>
-
-<style scoped>
-.card-wip {
-  right: -10%;
-  top: 25%;
-  position: absolute;
-  width: 288px;
-  height: 336px;
-  padding: 18px;
-  border-radius: 6px;
-  display: flex;
-  flex-flow: column nowrap;
-  place-items: flex-start flex-start;
-  border: 1px solid rgb(108, 63, 212);
-  box-shadow: 4px 4px 3px rgba(65, 65, 65, 0.226);
-  /* color: rgb(138, 59, 211); */
-  color: rgb(19, 19, 19);
-  background: rgb(237, 226, 255);
-  overflow: hidden;
-}
-
-.card-header-text {
-  margin: 2px;
-  width: 100%;
-  font-weight: 700;
-  text-align: center;
-  text-decoration: underline;
-}
-
-.card-body {
-  height: 236px;
-  overflow-y: auto;
-  display: flex;
-  flex-flow: column nowrap;
-  place-items: flex-start space-between;
-}
-
-.card-body > * {
-  display: block;
-}
-
-
-.row-btn {
-  padding: 8px 0;
-  display: flex;
-  align-self: center;
-  place-items: center;
-}
-
-.btn-toggler {
-  width: 16px;
-  height: 16px;
-  margin: 0 8px;
-  border-radius: 50%;
-  border: 1px solid rgba(85, 85, 85, 0.562);
-}
-
-.btn-toggler:hover {
-  border: 1px solid rgb(29, 29, 29);
-  background: rgba(190, 245, 197, 0.85);
-}
-
-</style>
\ No newline at end of file
diff --git a/src/components/WipCardText.vue b/src/components/WipCardText.vue
deleted file mode 100644
index 7134850..0000000
--- a/src/components/WipCardText.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<template>
-  <div class="card-body">
-    <h3>{{wipData.title}}</h3>
-    <p>Type: <span class="wip-data">{{wipData.type}}</span></p>
-    <p>Description: <span class="wip-data">{{wipData.description}}</span></p>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'WipCardText',
-  props: {
-    wipData: {
-      type: Object,
-      required: true,
-      default: () => ({ title: 'n/a', type: 'Project', description: 'n/a'})
-    },
-  }
-}
-</script>
-
-<style scoped>
-p {
-  text-overflow:ellipsis;
-  font-weight: 600;
-  /* color: rgb(29, 94, 32); */
-}
-
-
-
-h3 {
-  font-size: 1.125rem;
-}
-
-.wip-data {
-  font-weight: 500;
-}
-</style>
\ No newline at end of file
diff --git a/wip/arbor-logger.md b/wip/arbor-logger.md
deleted file mode 100644
index 291cc98..0000000
--- a/wip/arbor-logger.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-title: NYC Arbor Logger
-type: Project
-created_at: 2020-03-09
-description: A full stack project that presents NYC Tree Census data.
----
\ No newline at end of file

From 07846a696ba6c8cbd58a8977f45d27f864d68051 Mon Sep 17 00:00:00 2001
From: Wilson <wilsonj806@gmail.com>
Date: Tue, 9 Jun 2020 16:30:58 -0400
Subject: [PATCH 02/16] Security fixes and revert a gridsome config change

---
 gridsome.config.js |  10 -
 package-lock.json  | 615 ++++++++++++++++++++++++++++++---------------
 2 files changed, 411 insertions(+), 214 deletions(-)

diff --git a/gridsome.config.js b/gridsome.config.js
index 092d1d6..700b498 100644
--- a/gridsome.config.js
+++ b/gridsome.config.js
@@ -8,16 +8,6 @@ module.exports = {
   siteName: 'Wilson Jiang',
   plugins: [
     // NOTE Remark/ Gridsome doesn't like it if you don't consistently have the nested "layout" object in head(i.e have only one of: layout: { component: '', props })
-    {
-      // again similar to Webpack loader configs
-      use: '@gridsome/vue-remark',
-      options: {
-        // GraphQL type name
-        typeName: 'Wip',
-        // where to find your MD files
-        baseDir: './wip',
-      }
-    },
     {
       // again similar to Webpack loader configs
       use: '@gridsome/vue-remark',
diff --git a/package-lock.json b/package-lock.json
index 17f7d13..ad56494 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1356,160 +1356,159 @@
       }
     },
     "@webassemblyjs/ast": {
-      "version": "1.8.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.8.5.tgz",
-      "integrity": "sha512-aJMfngIZ65+t71C3y2nBBg5FFG0Okt9m0XEgWZ7Ywgn1oMAT8cNwx00Uv1cQyHtidq0Xn94R4TAywO+LCQ+ZAQ==",
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.9.0.tgz",
+      "integrity": "sha512-C6wW5L+b7ogSDVqymbkkvuW9kruN//YisMED04xzeBBqjHa2FYnmvOlS6Xj68xWQRgWvI9cIglsjFowH/RJyEA==",
       "requires": {
-        "@webassemblyjs/helper-module-context": "1.8.5",
-        "@webassemblyjs/helper-wasm-bytecode": "1.8.5",
-        "@webassemblyjs/wast-parser": "1.8.5"
+        "@webassemblyjs/helper-module-context": "1.9.0",
+        "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
+        "@webassemblyjs/wast-parser": "1.9.0"
       }
     },
     "@webassemblyjs/floating-point-hex-parser": {
-      "version": "1.8.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.8.5.tgz",
-      "integrity": "sha512-9p+79WHru1oqBh9ewP9zW95E3XAo+90oth7S5Re3eQnECGq59ly1Ri5tsIipKGpiStHsUYmY3zMLqtk3gTcOtQ=="
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.9.0.tgz",
+      "integrity": "sha512-TG5qcFsS8QB4g4MhrxK5TqfdNe7Ey/7YL/xN+36rRjl/BlGE/NcBvJcqsRgCP6Z92mRE+7N50pRIi8SmKUbcQA=="
     },
     "@webassemblyjs/helper-api-error": {
-      "version": "1.8.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.8.5.tgz",
-      "integrity": "sha512-Za/tnzsvnqdaSPOUXHyKJ2XI7PDX64kWtURyGiJJZKVEdFOsdKUCPTNEVFZq3zJ2R0G5wc2PZ5gvdTRFgm81zA=="
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.9.0.tgz",
+      "integrity": "sha512-NcMLjoFMXpsASZFxJ5h2HZRcEhDkvnNFOAKneP5RbKRzaWJN36NC4jqQHKwStIhGXu5mUWlUUk7ygdtrO8lbmw=="
     },
     "@webassemblyjs/helper-buffer": {
-      "version": "1.8.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.8.5.tgz",
-      "integrity": "sha512-Ri2R8nOS0U6G49Q86goFIPNgjyl6+oE1abW1pS84BuhP1Qcr5JqMwRFT3Ah3ADDDYGEgGs1iyb1DGX+kAi/c/Q=="
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.9.0.tgz",
+      "integrity": "sha512-qZol43oqhq6yBPx7YM3m9Bv7WMV9Eevj6kMi6InKOuZxhw+q9hOkvq5e/PpKSiLfyetpaBnogSbNCfBwyB00CA=="
     },
     "@webassemblyjs/helper-code-frame": {
-      "version": "1.8.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-code-frame/-/helper-code-frame-1.8.5.tgz",
-      "integrity": "sha512-VQAadSubZIhNpH46IR3yWO4kZZjMxN1opDrzePLdVKAZ+DFjkGD/rf4v1jap744uPVU6yjL/smZbRIIJTOUnKQ==",
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-code-frame/-/helper-code-frame-1.9.0.tgz",
+      "integrity": "sha512-ERCYdJBkD9Vu4vtjUYe8LZruWuNIToYq/ME22igL+2vj2dQ2OOujIZr3MEFvfEaqKoVqpsFKAGsRdBSBjrIvZA==",
       "requires": {
-        "@webassemblyjs/wast-printer": "1.8.5"
+        "@webassemblyjs/wast-printer": "1.9.0"
       }
     },
     "@webassemblyjs/helper-fsm": {
-      "version": "1.8.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-fsm/-/helper-fsm-1.8.5.tgz",
-      "integrity": "sha512-kRuX/saORcg8se/ft6Q2UbRpZwP4y7YrWsLXPbbmtepKr22i8Z4O3V5QE9DbZK908dh5Xya4Un57SDIKwB9eow=="
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-fsm/-/helper-fsm-1.9.0.tgz",
+      "integrity": "sha512-OPRowhGbshCb5PxJ8LocpdX9Kl0uB4XsAjl6jH/dWKlk/mzsANvhwbiULsaiqT5GZGT9qinTICdj6PLuM5gslw=="
     },
     "@webassemblyjs/helper-module-context": {
-      "version": "1.8.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-module-context/-/helper-module-context-1.8.5.tgz",
-      "integrity": "sha512-/O1B236mN7UNEU4t9X7Pj38i4VoU8CcMHyy3l2cV/kIF4U5KoHXDVqcDuOs1ltkac90IM4vZdHc52t1x8Yfs3g==",
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-module-context/-/helper-module-context-1.9.0.tgz",
+      "integrity": "sha512-MJCW8iGC08tMk2enck1aPW+BE5Cw8/7ph/VGZxwyvGbJwjktKkDK7vy7gAmMDx88D7mhDTCNKAW5tED+gZ0W8g==",
       "requires": {
-        "@webassemblyjs/ast": "1.8.5",
-        "mamacro": "^0.0.3"
+        "@webassemblyjs/ast": "1.9.0"
       }
     },
     "@webassemblyjs/helper-wasm-bytecode": {
-      "version": "1.8.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.8.5.tgz",
-      "integrity": "sha512-Cu4YMYG3Ddl72CbmpjU/wbP6SACcOPVbHN1dI4VJNJVgFwaKf1ppeFJrwydOG3NDHxVGuCfPlLZNyEdIYlQ6QQ=="
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.9.0.tgz",
+      "integrity": "sha512-R7FStIzyNcd7xKxCZH5lE0Bqy+hGTwS3LJjuv1ZVxd9O7eHCedSdrId/hMOd20I+v8wDXEn+bjfKDLzTepoaUw=="
     },
     "@webassemblyjs/helper-wasm-section": {
-      "version": "1.8.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.8.5.tgz",
-      "integrity": "sha512-VV083zwR+VTrIWWtgIUpqfvVdK4ff38loRmrdDBgBT8ADXYsEZ5mPQ4Nde90N3UYatHdYoDIFb7oHzMncI02tA==",
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.9.0.tgz",
+      "integrity": "sha512-XnMB8l3ek4tvrKUUku+IVaXNHz2YsJyOOmz+MMkZvh8h1uSJpSen6vYnw3IoQ7WwEuAhL8Efjms1ZWjqh2agvw==",
       "requires": {
-        "@webassemblyjs/ast": "1.8.5",
-        "@webassemblyjs/helper-buffer": "1.8.5",
-        "@webassemblyjs/helper-wasm-bytecode": "1.8.5",
-        "@webassemblyjs/wasm-gen": "1.8.5"
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/helper-buffer": "1.9.0",
+        "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
+        "@webassemblyjs/wasm-gen": "1.9.0"
       }
     },
     "@webassemblyjs/ieee754": {
-      "version": "1.8.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.8.5.tgz",
-      "integrity": "sha512-aaCvQYrvKbY/n6wKHb/ylAJr27GglahUO89CcGXMItrOBqRarUMxWLJgxm9PJNuKULwN5n1csT9bYoMeZOGF3g==",
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.9.0.tgz",
+      "integrity": "sha512-dcX8JuYU/gvymzIHc9DgxTzUUTLexWwt8uCTWP3otys596io0L5aW02Gb1RjYpx2+0Jus1h4ZFqjla7umFniTg==",
       "requires": {
         "@xtuc/ieee754": "^1.2.0"
       }
     },
     "@webassemblyjs/leb128": {
-      "version": "1.8.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.8.5.tgz",
-      "integrity": "sha512-plYUuUwleLIziknvlP8VpTgO4kqNaH57Y3JnNa6DLpu/sGcP6hbVdfdX5aHAV716pQBKrfuU26BJK29qY37J7A==",
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.9.0.tgz",
+      "integrity": "sha512-ENVzM5VwV1ojs9jam6vPys97B/S65YQtv/aanqnU7D8aSoHFX8GyhGg0CMfyKNIHBuAVjy3tlzd5QMMINa7wpw==",
       "requires": {
         "@xtuc/long": "4.2.2"
       }
     },
     "@webassemblyjs/utf8": {
-      "version": "1.8.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.8.5.tgz",
-      "integrity": "sha512-U7zgftmQriw37tfD934UNInokz6yTmn29inT2cAetAsaU9YeVCveWEwhKL1Mg4yS7q//NGdzy79nlXh3bT8Kjw=="
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.9.0.tgz",
+      "integrity": "sha512-GZbQlWtopBTP0u7cHrEx+73yZKrQoBMpwkGEIqlacljhXCkVM1kMQge/Mf+csMJAjEdSwhOyLAS0AoR3AG5P8w=="
     },
     "@webassemblyjs/wasm-edit": {
-      "version": "1.8.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.8.5.tgz",
-      "integrity": "sha512-A41EMy8MWw5yvqj7MQzkDjU29K7UJq1VrX2vWLzfpRHt3ISftOXqrtojn7nlPsZ9Ijhp5NwuODuycSvfAO/26Q==",
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.9.0.tgz",
+      "integrity": "sha512-FgHzBm80uwz5M8WKnMTn6j/sVbqilPdQXTWraSjBwFXSYGirpkSWE2R9Qvz9tNiTKQvoKILpCuTjBKzOIm0nxw==",
       "requires": {
-        "@webassemblyjs/ast": "1.8.5",
-        "@webassemblyjs/helper-buffer": "1.8.5",
-        "@webassemblyjs/helper-wasm-bytecode": "1.8.5",
-        "@webassemblyjs/helper-wasm-section": "1.8.5",
-        "@webassemblyjs/wasm-gen": "1.8.5",
-        "@webassemblyjs/wasm-opt": "1.8.5",
-        "@webassemblyjs/wasm-parser": "1.8.5",
-        "@webassemblyjs/wast-printer": "1.8.5"
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/helper-buffer": "1.9.0",
+        "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
+        "@webassemblyjs/helper-wasm-section": "1.9.0",
+        "@webassemblyjs/wasm-gen": "1.9.0",
+        "@webassemblyjs/wasm-opt": "1.9.0",
+        "@webassemblyjs/wasm-parser": "1.9.0",
+        "@webassemblyjs/wast-printer": "1.9.0"
       }
     },
     "@webassemblyjs/wasm-gen": {
-      "version": "1.8.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.8.5.tgz",
-      "integrity": "sha512-BCZBT0LURC0CXDzj5FXSc2FPTsxwp3nWcqXQdOZE4U7h7i8FqtFK5Egia6f9raQLpEKT1VL7zr4r3+QX6zArWg==",
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.9.0.tgz",
+      "integrity": "sha512-cPE3o44YzOOHvlsb4+E9qSqjc9Qf9Na1OO/BHFy4OI91XDE14MjFN4lTMezzaIWdPqHnsTodGGNP+iRSYfGkjA==",
       "requires": {
-        "@webassemblyjs/ast": "1.8.5",
-        "@webassemblyjs/helper-wasm-bytecode": "1.8.5",
-        "@webassemblyjs/ieee754": "1.8.5",
-        "@webassemblyjs/leb128": "1.8.5",
-        "@webassemblyjs/utf8": "1.8.5"
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
+        "@webassemblyjs/ieee754": "1.9.0",
+        "@webassemblyjs/leb128": "1.9.0",
+        "@webassemblyjs/utf8": "1.9.0"
       }
     },
     "@webassemblyjs/wasm-opt": {
-      "version": "1.8.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.8.5.tgz",
-      "integrity": "sha512-HKo2mO/Uh9A6ojzu7cjslGaHaUU14LdLbGEKqTR7PBKwT6LdPtLLh9fPY33rmr5wcOMrsWDbbdCHq4hQUdd37Q==",
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.9.0.tgz",
+      "integrity": "sha512-Qkjgm6Anhm+OMbIL0iokO7meajkzQD71ioelnfPEj6r4eOFuqm4YC3VBPqXjFyyNwowzbMD+hizmprP/Fwkl2A==",
       "requires": {
-        "@webassemblyjs/ast": "1.8.5",
-        "@webassemblyjs/helper-buffer": "1.8.5",
-        "@webassemblyjs/wasm-gen": "1.8.5",
-        "@webassemblyjs/wasm-parser": "1.8.5"
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/helper-buffer": "1.9.0",
+        "@webassemblyjs/wasm-gen": "1.9.0",
+        "@webassemblyjs/wasm-parser": "1.9.0"
       }
     },
     "@webassemblyjs/wasm-parser": {
-      "version": "1.8.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.8.5.tgz",
-      "integrity": "sha512-pi0SYE9T6tfcMkthwcgCpL0cM9nRYr6/6fjgDtL6q/ZqKHdMWvxitRi5JcZ7RI4SNJJYnYNaWy5UUrHQy998lw==",
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.9.0.tgz",
+      "integrity": "sha512-9+wkMowR2AmdSWQzsPEjFU7njh8HTO5MqO8vjwEHuM+AMHioNqSBONRdr0NQQ3dVQrzp0s8lTcYqzUdb7YgELA==",
       "requires": {
-        "@webassemblyjs/ast": "1.8.5",
-        "@webassemblyjs/helper-api-error": "1.8.5",
-        "@webassemblyjs/helper-wasm-bytecode": "1.8.5",
-        "@webassemblyjs/ieee754": "1.8.5",
-        "@webassemblyjs/leb128": "1.8.5",
-        "@webassemblyjs/utf8": "1.8.5"
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/helper-api-error": "1.9.0",
+        "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
+        "@webassemblyjs/ieee754": "1.9.0",
+        "@webassemblyjs/leb128": "1.9.0",
+        "@webassemblyjs/utf8": "1.9.0"
       }
     },
     "@webassemblyjs/wast-parser": {
-      "version": "1.8.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-parser/-/wast-parser-1.8.5.tgz",
-      "integrity": "sha512-daXC1FyKWHF1i11obK086QRlsMsY4+tIOKgBqI1lxAnkp9xe9YMcgOxm9kLe+ttjs5aWV2KKE1TWJCN57/Btsg==",
-      "requires": {
-        "@webassemblyjs/ast": "1.8.5",
-        "@webassemblyjs/floating-point-hex-parser": "1.8.5",
-        "@webassemblyjs/helper-api-error": "1.8.5",
-        "@webassemblyjs/helper-code-frame": "1.8.5",
-        "@webassemblyjs/helper-fsm": "1.8.5",
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-parser/-/wast-parser-1.9.0.tgz",
+      "integrity": "sha512-qsqSAP3QQ3LyZjNC/0jBJ/ToSxfYJ8kYyuiGvtn/8MK89VrNEfwj7BPQzJVHi0jGTRK2dGdJ5PRqhtjzoww+bw==",
+      "requires": {
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/floating-point-hex-parser": "1.9.0",
+        "@webassemblyjs/helper-api-error": "1.9.0",
+        "@webassemblyjs/helper-code-frame": "1.9.0",
+        "@webassemblyjs/helper-fsm": "1.9.0",
         "@xtuc/long": "4.2.2"
       }
     },
     "@webassemblyjs/wast-printer": {
-      "version": "1.8.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.8.5.tgz",
-      "integrity": "sha512-w0U0pD4EhlnvRyeJzBqaVSJAo9w/ce7/WPogeXLzGkO6hzhr4GnQIZ4W4uUt5b9ooAaXPtnXlj0gzsXEOUNYMg==",
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.9.0.tgz",
+      "integrity": "sha512-2J0nE95rHXHyQ24cWjMKJ1tqB/ds8z/cyeOZxJhcb+rW+SQASVjuznUSmdz5GpVJTzU8JkhYut0D3siFDD6wsA==",
       "requires": {
-        "@webassemblyjs/ast": "1.8.5",
-        "@webassemblyjs/wast-parser": "1.8.5",
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/wast-parser": "1.9.0",
         "@xtuc/long": "4.2.2"
       }
     },
@@ -1764,6 +1763,13 @@
         "bn.js": "^4.0.0",
         "inherits": "^2.0.1",
         "minimalistic-assert": "^1.0.0"
+      },
+      "dependencies": {
+        "bn.js": {
+          "version": "4.11.9",
+          "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.9.tgz",
+          "integrity": "sha512-E6QoYqCKZfgatHTdHzs1RRKP7ip4vvm+EyRUeE2RF0NblwVvb0p6jSVeNTOFxPn26QXN2o6SMfNxKp6kU8zQaw=="
+        }
       }
     },
     "assert": {
@@ -2302,9 +2308,9 @@
       "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg=="
     },
     "bn.js": {
-      "version": "4.11.8",
-      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.8.tgz",
-      "integrity": "sha512-ItfYfPLkWHUjckQCk8xC+LwxgK8NYcXywGigJgSwOP8Y2iyWT4f2vsZnoOXTTbo+o5yXmIUJ4gn5538SO5S3gA=="
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.1.2.tgz",
+      "integrity": "sha512-40rZaf3bUNKTVYu9sIeeEGOg7g14Yvnj9kH7b50EiwX0Q7A6umbvfI5tvHaOERH0XigqKkfLkFQxzb4e6CIXnA=="
     },
     "body-parser": {
       "version": "1.19.0",
@@ -2470,20 +2476,46 @@
       "requires": {
         "bn.js": "^4.1.0",
         "randombytes": "^2.0.1"
+      },
+      "dependencies": {
+        "bn.js": {
+          "version": "4.11.9",
+          "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.9.tgz",
+          "integrity": "sha512-E6QoYqCKZfgatHTdHzs1RRKP7ip4vvm+EyRUeE2RF0NblwVvb0p6jSVeNTOFxPn26QXN2o6SMfNxKp6kU8zQaw=="
+        }
       }
     },
     "browserify-sign": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.0.4.tgz",
-      "integrity": "sha1-qk62jl17ZYuqa/alfmMMvXqT0pg=",
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.2.0.tgz",
+      "integrity": "sha512-hEZC1KEeYuoHRqhGhTy6gWrpJA3ZDjFWv0DE61643ZnOXAKJb3u7yWcrU0mMc9SwAqK1n7myPGndkp0dFG7NFA==",
       "requires": {
-        "bn.js": "^4.1.1",
-        "browserify-rsa": "^4.0.0",
-        "create-hash": "^1.1.0",
-        "create-hmac": "^1.1.2",
-        "elliptic": "^6.0.0",
-        "inherits": "^2.0.1",
-        "parse-asn1": "^5.0.0"
+        "bn.js": "^5.1.1",
+        "browserify-rsa": "^4.0.1",
+        "create-hash": "^1.2.0",
+        "create-hmac": "^1.1.7",
+        "elliptic": "^6.5.2",
+        "inherits": "^2.0.4",
+        "parse-asn1": "^5.1.5",
+        "readable-stream": "^3.6.0",
+        "safe-buffer": "^5.2.0"
+      },
+      "dependencies": {
+        "readable-stream": {
+          "version": "3.6.0",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+          "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
+          "requires": {
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
+          }
+        },
+        "safe-buffer": {
+          "version": "5.2.1",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+          "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="
+        }
       }
     },
     "browserify-zlib": {
@@ -2505,9 +2537,9 @@
       }
     },
     "buffer": {
-      "version": "5.4.3",
-      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.4.3.tgz",
-      "integrity": "sha512-zvj65TkFeIt3i6aj5bIvJDzjjQQGs4o/sNoezg1F1kYap9Nu2jcUdpwzRSJTHMMzG0H7bZkn4rNQpImhuxWX2A==",
+      "version": "5.6.0",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.6.0.tgz",
+      "integrity": "sha512-/gDYp/UtU0eA1ys8bOs9J6a+E/KWIY+DZ+Q2WESNUA0jFRsJOc0SNUO6xJ5SGA1xueg3NL65W6s+NY5l9cunuw==",
       "requires": {
         "base64-js": "^1.0.2",
         "ieee754": "^1.1.4"
@@ -2558,9 +2590,9 @@
       "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg=="
     },
     "cacache": {
-      "version": "12.0.3",
-      "resolved": "https://registry.npmjs.org/cacache/-/cacache-12.0.3.tgz",
-      "integrity": "sha512-kqdmfXEGFepesTuROHMs3MpFLWrPkSSpRqOw80RCflZXy/khxaArvFrQ7uJxSUduzAufc6G0g1VUCOZXxWavPw==",
+      "version": "12.0.4",
+      "resolved": "https://registry.npmjs.org/cacache/-/cacache-12.0.4.tgz",
+      "integrity": "sha512-a0tMB40oefvuInr4Cwb3GerbL9xTj1D5yg0T5xrjGCGyfvbxseIXX7BAO/u/hIXdafzOI5JC3wDwHyf24buOAQ==",
       "requires": {
         "bluebird": "^3.5.5",
         "chownr": "^1.1.1",
@@ -3159,6 +3191,13 @@
       "requires": {
         "bn.js": "^4.1.0",
         "elliptic": "^6.0.0"
+      },
+      "dependencies": {
+        "bn.js": {
+          "version": "4.11.9",
+          "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.9.tgz",
+          "integrity": "sha512-E6QoYqCKZfgatHTdHzs1RRKP7ip4vvm+EyRUeE2RF0NblwVvb0p6jSVeNTOFxPn26QXN2o6SMfNxKp6kU8zQaw=="
+        }
       }
     },
     "create-hash": {
@@ -3462,9 +3501,9 @@
       "integrity": "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU="
     },
     "decompress": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/decompress/-/decompress-4.2.0.tgz",
-      "integrity": "sha1-eu3YVCflqS2s/lVnSnxQXpbQH50=",
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/decompress/-/decompress-4.2.1.tgz",
+      "integrity": "sha512-e48kc2IjU+2Zw8cTb6VZcJQ3lgVbS4uuB1TfCHbiZIP/haNXm+SVyhu+87jts5/3ROpd82GSVCoNs/z8l4ZOaQ==",
       "requires": {
         "decompress-tar": "^4.0.0",
         "decompress-tarbz2": "^4.0.0",
@@ -3709,6 +3748,13 @@
         "bn.js": "^4.1.0",
         "miller-rabin": "^4.0.0",
         "randombytes": "^2.0.0"
+      },
+      "dependencies": {
+        "bn.js": {
+          "version": "4.11.9",
+          "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.9.tgz",
+          "integrity": "sha512-E6QoYqCKZfgatHTdHzs1RRKP7ip4vvm+EyRUeE2RF0NblwVvb0p6jSVeNTOFxPn26QXN2o6SMfNxKp6kU8zQaw=="
+        }
       }
     },
     "dir-glob": {
@@ -3900,6 +3946,13 @@
         "inherits": "^2.0.1",
         "minimalistic-assert": "^1.0.0",
         "minimalistic-crypto-utils": "^1.0.0"
+      },
+      "dependencies": {
+        "bn.js": {
+          "version": "4.11.9",
+          "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.9.tgz",
+          "integrity": "sha512-E6QoYqCKZfgatHTdHzs1RRKP7ip4vvm+EyRUeE2RF0NblwVvb0p6jSVeNTOFxPn26QXN2o6SMfNxKp6kU8zQaw=="
+        }
       }
     },
     "emoji-regex": {
@@ -4471,9 +4524,9 @@
       }
     },
     "figgy-pudding": {
-      "version": "3.5.1",
-      "resolved": "https://registry.npmjs.org/figgy-pudding/-/figgy-pudding-3.5.1.tgz",
-      "integrity": "sha512-vNKxJHTEKNThjfrdJwHc7brvM6eVevuO5nTj6ez8ZQ1qbXTvGthucRF7S4vf2cr71QVnT70V34v0S1DyQsti0w=="
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/figgy-pudding/-/figgy-pudding-3.5.2.tgz",
+      "integrity": "sha512-0btnI/H8f2pavGMN8w40mlSKOfTK2SVJmBfBeVIj3kNw0swwgzyRq0d5TJVOwodFmtvpPeWPN/MCcfuWF0Ezbw=="
     },
     "figures": {
       "version": "2.0.0",
@@ -5777,12 +5830,30 @@
       "integrity": "sha512-UqBRqi4ju7T+TqGNdqAO0PaSVGsDGJUBQvk9eUWNGRY1CFGDzYhLWoM7JQEemnlvVcv/YEmc2wNW8BC24EnUsw=="
     },
     "hash-base": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.0.4.tgz",
-      "integrity": "sha1-X8hoaEfs1zSZQDMZprCj8/auSRg=",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.1.0.tgz",
+      "integrity": "sha512-1nmYp/rhMDiE7AYkDw+lLwlAzz0AntGIe51F3RfFfEqyQ3feY2eI/NcwC6umIQVOASPMsWJLJScWKSSvzL9IVA==",
       "requires": {
-        "inherits": "^2.0.1",
-        "safe-buffer": "^5.0.1"
+        "inherits": "^2.0.4",
+        "readable-stream": "^3.6.0",
+        "safe-buffer": "^5.2.0"
+      },
+      "dependencies": {
+        "readable-stream": {
+          "version": "3.6.0",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+          "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
+          "requires": {
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
+          }
+        },
+        "safe-buffer": {
+          "version": "5.2.1",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+          "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="
+        }
       }
     },
     "hash-sum": {
@@ -7049,11 +7120,6 @@
         "pify": "^3.0.0"
       }
     },
-    "mamacro": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/mamacro/-/mamacro-0.0.3.tgz",
-      "integrity": "sha512-qMEwh+UujcQ+kbz3T6V+wAmO2U8veoq2w+3wY8MquqwVA3jChfwY+Tk52GZKDfACEPjuZ7r2oJLejwpt8jtwTA=="
-    },
     "map-cache": {
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz",
@@ -7237,6 +7303,13 @@
       "requires": {
         "bn.js": "^4.0.0",
         "brorand": "^1.0.1"
+      },
+      "dependencies": {
+        "bn.js": {
+          "version": "4.11.9",
+          "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.9.tgz",
+          "integrity": "sha512-E6QoYqCKZfgatHTdHzs1RRKP7ip4vvm+EyRUeE2RF0NblwVvb0p6jSVeNTOFxPn26QXN2o6SMfNxKp6kU8zQaw=="
+        }
       }
     },
     "mime": {
@@ -7301,9 +7374,9 @@
       }
     },
     "minimist": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
-      "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ="
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
+      "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw=="
     },
     "minipass": {
       "version": "3.1.1",
@@ -7373,20 +7446,18 @@
       }
     },
     "mkdirp": {
-      "version": "0.5.1",
-      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
-      "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz",
+      "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==",
       "requires": {
-        "minimist": "0.0.8"
-      },
-      "dependencies": {
-        "minimist": {
-          "version": "0.0.8",
-          "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
-          "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0="
-        }
+        "minimist": "^1.2.5"
       }
     },
+    "mkdirp-classic": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz",
+      "integrity": "sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A=="
+    },
     "moment": {
       "version": "2.24.0",
       "resolved": "https://registry.npmjs.org/moment/-/moment-2.24.0.tgz",
@@ -7444,9 +7515,9 @@
       }
     },
     "napi-build-utils": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/napi-build-utils/-/napi-build-utils-1.0.1.tgz",
-      "integrity": "sha512-boQj1WFgQH3v4clhu3mTNfP+vOBxorDlE8EKiMjUlLG3C4qAESnn9AxIOkFgTR2c9LtzNjPrjS60cT27ZKBhaA=="
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/napi-build-utils/-/napi-build-utils-1.0.2.tgz",
+      "integrity": "sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg=="
     },
     "negotiator": {
       "version": "0.6.2",
@@ -7477,9 +7548,9 @@
       }
     },
     "node-abi": {
-      "version": "2.15.0",
-      "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-2.15.0.tgz",
-      "integrity": "sha512-FeLpTS0F39U7hHZU1srAK4Vx+5AHNVOTP+hxBNQknR/54laTHSFIJkDWDqiquY1LeLUgTfPN7sLPhMubx0PLAg==",
+      "version": "2.18.0",
+      "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-2.18.0.tgz",
+      "integrity": "sha512-yi05ZoiuNNEbyT/xXfSySZE+yVnQW6fxPZuFbLyS1s6b5Kw3HzV2PHOM4XR+nsjzkHxByK+2Wg+yCQbe35l8dw==",
       "requires": {
         "semver": "^5.4.1"
       }
@@ -8007,9 +8078,9 @@
       }
     },
     "pbkdf2": {
-      "version": "3.0.17",
-      "resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.0.17.tgz",
-      "integrity": "sha512-U/il5MsrZp7mGg3mSQfn742na2T+1/vHDCG5/iTI3X9MKUuYUZVLQhyRsg06mCgDBTd57TxzgZt7P+fYfjRLtA==",
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.1.1.tgz",
+      "integrity": "sha512-4Ejy1OPxi9f2tt1rRV7Go7zmfDQ+ZectEQz3VGUQhgq62HtIRPDyG/JtnwIxs6x3uNMwo2V7q1fMvKjb+Tnpqg==",
       "requires": {
         "create-hash": "^1.1.2",
         "create-hmac": "^1.1.4",
@@ -8124,9 +8195,9 @@
       }
     },
     "portfinder": {
-      "version": "1.0.25",
-      "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.25.tgz",
-      "integrity": "sha512-6ElJnHBbxVA1XSLgBp7G1FiCkQdlqGzuF7DswL5tcea+E8UpuvPU7beVAjjRwCioTS9ZluNbu+ZyRvgTsmqEBg==",
+      "version": "1.0.26",
+      "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.26.tgz",
+      "integrity": "sha512-Xi7mKxJHHMI3rIUrnm/jjUgwhbYMkp/XKEcZX3aG4BrumLpq3nmoQMX+ClYnDZnZ/New7IatC1no5RX0zo1vXQ==",
       "requires": {
         "async": "^2.6.2",
         "debug": "^3.1.1",
@@ -8740,14 +8811,14 @@
       "integrity": "sha512-LmeoohTpp/K4UiyQCwuGWlONxXamGzCMtFxLq4W1nZVGIQLYvMCJx3yAF9qyyuFpflABI9yVdtJAqbihOsCsJQ=="
     },
     "prebuild-install": {
-      "version": "5.3.3",
-      "resolved": "https://registry.npmjs.org/prebuild-install/-/prebuild-install-5.3.3.tgz",
-      "integrity": "sha512-GV+nsUXuPW2p8Zy7SarF/2W/oiK8bFQgJcncoJ0d7kRpekEA0ftChjfEaF9/Y+QJEc/wFR7RAEa8lYByuUIe2g==",
+      "version": "5.3.4",
+      "resolved": "https://registry.npmjs.org/prebuild-install/-/prebuild-install-5.3.4.tgz",
+      "integrity": "sha512-AkKN+pf4fSEihjapLEEj8n85YIw/tN6BQqkhzbDc0RvEZGdkpJBGMUYx66AAMcPG2KzmPQS7Cm16an4HVBRRMA==",
       "requires": {
         "detect-libc": "^1.0.3",
         "expand-template": "^2.0.3",
         "github-from-package": "0.0.0",
-        "minimist": "^1.2.0",
+        "minimist": "^1.2.3",
         "mkdirp": "^0.5.1",
         "napi-build-utils": "^1.0.1",
         "node-abi": "^2.7.0",
@@ -8861,6 +8932,13 @@
         "parse-asn1": "^5.0.0",
         "randombytes": "^2.0.1",
         "safe-buffer": "^5.1.2"
+      },
+      "dependencies": {
+        "bn.js": {
+          "version": "4.11.9",
+          "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.9.tgz",
+          "integrity": "sha512-E6QoYqCKZfgatHTdHzs1RRKP7ip4vvm+EyRUeE2RF0NblwVvb0p6jSVeNTOFxPn26QXN2o6SMfNxKp6kU8zQaw=="
+        }
       }
     },
     "pump": {
@@ -10102,9 +10180,9 @@
       }
     },
     "source-map-support": {
-      "version": "0.5.16",
-      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.16.tgz",
-      "integrity": "sha512-efyLRJDr68D9hBBNIPWFjhpFzURh+KJykQwvMyW5UiZzYwoF6l4YMMDIJJEyFWxWCqfyxLzz6tSfUFR+kXXsVQ==",
+      "version": "0.5.19",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.19.tgz",
+      "integrity": "sha512-Wonm7zOCIJzBGQdB+thsPar0kYuCIzYvxZwlBa87yi/Mdjv7Tip2cyVbLj5o0cFPN4EVkuTwb3GDDyUx2DGnGw==",
       "requires": {
         "buffer-from": "^1.0.0",
         "source-map": "^0.6.0"
@@ -10568,22 +10646,33 @@
       }
     },
     "tar-fs": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.0.0.tgz",
-      "integrity": "sha512-vaY0obB6Om/fso8a8vakQBzwholQ7v5+uy+tF3Ozvxv1KNezmVQAiWtcNmMHFSFPqL3dJA8ha6gdtFbfX9mcxA==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.0.tgz",
+      "integrity": "sha512-9uW5iDvrIMCVpvasdFHW0wJPez0K4JnMZtsuIeDI7HyMGJNxmDZDOCQROr7lXyS+iL/QMpj07qcjGYTSdRFXUg==",
       "requires": {
         "chownr": "^1.1.1",
-        "mkdirp": "^0.5.1",
+        "mkdirp-classic": "^0.5.2",
         "pump": "^3.0.0",
         "tar-stream": "^2.0.0"
       },
       "dependencies": {
         "bl": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/bl/-/bl-3.0.0.tgz",
-          "integrity": "sha512-EUAyP5UHU5hxF8BPT0LKW8gjYLhq1DQIcneOX/pL/m2Alo+OYDQAJlHq+yseMP50Os2nHXOSic6Ss3vSQeyf4A==",
+          "version": "4.0.2",
+          "resolved": "https://registry.npmjs.org/bl/-/bl-4.0.2.tgz",
+          "integrity": "sha512-j4OH8f6Qg2bGuWfRiltT2HYGx0e1QcBTrK9KAHNMwMZdQnDZFk0ZSYIpADjYCB3U12nicC5tVJwSIhwOWjb4RQ==",
           "requires": {
-            "readable-stream": "^3.0.1"
+            "buffer": "^5.5.0",
+            "inherits": "^2.0.4",
+            "readable-stream": "^3.4.0"
+          }
+        },
+        "buffer": {
+          "version": "5.6.0",
+          "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.6.0.tgz",
+          "integrity": "sha512-/gDYp/UtU0eA1ys8bOs9J6a+E/KWIY+DZ+Q2WESNUA0jFRsJOc0SNUO6xJ5SGA1xueg3NL65W6s+NY5l9cunuw==",
+          "requires": {
+            "base64-js": "^1.0.2",
+            "ieee754": "^1.1.4"
           }
         },
         "readable-stream": {
@@ -10597,11 +10686,11 @@
           }
         },
         "tar-stream": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.1.0.tgz",
-          "integrity": "sha512-+DAn4Nb4+gz6WZigRzKEZl1QuJVOLtAwwF+WUxy1fJ6X63CaGaUAxJRD2KEn1OMfcbCjySTYpNC6WmfQoIEOdw==",
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.1.2.tgz",
+          "integrity": "sha512-UaF6FoJ32WqALZGOIAApXx+OdxhekNMChu6axLJR85zMMjXKWFGjbIRe+J6P4UnRGg9rAwWvbTT0oI7hD/Un7Q==",
           "requires": {
-            "bl": "^3.0.0",
+            "bl": "^4.0.1",
             "end-of-stream": "^1.4.1",
             "fs-constants": "^1.0.0",
             "inherits": "^2.0.3",
@@ -10687,9 +10776,9 @@
       }
     },
     "terser": {
-      "version": "4.6.3",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-4.6.3.tgz",
-      "integrity": "sha512-Lw+ieAXmY69d09IIc/yqeBqXpEQIpDGZqT34ui1QWXIUpR2RjbqEkT8X7Lgex19hslSqcWM5iMN2kM11eMsESQ==",
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-4.7.0.tgz",
+      "integrity": "sha512-Lfb0RiZcjRDXCC3OSHJpEkxJ9Qeqs6mp2v4jf2MHfy8vGERmVDuvjXdd/EnP5Deme5F2yBRBymKmKHCBg2echw==",
       "requires": {
         "commander": "^2.20.0",
         "source-map": "~0.6.1",
@@ -10704,21 +10793,29 @@
       }
     },
     "terser-webpack-plugin": {
-      "version": "1.4.3",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-1.4.3.tgz",
-      "integrity": "sha512-QMxecFz/gHQwteWwSo5nTc6UaICqN1bMedC5sMtUc7y3Ha3Q8y6ZO0iCR8pq4RJC8Hjf0FEPEHZqcMB/+DFCrA==",
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-1.4.4.tgz",
+      "integrity": "sha512-U4mACBHIegmfoEe5fdongHESNJWqsGU+W0S/9+BmYGVQDw1+c2Ow05TpMhxjPK1sRb7cuYq1BPl1e5YHJMTCqA==",
       "requires": {
         "cacache": "^12.0.2",
         "find-cache-dir": "^2.1.0",
         "is-wsl": "^1.1.0",
         "schema-utils": "^1.0.0",
-        "serialize-javascript": "^2.1.2",
+        "serialize-javascript": "^3.1.0",
         "source-map": "^0.6.1",
         "terser": "^4.1.2",
         "webpack-sources": "^1.4.0",
         "worker-farm": "^1.7.0"
       },
       "dependencies": {
+        "serialize-javascript": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-3.1.0.tgz",
+          "integrity": "sha512-JIJT1DGiWmIKhzRsG91aS6Ze4sFUrYbltlkg2onR5OrnNM02Kl/hnY/T4FN2omvyeBbQmMJv+K4cPOpGzOTFBg==",
+          "requires": {
+            "randombytes": "^2.1.0"
+          }
+        },
         "source-map": {
           "version": "0.6.1",
           "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -10869,9 +10966,9 @@
       "integrity": "sha512-rvuRbTarPXmMb79SmzEp8aqXNKcK+y0XaB298IXueQ8I2PsrATcPBCSPyK/dDNa2iWOhKlfNnOjdAOTBU/nkFA=="
     },
     "tslib": {
-      "version": "1.10.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz",
-      "integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ=="
+      "version": "1.13.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.13.0.tgz",
+      "integrity": "sha512-i/6DQjL8Xf3be4K/E6Wgpekn5Qasl1usyw++dAA35Ue5orEn65VIxOA+YvNNl9HV3qv70T7CNwjODHZrLwvd1Q=="
     },
     "tty-browserify": {
       "version": "0.0.0",
@@ -10932,9 +11029,9 @@
       }
     },
     "unbzip2-stream": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/unbzip2-stream/-/unbzip2-stream-1.3.3.tgz",
-      "integrity": "sha512-fUlAF7U9Ah1Q6EieQ4x4zLNejrRvDWUYmxXUpN3uziFYCHapjWFaCAnreY9bGgxzaMCFAPPpYNng57CypwJVhg==",
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/unbzip2-stream/-/unbzip2-stream-1.4.3.tgz",
+      "integrity": "sha512-mlExGW4w71ebDJviH16lQLtZS32VKqsSfk80GCfUlwT/4/hNRFsoscrF/c++9xinkMzECL1uL9DDwXqFWkruPg==",
       "requires": {
         "buffer": "^5.2.1",
         "through": "^2.3.8"
@@ -11585,13 +11682,123 @@
       "integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw=="
     },
     "watchpack": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.6.0.tgz",
-      "integrity": "sha512-i6dHe3EyLjMmDlU1/bGQpEw25XSjkJULPuAVKCbNRefQVq48yXKUpwg538F7AZTf9kyr57zj++pQFltUa5H7yA==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.7.2.tgz",
+      "integrity": "sha512-ymVbbQP40MFTp+cNMvpyBpBtygHnPzPkHqoIwRRj/0B8KhqQwV8LaKjtbaxF2lK4vl8zN9wCxS46IFCU5K4W0g==",
       "requires": {
-        "chokidar": "^2.0.2",
+        "chokidar": "^3.4.0",
         "graceful-fs": "^4.1.2",
-        "neo-async": "^2.5.0"
+        "neo-async": "^2.5.0",
+        "watchpack-chokidar2": "^2.0.0"
+      },
+      "dependencies": {
+        "anymatch": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.1.tgz",
+          "integrity": "sha512-mM8522psRCqzV+6LhomX5wgp25YVibjh8Wj23I5RPkPppSVSjyKD2A2mBJmWGa+KN7f2D6LNh9jkBCeyLktzjg==",
+          "optional": true,
+          "requires": {
+            "normalize-path": "^3.0.0",
+            "picomatch": "^2.0.4"
+          }
+        },
+        "binary-extensions": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.0.0.tgz",
+          "integrity": "sha512-Phlt0plgpIIBOGTT/ehfFnbNlfsDEiqmzE2KRXoX1bLIlir4X/MR+zSyBEkL05ffWgnRSf/DXv+WrUAVr93/ow==",
+          "optional": true
+        },
+        "braces": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+          "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+          "optional": true,
+          "requires": {
+            "fill-range": "^7.0.1"
+          }
+        },
+        "chokidar": {
+          "version": "3.4.0",
+          "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.4.0.tgz",
+          "integrity": "sha512-aXAaho2VJtisB/1fg1+3nlLJqGOuewTzQpd/Tz0yTg2R0e4IGtshYvtjowyEumcBv2z+y4+kc75Mz7j5xJskcQ==",
+          "optional": true,
+          "requires": {
+            "anymatch": "~3.1.1",
+            "braces": "~3.0.2",
+            "fsevents": "~2.1.2",
+            "glob-parent": "~5.1.0",
+            "is-binary-path": "~2.1.0",
+            "is-glob": "~4.0.1",
+            "normalize-path": "~3.0.0",
+            "readdirp": "~3.4.0"
+          }
+        },
+        "fill-range": {
+          "version": "7.0.1",
+          "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+          "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+          "optional": true,
+          "requires": {
+            "to-regex-range": "^5.0.1"
+          }
+        },
+        "fsevents": {
+          "version": "2.1.3",
+          "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.1.3.tgz",
+          "integrity": "sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==",
+          "optional": true
+        },
+        "glob-parent": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.1.tgz",
+          "integrity": "sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==",
+          "optional": true,
+          "requires": {
+            "is-glob": "^4.0.1"
+          }
+        },
+        "is-binary-path": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+          "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+          "optional": true,
+          "requires": {
+            "binary-extensions": "^2.0.0"
+          }
+        },
+        "is-number": {
+          "version": "7.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+          "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+          "optional": true
+        },
+        "readdirp": {
+          "version": "3.4.0",
+          "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.4.0.tgz",
+          "integrity": "sha512-0xe001vZBnJEK+uKcj8qOhyAKPzIT+gStxWr3LCB0DwcXR5NZJ3IaC+yGnHCYzB/S7ov3m3EEbZI2zeNvX+hGQ==",
+          "optional": true,
+          "requires": {
+            "picomatch": "^2.2.1"
+          }
+        },
+        "to-regex-range": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+          "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+          "optional": true,
+          "requires": {
+            "is-number": "^7.0.0"
+          }
+        }
+      }
+    },
+    "watchpack-chokidar2": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/watchpack-chokidar2/-/watchpack-chokidar2-2.0.0.tgz",
+      "integrity": "sha512-9TyfOyN/zLUbA288wZ8IsMZ+6cbzvsNyEzSBp6e/zkifi6xxbl8SmQ/CxQq32k8NNqrdVEVUVSEf56L4rQ/ZxA==",
+      "optional": true,
+      "requires": {
+        "chokidar": "^2.1.8"
       }
     },
     "wcwidth": {
@@ -11603,15 +11810,15 @@
       }
     },
     "webpack": {
-      "version": "4.41.6",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-4.41.6.tgz",
-      "integrity": "sha512-yxXfV0Zv9WMGRD+QexkZzmGIh54bsvEs+9aRWxnN8erLWEOehAKUTeNBoUbA6HPEZPlRo7KDi2ZcNveoZgK9MA==",
-      "requires": {
-        "@webassemblyjs/ast": "1.8.5",
-        "@webassemblyjs/helper-module-context": "1.8.5",
-        "@webassemblyjs/wasm-edit": "1.8.5",
-        "@webassemblyjs/wasm-parser": "1.8.5",
-        "acorn": "^6.2.1",
+      "version": "4.43.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-4.43.0.tgz",
+      "integrity": "sha512-GW1LjnPipFW2Y78OOab8NJlCflB7EFskMih2AHdvjbpKMeDJqEgSx24cXXXiPS65+WSwVyxtDsJH6jGX2czy+g==",
+      "requires": {
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/helper-module-context": "1.9.0",
+        "@webassemblyjs/wasm-edit": "1.9.0",
+        "@webassemblyjs/wasm-parser": "1.9.0",
+        "acorn": "^6.4.1",
         "ajv": "^6.10.2",
         "ajv-keywords": "^3.4.1",
         "chrome-trace-event": "^1.0.2",
@@ -11622,13 +11829,13 @@
         "loader-utils": "^1.2.3",
         "memory-fs": "^0.4.1",
         "micromatch": "^3.1.10",
-        "mkdirp": "^0.5.1",
+        "mkdirp": "^0.5.3",
         "neo-async": "^2.6.1",
         "node-libs-browser": "^2.2.1",
         "schema-utils": "^1.0.0",
         "tapable": "^1.1.3",
         "terser-webpack-plugin": "^1.4.3",
-        "watchpack": "^1.6.0",
+        "watchpack": "^1.6.1",
         "webpack-sources": "^1.4.1"
       },
       "dependencies": {

From 4bd304e54611d2055ee0ddd49ba5bf9da22514e8 Mon Sep 17 00:00:00 2001
From: Wilson <wilsonj806@gmail.com>
Date: Wed, 10 Jun 2020 16:47:08 -0400
Subject: [PATCH 03/16] Add BaseNav and update styling

---
 src/components/BaseNav.vue |  27 +++++
 src/styles/nav.css         | 227 +++++++------------------------------
 2 files changed, 66 insertions(+), 188 deletions(-)
 create mode 100644 src/components/BaseNav.vue

diff --git a/src/components/BaseNav.vue b/src/components/BaseNav.vue
new file mode 100644
index 0000000..2af9273
--- /dev/null
+++ b/src/components/BaseNav.vue
@@ -0,0 +1,27 @@
+<template>
+  <nav>
+    <div class='nav-header'>
+      <span>WJ</span>
+    </div>
+    <div class="nav-links">
+      <ul class='nav-list'>
+        <!-- <li><g-link to='/works'>Works</g-link></li> -->
+        <!-- <li><g-link to='/blog'>Blog</g-link></li> -->
+        <li class='nav-list-item'>
+          <a class='nav-link' href='https://www.dropbox.com/s/soxnd60u5du2x66/Wilson-Jiang-Resume.pdf?dl=07&raw=1'>
+            Resume
+          </a>
+        </li>
+      </ul>
+    </div>
+  </nav>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style src='../styles/nav.css' scoped>
+</style>
\ No newline at end of file
diff --git a/src/styles/nav.css b/src/styles/nav.css
index e4063f0..fe4462e 100644
--- a/src/styles/nav.css
+++ b/src/styles/nav.css
@@ -1,207 +1,58 @@
-/* Global */
-header {
-  padding-top: 0.5rem;
-  width: 100%;
-}
-
-.name {
-  font-size: 1.75rem;
-  padding: 0.5rem;
-  margin: 0.25rem;
-  /* border-radius: 0.5rem; */
-  /* background-color: rgba(223, 210, 185, 0.65); */
-  text-decoration: none;
-}
-
-.name:link {
-  color: black;
-}
-
-.name:visited {
-  color: black;
-}
-
-.name:hover::after, .name:focus::after {
-  width: 40px;
-  right: auto;
-  left: 0;
-}
-.name:hover::before, .name:focus::before {
-  width: 40px;
-  right: 0;
-  left: auto;
-}
 
-.name:after {
-  content: "";
-  background: rgb(190, 154, 236);
-  height: 40px;
-  opacity: 0.8;
-  position: absolute;
-  right: 50%;
-  bottom: 0;
-  transition: all 0.15s;
-  width: 0;
-  z-index: -2;
-}
-
-.name:before {
-  content: "";
-  background: rgb(105, 170, 79);
-  height: 40px;
-  opacity: 0.8;
-  position: absolute;
-  right: 0;
-  top: 0;
-  transition: all 0.15s;
-  width: 0;
-  z-index: -1;
-}
-
-.name:focus {
-  text-decoration: underline;
-}
-/* Mobile Nav */
-.mobile-header {
+nav {
+  margin: auto;
   width: 100%;
+  position: relative;
   display: flex;
-  visibility: visible;
   justify-content: space-between;
   align-items: center;
-}
-.fade-in-enter-active, .fade-in-leave-active {
-  transition: all .3s ease-in-out;
-}
-.fade-in-enter-to {
-  transform: translateX(0px)
-}
-
-.fade-in-leave-to, .fade-in-enter {
-  opacity: 0;
-  transform: translateX(-768px);
-}
-
-.primary-nav-links {
+  padding: 16px 0;
+}
+.nav-header {
+  background: #842df3;
+  opacity: 80%;
+  color: white;
+  font-family: Arial, Helvetica, sans-serif;
+  width: 48px;
+  height: 48px;
+  position: relative;
+  z-index: 1;
   display: flex;
-  justify-content: flex-start;
-  flex-flow: column nowrap;
+  justify-content: center;
   align-items: center;
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 100;
-  width: 100%;
-  height: 100vh;
-  overflow: hidden;
-  background: rgba(255, 255, 255, 0.9);
-}
-
-.wrap-close-btn {
-  width: 100%;
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-}
-
-.close-btn {
-  padding: 0.5rem 0.75rem;
-  margin: 0;
-  font-size: 1.75rem;
-}
-.nav-link {
-  text-align: center;
-  width: 100%;
-  margin: 1rem 0;
-  padding: 2rem 0;
-  font-size: 3rem;
+  font-size: 24px;
 }
 
-.nav-link:link {
-  color: black;
+.nav-header::before {
+  display: block;
+  position: absolute;
+  z-index: -1;
+  content: "";
+  top: -8px;
+  left: -8px;
+  width: 48px;
+  height: 48px;
+  background: #41d16a;
+  opacity: 80%;
 }
 
-.nav-link:visited {
-  color: black;
-}
 
-.nav-link:focus {
-  margin: calc(1rem - 1px) 0;
-  border-top: 1px;
-  border-bottom: 1px;
-  border-right: 0;
-  border-left: 0;
-  border-style:solid;
-  border-color: rgba(240, 240, 240, 0.85);
-  background: rgba(255, 255, 255, 0.75);
+.nav-list {
+  list-style-type: none;
 }
 
-.nav-link:hover {
-  margin: calc(1rem - 1px) 0;
-  border-top: 1px;
-  border-bottom: 1px;
-  border-right: 0;
-  border-left: 0;
-  border-style:solid;
-  border-color: rgba(240, 240, 240, 0.85);
-  background: rgba(255, 255, 255, 0.75);
+a.nav-link {
+  margin-right: 8px;
 }
 
-@media only screen and (min-width: 1024px) {
-  .mobile-header {
-    display: none;
-    visibility: hidden;
-  }
+a.nav-link:link {
+  color: black;
+  text-decoration: none;
+  font-family: Arial, Helvetica, sans-serif;
 }
 
-/* Desktop Nav */
-.nav-desktop {
-  display: none;
-  visibility: hidden;
+a.nav-link:visited {
+  color: black;
+  text-decoration: none;
+  font-family: Arial, Helvetica, sans-serif;
 }
-@media only screen and (min-width: 1024px) {
-  .nav-desktop {
-    width: 100%;
-    display: flex;
-    margin: 1rem 0;
-    padding: 0.25rem 0;
-    visibility: visible;
-    align-items: baseline;
-    justify-content: space-between;
-    position: sticky;
-    top: 0;
-    left: 0;
-  }
-  .nav-link--desktop {
-    margin: 0 0.5rem;
-    font-size: 1.5rem;
-    position: relative;
-    text-decoration: none;
-  }
-  .nav-link--desktop:link {
-    color: black;
-  }
-
-  .nav-link--desktop:visited {
-    color: black;
-  }
-
-  .nav-link--desktop:hover::after, .nav-link--desktop:focus::after {
-    width: 100%;
-    right: auto;
-    left: 0;
-  }
-
-  .nav-link--desktop::after {
-    content: "";
-    background: rgb(194, 184, 255);
-    border-bottom: 1px solid rgb(90, 90, 90);
-    height: 0.75rem;
-    opacity: 1;
-    position: absolute;
-    right: 0;
-    top: 50%;
-    transition: all 0.15s;
-    width: 0;
-    z-index: -1;
-  }
-}
\ No newline at end of file

From 41cd5fca83b4ce97ae8ad97046292ce3033a6596 Mon Sep 17 00:00:00 2001
From: Wilson <wilsonj806@gmail.com>
Date: Wed, 10 Jun 2020 16:47:35 -0400
Subject: [PATCH 04/16] Update BaseFooter and add BaseNav to Default layout

---
 src/components/BaseFooter.vue | 61 ++++++-----------------------------
 src/layouts/Default.vue       |  8 ++---
 2 files changed, 13 insertions(+), 56 deletions(-)

diff --git a/src/components/BaseFooter.vue b/src/components/BaseFooter.vue
index 8f27a11..f49686e 100644
--- a/src/components/BaseFooter.vue
+++ b/src/components/BaseFooter.vue
@@ -1,13 +1,7 @@
 <template>
-  <footer>
-    <div class="section">
-      <p>
-        Built with <a class="link" href="https://gridsome.org/"><img src="../../img/gridsome-logo.svg" alt="gridsome logo"/> Gridsome</a> and <a class="link" href="https://vuejs.org/">Vue.JS</a>
-      </p>
-      <p>
-        {{ `&#169; Wilson Jiang ${year}`}}
-      </p>
-    </div>
+<footer>
+    <p>My social links here but longer</p>
+    <p>{{ `&#169; Wilson Jiang ${year}`}}</p>
   </footer>
 </template>
 
@@ -24,53 +18,16 @@ export default {
 
 <style scoped>
 footer {
-  margin-top: 2rem;
+  height: 80px;
   width: 100vw;
-  /* background-color: rgb(126, 126, 126); */
-  color: black;
+  background: #9fd292;
   display: flex;
-  justify-content: center;
+  justify-content: space-between;
 }
 
-div {
-  width: 100%;
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: flex-start;
-}
-
-img {
-  width: 1rem;
-  align-self: center;
-  margin-right: 0.125rem;
-}
-
-p {
-  margin: 0 0;
-  font-size: 0.825rem;
-}
-
-.link {
-  display: inline-flex;
-  align-items: baseline;
+footer > p {
+  color: white;
+  font-family: Arial, Helvetica, sans-serif;
 }
 
-.link:link {
-  text-decoration: none;
-  color: black;
-}
-
-.link:visited {
-  color: black;
-}
-
-.link:hover {
-  text-decoration: underline;
-}
-
-@media only screen and (min-width: 1024px) {
-  div {
-    width: 70%;
-  }
-}
 </style>
\ No newline at end of file
diff --git a/src/layouts/Default.vue b/src/layouts/Default.vue
index ed3c0e0..b3492c0 100644
--- a/src/layouts/Default.vue
+++ b/src/layouts/Default.vue
@@ -1,19 +1,19 @@
 <template>
   <div class="layout-default">
-    <BaseHeader/>
+    <BaseNav/>
     <slot/>
     <BaseFooter/>
   </div>
 </template>
 
 <script>
-import BaseHeader from '../components/BaseHeader'
 import BaseFooter from '../components/BaseFooter'
+import BaseNav from '../components/BaseNav'
 
 export default {
   components: {
-    BaseHeader,
-    BaseFooter
+    BaseFooter,
+    BaseNav
   },
 
 }

From 9dd42791bf3a7ca4d2f13f315d87d4c35900e800 Mon Sep 17 00:00:00 2001
From: Wilson <wilsonj806@gmail.com>
Date: Wed, 10 Jun 2020 18:25:21 -0400
Subject: [PATCH 05/16] Update how the socials links render

---
 src/main.js         |  4 +--
 src/pages/Index.vue | 66 +++++++++++++++++++++------------------------
 2 files changed, 32 insertions(+), 38 deletions(-)

diff --git a/src/main.js b/src/main.js
index 748b86e..290b669 100644
--- a/src/main.js
+++ b/src/main.js
@@ -7,7 +7,7 @@ import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 import {
   faGithub,
   faTwitter,
-  faLinkedin,
+  faLinkedinIn,
   faAngellist,
   faFontAwesome,
 } from '@fortawesome/free-brands-svg-icons'
@@ -21,7 +21,7 @@ library.add(
   faGithub,
   faTwitter,
   faTerminal,
-  faLinkedin,
+  faLinkedinIn,
   faAngellist,
   faFontAwesome,
 )
diff --git a/src/pages/Index.vue b/src/pages/Index.vue
index 2227819..29f34f0 100644
--- a/src/pages/Index.vue
+++ b/src/pages/Index.vue
@@ -1,41 +1,35 @@
 <template>
   <Layout>
-    <section class="section sect-intro">
-      <h1>Hi, I'm Wilson!</h1>
-      <div class="wrap-intro-txt">
-        <WipCard/>
-        <p>
-          I'm a front end developer building interfaces with modern web technologies such as React.js or Vue.js!
-        </p>
-        <p>
-          I can design, build, and deploy web apps from the ground up and have no qualms about picking up new technlogies or concepts.
-        </p>
-        <p>
-          Check out my socials!
-        </p>
-        <div>
-          <a
-            target="_blank"
-            class="link-github link"
-            href="https://github.com/wilsonj806"
-          >
-            <font-awesome-icon :icon="['fab', 'github']" size="1x" />  Github
-          </a>
-          <a
-            target="_blank"
-            class="link-linkedin link"
-            href="https://linkedin.com/in/wilsonj806"
-          >
-            <font-awesome-icon :icon="['fab', 'linkedin']" size="1x" />  LinkedIn
-          </a>
-          <a
-            target="_blank"
-            class="link-angellist link"
-            href="https://angel.co/wilson-jiang"
-          >
-            <font-awesome-icon :icon="['fab', 'angellist']" size="1x" />  AngelList
-          </a>
-        </div>
+    <section class='intro'>
+    <div class='intro-links'>
+      <a
+        target="_blank"
+        aria-label='Github Profile Link'
+        rel='noopener noreferrer'
+        class="link-github link"
+        href="https://github.com/wilsonj806"
+      >
+        <font-awesome-icon :icon="['fab', 'github']" size="1x" />
+      </a>
+      <a
+        target="_blank"
+        rel='noopener noreferrer'
+        aria-label='LinkedIn Profile Link'
+        class="link"
+        href="https://linkedin.com/in/wilsonj806"
+      >
+        <font-awesome-icon :icon="['fab', 'linkedin-in']" size="1x" />
+      </a>
+      <a
+        target="_blank"
+        aria-label='AngelList Profile Link'
+        class="link"
+        rel='noopener noreferrer'
+        href="https://angel.co/wilson-jiang"
+      >
+        <font-awesome-icon :icon="['fab', 'angellist']" size="1x" />
+      </a>
+    </div>
       </div>
     </section>
     <section class="section">

From 5788978888248367909141e4c5eb556c19b9f04f Mon Sep 17 00:00:00 2001
From: Wilson <wilsonj806@gmail.com>
Date: Wed, 10 Jun 2020 18:26:24 -0400
Subject: [PATCH 06/16] Extract Index.vue styling and update it

---
 src/pages/Index.vue    | 43 ++++----------------
 src/styles/landing.css | 92 ++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 100 insertions(+), 35 deletions(-)
 create mode 100644 src/styles/landing.css

diff --git a/src/pages/Index.vue b/src/pages/Index.vue
index 29f34f0..06a3aa1 100644
--- a/src/pages/Index.vue
+++ b/src/pages/Index.vue
@@ -30,8 +30,13 @@
         <font-awesome-icon :icon="['fab', 'angellist']" size="1x" />
       </a>
     </div>
-      </div>
-    </section>
+    <div class='intro-text'>
+      <p>Hello!</p>
+      <p class='serif-bold'>I’m Wilson and I build neat things</p>
+      <p>I can build apps or sites with a variety of tools from front-end to back-end!</p>
+      <button class='btn btn-primary'>Contact me!</button>
+    </div>
+  </section>
     <section class="section">
       <h2>Featured Projects</h2>
       <div class="wrap-cards">
@@ -95,39 +100,7 @@ export default {
 }
 </script>
 
-<style scoped>
-.sect-intro {
-  height: 45vh;
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: space-around;
-  align-items: flex-start;
-  position: relative;
-}
-
-.latest-project .list-item:not(:last-child) {
-  border-bottom: 1px solid darkgrey;
-}
-
-.list-latest {
-  list-style: none;
-  width: 100%;
-  padding-left: 0;
-}
-
-.link-github {
-  background: #221e1b;
-}
-.link-linkedin {
-  background: #3371b7;
-}
-.link-angellist {
-  background: black;
-}
-
-.link-linkedin:hover {
-  background: #2962a3;
-}
+<style scoped src='../styles/landing.css'>
 
 .link {
   margin-left: 0.25rem;
diff --git a/src/styles/landing.css b/src/styles/landing.css
new file mode 100644
index 0000000..3d544c4
--- /dev/null
+++ b/src/styles/landing.css
@@ -0,0 +1,92 @@
+/* body {
+  display: flex;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  min-height: 100%;
+} */
+.intro-links {
+  margin-right: 36px;
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: space-evenly;
+  align-items: center;
+  width: 64px;
+  height: 200px;
+  background: rgba(159, 210, 146, 0.5);
+  font-size: 32px;
+  /* padding: 8px 0; */
+}
+
+.intro-links > a:not(:last-child) {
+  margin-bottom: 16px;
+}
+
+.intro-links > .link:link, .intro-links > .link:visited{
+  color: black;
+  text-decoration: none;
+}
+
+
+.intro {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.serif-bold {
+  font-weight: bold;
+  font-family: Georgia, "Times New Roman", Times, serif;
+  font-size: 48px;
+}
+
+.intro-text {
+  width: 40rem;
+}
+
+.intro-text > p:not(.serif-bold) {
+  font-size: 24px;
+  font-family: Arial, Helvetica, sans-serif;
+}
+.intro-text > p:not(:last-of-type) {
+  margin: 4px 0;
+}
+
+.btn {
+  text-decoration: none;
+  color: black;
+  border-radius: 8px;
+  padding: 8px 16px;
+}
+
+.btn-primary {
+  background: transparent;
+  border: 2px solid #83e772;
+}
+
+.btn-primary:hover {
+  background: #35b81e;
+  color: white;
+  border: 2px solid transparent;
+  border-radius: 8px;
+  padding: 8px 16px;
+}
+
+
+.recent {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+
+.highlight {
+  padding-bottom: 50px;
+}
+
+.sec-heading {
+  margin-bottom: 36px;
+}
\ No newline at end of file

From 8bfa37bac7b73821f3d140f83f364e26864c8367 Mon Sep 17 00:00:00 2001
From: Wilson <wilsonj806@gmail.com>
Date: Thu, 11 Jun 2020 12:35:32 -0400
Subject: [PATCH 07/16] Update Project Card

---
 src/components/ProjectCard.vue | 186 ++++++++++++++++++---------------
 1 file changed, 100 insertions(+), 86 deletions(-)

diff --git a/src/components/ProjectCard.vue b/src/components/ProjectCard.vue
index 20c80b3..852ce03 100644
--- a/src/components/ProjectCard.vue
+++ b/src/components/ProjectCard.vue
@@ -1,34 +1,27 @@
 <template>
-  <article>
-    <div>
-      <h2
-        class="title"
-      >
-        {{ projectNode.title }}
-      </h2>
+<div class='card'>
+  <div class='card-content'>
+    <h3>{{ projectNode ? projectNode.title : 'Title Here'}}</h3>
+    <p>{{ description }}</p>
+    <p>You can find the project on <a :href='repoLink' target='_blank' rel='noopener  noreferer'>Github</a> as well!</p>
+    <a
+      :href='liveLink'
+      target='_blank'
+      rel='noopener norefferer'
+      class='link-btn'
+    >
+      Demo
+    </a>
+    <h4>Tools</h4>
+    <div :data-tools='tools'/>
+    <div class='tools'>
+      <p>{{ tools }}</p>
     </div>
-    <div class="wrapper-img">
-      <g-image :src="imgSrc" alt="img" v-if="imgSrc"/>
-      <font-awesome-icon class="icon" :icon="['fas', 'terminal']" v-else/>
-    </div>
-    <div style="margin-top: 0.75rem;">
-      <span v-if="projectNode.description">{{ projectNode.description }}</span>
-    </div>
-    <div>
-      <ul class="wrap-links">
-        <li>
-          <g-link class="link-project" :to="projectNode.live_link" target="_blank">
-            Live site
-          </g-link>
-        </li>
-        <li>
-          <g-link class="link-project" :to="projectNode.repo_link" target="_blank">
-          Repository
-          </g-link>
-        </li>
-      </ul>
-    </div>
-  </article>
+  </div>
+  <div class='card-img'>
+    <img :src='imgSrc' :alt='projectNode.title'/>
+  </div>
+</div>
 </template>
 
 <script>
@@ -36,95 +29,116 @@ export default {
   name: 'BaseProjectCard',
   props: {
     projectNode: {
-      type: Object
+      type: Object,
+      image: {
+        type: Object,
+        src: String
+      },
+      description: String,
+      live_link: String,
+      repo_link: String,
+      title: String,
     }
   },
   computed: {
     imgSrc() {
-      return this.projectNode.image ? this.projectNode.image.src : ''
+      return this.projectNode ? this.projectNode.image.src : ''
+    },
+    description() {
+      return this.projectNode ? this.projectNode.description : 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce cursus magna non leo gravida, nec viverra tortor rutrum.'
+    },
+    repoLink() {
+      return this.projectNode ? this.projectNode.repo_link : ''
     },
+    liveLink() {
+      return this.projectNode ? this.projectNode.live_link : ''
+    },
+    tools() {
+      return this.projectNode && this.projectNode.tools.length > 0 ? this.projectNode.tools.reduce((acc, tool) => {
+          if (acc == '') {
+            return tool
+          } else {
+            return `${acc}, ${tool}`
+          }
+        }, '') : 'React, Redux, Flask'
+    }
   }
 }
 </script>
 
 <style scoped src="../styles/img.css"></style>
 <style scoped>
-article {
-  color: rgb(22, 77, 45);
-  background: rgba(233, 232, 232, 0.7);
-  box-sizing:content-box;
-  width: 250px;
-  height: 360px;
+.card {
+  margin: 0 auto 50px auto;
+  width: 100%;
+  background: white;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
   display: flex;
-  padding: 1rem;
-  margin: 1rem 0;
-  /* border-radius: 1rem; */
-  border: 1px solid rgba(231, 231, 231, 0.8);
-  align-items: center;
-  justify-content: space-between;
-  flex-flow: column nowrap;
+  justify-content: flex-start;
 }
 
-article:hover {
-  box-shadow: 2px 2px 3px rgba(184, 184, 184, 0.35);
+.card-content {
+  width: 45%;
+  padding: 24px 32px;
 }
 
-.title {
-  width: 100%;
-  margin: 0;
-  font-size: 1.25rem;
+.card-content > h3,
+.card-content > h4 {
+  margin: 8px 0 8px 0;
+  font-size: 24px;
+  font-family: Georgia, 'Times New Roman', Times, serif;
 }
 
-div {
-  width: 100%;
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: center;
+.card-content > p,
+.card-content li {
+  font-family: Arial, Helvetica, sans-serif;
+}
+
+.card-img {
+  width: 55%;
+  /* background: #fbdcad; */
+  min-height: 100%;
 }
 
-.icon {
-  color: rgb(202, 201, 201);
+.card-img > img {
   width: 100%;
-  font-size: 150px;
+  height: 100%;
 }
 
-ul {
-  list-style: none;
-  padding-left: 0;
+.link-btn {
+border-radius: 8px;
+padding: 8px 16px;
+display: block;
+width: 80px;
+margin: 8px 0;
+background: transparent;
+border: 2px solid #83e772;
 }
 
-.link-project {
-  position: relative;
+.link-btn:link{
   text-decoration: none;
-}
+  color: black;
 
-.link-project:link, .link-project:visited {
-  color: rgb(79, 167, 118);
 }
 
-.link-project:hover::after, .link-project:focus::after {
-  width: 100%;
-  right: auto;
-  left: 0;
+.link-btn:hover {
+  background: #35b81e;
+  color: white;
+  border: 2px solid transparent;
+  border-radius: 8px;
+  padding: 8px 16px;
 }
 
-.link-project::after {
-  content: "";
-  background: rgb(190, 154, 236);
-  border-bottom: 1px solid rgb(31, 31, 31);
-  height: 0.5rem;
-  opacity: 1;
-  position: absolute;
-  right: 0;
-  top: 50%;
-  transition: all 0.15s;
-  width: 0;
-  z-index: -1;
+.link-btn:visited {
+  color: black;
+  text-decoration: none;
 }
 
-@media only screen and (min-width: 1024px) {
-  article {
-    margin: 0 2rem;
-  }
+.tools {
+  list-style: none;
+}
+.tools > li {
+  display: inline-block;
+  margin: 0 8px;
 }
 </style>
\ No newline at end of file

From d12ec23b3a4278a2baf68f369e5c40974a8d2a09 Mon Sep 17 00:00:00 2001
From: Wilson <wilsonj806@gmail.com>
Date: Thu, 11 Jun 2020 12:35:46 -0400
Subject: [PATCH 08/16] Update Index.vue and main.css

---
 src/pages/Index.vue | 79 +++++++++++----------------------------------
 src/styles/main.css | 17 +++-------
 2 files changed, 23 insertions(+), 73 deletions(-)

diff --git a/src/pages/Index.vue b/src/pages/Index.vue
index 06a3aa1..18c525a 100644
--- a/src/pages/Index.vue
+++ b/src/pages/Index.vue
@@ -37,21 +37,23 @@
       <button class='btn btn-primary'>Contact me!</button>
     </div>
   </section>
-    <section class="section">
-      <h2>Featured Projects</h2>
-      <div class="wrap-cards">
-          <ProjectCard v-for="project in $page.allProject.edges" :key="project.node.id" :projectNode="project.node"/>
-      </div>
-    </section>
-    <section class="section">
-      <h2>Latest Blog Articles</h2>
-      <div class="wrap-latest-list">
-        <ul class="list-latest">
-          <SingleBlogItem v-for="blog in $page.allBlog.edges" :key="blog.node.id" :blogNode="blog.node"/>
-          <li v-if="$page.allBlog.edges.length === 0">No blogs yet, check back soon!</li>
-        </ul>
-      </div>
-    </section>
+  <!-- <section class='recent'>
+    <div class='card-rec'>
+      <h2>Recent Project</h2>
+      <h3>My Project</h3>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce cursus magna non leo gravida, nec viverra tortor rutrum.</p>
+    </div>
+    <div class='card-rec'>
+      <h2>Recent Blog</h2>
+      <h3>My Blog</h3>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce cursus magna non leo gravida, nec viverra tortor rutrum.</p>
+    </div>
+  </section> -->
+  <section class='highlight'>
+    <h2 class='sec-heading'>Selected Works</h2>
+    <ProjectCard v-for="project in $page.allProject.edges" :key="project.id" :projectNode="project.node"/>
+    <ProjectCard />
+  </section>
   </Layout>
 </template>
 
@@ -78,6 +80,7 @@ query {
         description
         live_link
         repo_link
+        tools
       }
     }
   }
@@ -88,62 +91,16 @@ query {
 import SingleBlogItem from '../components/SingleBlogItem'
 import SingleProjectItem from '../components/SingleProjectItem'
 import ProjectCard from '../components/ProjectCard'
-import WipCard from '../components/WipCard'
 
 export default {
   name: 'IndexPage',
   components: {
     SingleBlogItem,
     ProjectCard,
-    WipCard
   }
 }
 </script>
 
 <style scoped src='../styles/landing.css'>
 
-.link {
-  margin-left: 0.25rem;
-  max-width: 6.25rem;
-  text-decoration: none;
-  padding: 0.5rem 0.5rem;
-  border-radius: 0.25rem;
-  color: rgb(245, 245, 245);
-}
-
-.link:link {
-  color: rgb(245, 245, 245);
-}
-
-.link:visited {
-  color: rgb(245, 245, 245);
-}
-
-.wrap-cards {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-flow: column wrap;
-}
-@media only screen and (min-width: 1024px) {
-  h1, h2 {
-    padding-bottom: 2rem;
-  }
-
-  .sect-intro {
-    height: 35vh;
-  }
-
-  .wrap-intro-txt {
-    width: 60%;
-  }
-
-  .link {
-      margin-left: 0.5rem;
-  }
-
-  .wrap-cards {
-  flex-flow: row nowrap;
-}
-}
 </style>
\ No newline at end of file
diff --git a/src/styles/main.css b/src/styles/main.css
index 8b403f7..72faa10 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -9,7 +9,7 @@ body {
 }
 
 h1, h2, h3, h4, h5, h6 {
-  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
+  font-family: Georgia, 'Times New Roman', Times, serif
 }
 
 
@@ -18,13 +18,9 @@ h1, h2, h3, h4, h5, h6 {
   min-height: 100vh;
 }
 
-.section {
+section {
+  min-height: 400px;
   width: 100%;
-  padding: 0 0.5rem;
-}
-
-.section:not(:first-of-type) {
-  margin-top: 20px;
 }
 
 @media only screen and (min-width: 1024px) {
@@ -35,14 +31,11 @@ h1, h2, h3, h4, h5, h6 {
   }
 
   #app {
-    width: 70vw;
-  }
-  .section {
-    padding-top: 6rem;
+    width: 60vw;
   }
 }
 @media only screen and (min-width: 1440px) {
   #app {
-    width: 60vw;
+    width: 50vw;
   }
 }

From fab5f7306e0f7c05c4468984ecc0b96d328baa39 Mon Sep 17 00:00:00 2001
From: Wilson <wilsonj806@gmail.com>
Date: Thu, 11 Jun 2020 12:55:06 -0400
Subject: [PATCH 09/16] Add more to footer

---
 src/components/BaseFooter.vue | 73 +++++++++++++++++++++++++++++++++--
 1 file changed, 69 insertions(+), 4 deletions(-)

diff --git a/src/components/BaseFooter.vue b/src/components/BaseFooter.vue
index f49686e..d7a9f6f 100644
--- a/src/components/BaseFooter.vue
+++ b/src/components/BaseFooter.vue
@@ -1,7 +1,39 @@
 <template>
 <footer>
-    <p>My social links here but longer</p>
-    <p>{{ `&#169; Wilson Jiang ${year}`}}</p>
+    <div class='socials'>
+      <p class='social-text'>Social Media: </p>
+      <a
+        target="_blank"
+        aria-label='Github Profile Link'
+        rel='noopener noreferrer'
+        class="link-github link"
+        href="https://github.com/wilsonj806"
+      >
+        <font-awesome-icon :icon="['fab', 'github']" size="1x" /> Github Profile
+      </a>
+      <a
+        target="_blank"
+        rel='noopener noreferrer'
+        aria-label='LinkedIn Profile Link'
+        class="link"
+        href="https://linkedin.com/in/wilsonj806"
+      >
+        <font-awesome-icon :icon="['fab', 'linkedin-in']" size="1x" /> LinkedIn Profile
+      </a>
+      <a
+        target="_blank"
+        aria-label='AngelList Profile Link'
+        class="link"
+        rel='noopener noreferrer'
+        href="https://angel.co/wilson-jiang"
+      >
+        <font-awesome-icon :icon="['fab', 'angellist']" size="1x" /> AngelList
+      </a>
+    </div>
+    <div class='copyright'>
+      <p class='cr-text'>{{ `&#169; Wilson Jiang ${year} - Designed and developed by me` }}</p>
+      <p class='cr-text'>Built with Vue and Gridsome!</p>
+    </div>
   </footer>
 </template>
 
@@ -18,16 +50,49 @@ export default {
 
 <style scoped>
 footer {
-  height: 80px;
+  height: 120px;
   width: 100vw;
   background: #9fd292;
   display: flex;
   justify-content: space-between;
+  align-items: center;
 }
 
-footer > p {
+div {
+  margin: 0 32px;
+}
+
+p {
   color: white;
   font-family: Arial, Helvetica, sans-serif;
 }
 
+a:link, a:visited {
+  color: white;
+  text-decoration: white;
+  padding: 8px;
+}
+
+a:hover {
+  border: 1px solid white;
+  border-radius: 8px;
+  padding: 7px;
+}
+
+.copyright {
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: center;
+  align-items: flex-end;
+}
+
+.cr-text {
+  margin: 8px;
+}
+
+.social-text {
+  margin-top: 0;
+  margin-bottom: 16px;
+}
+
 </style>
\ No newline at end of file

From 320c2a2790f3c9af035bfe9cedbc93bfaa7e013b Mon Sep 17 00:00:00 2001
From: Wilson <wilsonj806@gmail.com>
Date: Thu, 11 Jun 2020 13:09:46 -0400
Subject: [PATCH 10/16] Add more styling to Nav

---
 src/components/BaseNav.vue |  4 +---
 src/styles/nav.css         | 21 +++++++++++++++++++++
 2 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/src/components/BaseNav.vue b/src/components/BaseNav.vue
index 2af9273..eb10c3f 100644
--- a/src/components/BaseNav.vue
+++ b/src/components/BaseNav.vue
@@ -8,9 +8,7 @@
         <!-- <li><g-link to='/works'>Works</g-link></li> -->
         <!-- <li><g-link to='/blog'>Blog</g-link></li> -->
         <li class='nav-list-item'>
-          <a class='nav-link' href='https://www.dropbox.com/s/soxnd60u5du2x66/Wilson-Jiang-Resume.pdf?dl=07&raw=1'>
-            Resume
-          </a>
+          <a class='nav-link' href='https://www.dropbox.com/s/soxnd60u5du2x66/Wilson-Jiang-Resume.pdf?dl=07&raw=1'>Resume</a>
         </li>
       </ul>
     </div>
diff --git a/src/styles/nav.css b/src/styles/nav.css
index fe4462e..4d7cd39 100644
--- a/src/styles/nav.css
+++ b/src/styles/nav.css
@@ -39,6 +39,8 @@ nav {
 
 .nav-list {
   list-style-type: none;
+  position: relative;
+  padding-left: 0;
 }
 
 a.nav-link {
@@ -56,3 +58,22 @@ a.nav-link:visited {
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
 }
+
+a.nav-link:hover::after {
+  width: 100%;
+  right: auto;
+  left: 0;
+}
+
+.nav-link::after{
+  content: '';
+  background: rgba(153, 0, 153, 0.5);
+  height: 12px;
+  opacity: 0.8;
+  position: absolute;
+  right: 50%;
+  bottom: 0;
+  transition: all 0.15s;
+  width: 0;
+  z-index: -2;
+}
\ No newline at end of file

From cbab7dbbd8282eaed47d5b4aa9da51108e34eb79 Mon Sep 17 00:00:00 2001
From: Wilson <wilsonj806@gmail.com>
Date: Thu, 11 Jun 2020 13:10:03 -0400
Subject: [PATCH 11/16] Temporarily remove contact button

---
 src/pages/Index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Index.vue b/src/pages/Index.vue
index 18c525a..8bfcc85 100644
--- a/src/pages/Index.vue
+++ b/src/pages/Index.vue
@@ -34,7 +34,7 @@
       <p>Hello!</p>
       <p class='serif-bold'>I’m Wilson and I build neat things</p>
       <p>I can build apps or sites with a variety of tools from front-end to back-end!</p>
-      <button class='btn btn-primary'>Contact me!</button>
+      <!-- <button class='btn btn-primary'>Contact me!</button> -->
     </div>
   </section>
   <!-- <section class='recent'>

From be201ca72d0bb95b6aa4366ecdbc9c9ee69432cd Mon Sep 17 00:00:00 2001
From: Wilson <wilsonj806@gmail.com>
Date: Thu, 11 Jun 2020 13:14:08 -0400
Subject: [PATCH 12/16] Small addition to Landing page links

---
 src/styles/landing.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/styles/landing.css b/src/styles/landing.css
index 3d544c4..2e1ebdc 100644
--- a/src/styles/landing.css
+++ b/src/styles/landing.css
@@ -31,6 +31,11 @@
 }
 
 
+.intro-links > .link:hover {
+  color: rgb(71, 8, 126);
+}
+
+
 .intro {
   width: 100%;
   display: flex;

From 20dc78cd6b63887097e0fd3a0e5814a7f0760269 Mon Sep 17 00:00:00 2001
From: Wilson <wilsonj806@gmail.com>
Date: Thu, 11 Jun 2020 13:30:50 -0400
Subject: [PATCH 13/16] Add hover state to socials link in footer

---
 src/components/BaseFooter.vue | 37 +++++++++++++++++++++++++++--------
 1 file changed, 29 insertions(+), 8 deletions(-)

diff --git a/src/components/BaseFooter.vue b/src/components/BaseFooter.vue
index d7a9f6f..3a45859 100644
--- a/src/components/BaseFooter.vue
+++ b/src/components/BaseFooter.vue
@@ -62,22 +62,43 @@ div {
   margin: 0 32px;
 }
 
+.socials {
+  position: relative;
+}
+
 p {
-  color: white;
+  color: rgb(50, 50, 50);
   font-family: Arial, Helvetica, sans-serif;
 }
 
-a:link, a:visited {
-  color: white;
-  text-decoration: white;
+.link:link, .link:visited {
+  color: rgb(50, 50, 50);
+  text-decoration: none;
   padding: 8px;
 }
 
-a:hover {
-  border: 1px solid white;
-  border-radius: 8px;
-  padding: 7px;
+.link:hover {
+  text-decoration: underline;
 }
+/*
+.link:hover::after {
+  width: 100%;
+  right: auto;
+  left: 0;
+}
+
+.link::after{
+  content: '';
+  background: rgba(153, 0, 153, 0.85);
+  height: 50px;
+  opacity: 0.8;
+  position: absolute;
+  right: 50%;
+  top: 0;
+  transition: all 0.15s;
+  width: 0;
+  z-index: -2;
+} */
 
 .copyright {
   display: flex;

From 5740045fe19cbbc16a09cfb7e6f55c52a2c9f487 Mon Sep 17 00:00:00 2001
From: Wilson <wilsonj806@gmail.com>
Date: Thu, 11 Jun 2020 15:58:54 -0400
Subject: [PATCH 14/16] Update how Project images are rendered and some smaller
 details

---
 src/components/ProjectCard.vue | 80 ++++++++++++++++++++++++----------
 src/pages/Index.vue            |  3 +-
 2 files changed, 58 insertions(+), 25 deletions(-)

diff --git a/src/components/ProjectCard.vue b/src/components/ProjectCard.vue
index 852ce03..e3186c6 100644
--- a/src/components/ProjectCard.vue
+++ b/src/components/ProjectCard.vue
@@ -1,9 +1,9 @@
 <template>
 <div class='card'>
   <div class='card-content'>
-    <h3>{{ projectNode ? projectNode.title : 'Title Here'}}</h3>
+    <h3>{{ title }}</h3>
     <p>{{ description }}</p>
-    <p>You can find the project on <a :href='repoLink' target='_blank' rel='noopener  noreferer'>Github</a> as well!</p>
+    <p>You can find the project repo on <a :href='repoLink' target='_blank' rel='noopener  noreferer'>Github</a>!</p>
     <a
       :href='liveLink'
       target='_blank'
@@ -15,11 +15,12 @@
     <h4>Tools</h4>
     <div :data-tools='tools'/>
     <div class='tools'>
-      <p>{{ tools }}</p>
+      <p class='tools-text'>{{ tools }}</p>
     </div>
   </div>
   <div class='card-img'>
-    <img :src='imgSrc' :alt='projectNode.title'/>
+    <!-- TODO: Add a zoom button -->
+    <img :src='imgSrc' :alt='title'/>
   </div>
 </div>
 </template>
@@ -41,6 +42,9 @@ export default {
     }
   },
   computed: {
+    title() {
+      return this.projectNode ? this.projectNode.title : 'Project Title Here'
+    },
     imgSrc() {
       return this.projectNode ? this.projectNode.image.src : ''
     },
@@ -54,11 +58,13 @@ export default {
       return this.projectNode ? this.projectNode.live_link : ''
     },
     tools() {
-      return this.projectNode && this.projectNode.tools.length > 0 ? this.projectNode.tools.reduce((acc, tool) => {
+      return this.projectNode && this.projectNode.tools.length > 0 ? this.projectNode.tools.reduce((acc, tool, i) => {
           if (acc == '') {
             return tool
-          } else {
+          } else if (i < 5) {
             return `${acc}, ${tool}`
+          } else {
+            return acc;
           }
         }, '') : 'React, Redux, Flask'
     }
@@ -75,44 +81,54 @@ export default {
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
   display: flex;
   justify-content: flex-start;
+  max-height: 326px;
 }
 
 .card-content {
-  width: 45%;
-  padding: 24px 32px;
+  width: 35%;
+  padding: 24px 32px 0 32px;
+  margin-bottom: 24px;
+  overflow-y: auto;
 }
 
 .card-content > h3,
 .card-content > h4 {
-  margin: 8px 0 8px 0;
-  font-size: 24px;
+  margin: 0 0 8px 0;
+  font-size: 20px;
   font-family: Georgia, 'Times New Roman', Times, serif;
 }
 
-.card-content > p,
-.card-content li {
+.tools-text {
+  margin: 4px 0px;
+  font-size: 14px;
+  color: grey;
   font-family: Arial, Helvetica, sans-serif;
 }
 
 .card-img {
-  width: 55%;
-  /* background: #fbdcad; */
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: #fbdcad;
+  width: 65%;
   min-height: 100%;
+  padding: 24px;
 }
 
 .card-img > img {
-  width: 100%;
-  height: 100%;
+  max-width: 100%;
+  height: auto;
 }
 
 .link-btn {
 border-radius: 8px;
-padding: 8px 16px;
+padding: 8px;
 display: block;
 width: 80px;
 margin: 8px 0;
 background: transparent;
 border: 2px solid #83e772;
+text-align: center;
 }
 
 .link-btn:link{
@@ -121,17 +137,16 @@ border: 2px solid #83e772;
 
 }
 
+.link-btn:visited {
+  color: black;
+  text-decoration: none;
+}
+
 .link-btn:hover {
   background: #35b81e;
   color: white;
   border: 2px solid transparent;
   border-radius: 8px;
-  padding: 8px 16px;
-}
-
-.link-btn:visited {
-  color: black;
-  text-decoration: none;
 }
 
 .tools {
@@ -141,4 +156,23 @@ border: 2px solid #83e772;
   display: inline-block;
   margin: 0 8px;
 }
+
+@media screen and (min-width: 1440px ){
+  .card {
+  max-height: 326px;
+  }
+  .card-content {
+    width: 40%;
+  }
+  .card-img {
+    width: 65%;
+  }
+
+  .card-content > h3,
+  .card-content > h4 {
+  margin: 8px 0 8px 0;
+  font-size: 24px;
+  font-family: Georgia, 'Times New Roman', Times, serif;
+}
+}
 </style>
\ No newline at end of file
diff --git a/src/pages/Index.vue b/src/pages/Index.vue
index 8bfcc85..999554a 100644
--- a/src/pages/Index.vue
+++ b/src/pages/Index.vue
@@ -52,7 +52,6 @@
   <section class='highlight'>
     <h2 class='sec-heading'>Selected Works</h2>
     <ProjectCard v-for="project in $page.allProject.edges" :key="project.id" :projectNode="project.node"/>
-    <ProjectCard />
   </section>
   </Layout>
 </template>
@@ -76,7 +75,7 @@ query {
         title
         path
         created_at
-        image (width: 180, quality:90)
+        image (width: 1000, quality: 100)
         description
         live_link
         repo_link

From 6810f3d5318d96ee9da35f1d3c9801b02d910376 Mon Sep 17 00:00:00 2001
From: Wilson <wilsonj806@gmail.com>
Date: Thu, 11 Jun 2020 16:02:13 -0400
Subject: [PATCH 15/16] Small update to BaseNav.vue

---
 src/components/BaseNav.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/BaseNav.vue b/src/components/BaseNav.vue
index eb10c3f..ca3bca8 100644
--- a/src/components/BaseNav.vue
+++ b/src/components/BaseNav.vue
@@ -8,6 +8,7 @@
         <!-- <li><g-link to='/works'>Works</g-link></li> -->
         <!-- <li><g-link to='/blog'>Blog</g-link></li> -->
         <li class='nav-list-item'>
+          <!-- Fix the darkness on the hover state -->
           <a class='nav-link' href='https://www.dropbox.com/s/soxnd60u5du2x66/Wilson-Jiang-Resume.pdf?dl=07&raw=1'>Resume</a>
         </li>
       </ul>
@@ -17,7 +18,7 @@
 
 <script>
 export default {
-
+  name: 'BaseNav'
 }
 </script>
 

From d9b8c0f33c2b7eba265356a7196404498f8c1889 Mon Sep 17 00:00:00 2001
From: Wilson <wilsonj806@gmail.com>
Date: Thu, 11 Jun 2020 16:03:41 -0400
Subject: [PATCH 16/16] BaseFooter styling updates

---
 src/components/BaseFooter.vue | 25 ++++++++++++-------------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/src/components/BaseFooter.vue b/src/components/BaseFooter.vue
index 3a45859..6a8a287 100644
--- a/src/components/BaseFooter.vue
+++ b/src/components/BaseFooter.vue
@@ -1,7 +1,7 @@
 <template>
 <footer>
     <div class='socials'>
-      <p class='social-text'>Social Media: </p>
+      <p class='social-text'>Socials: </p>
       <a
         target="_blank"
         aria-label='Github Profile Link'
@@ -9,7 +9,7 @@
         class="link-github link"
         href="https://github.com/wilsonj806"
       >
-        <font-awesome-icon :icon="['fab', 'github']" size="1x" /> Github Profile
+        <font-awesome-icon :icon="['fab', 'github']" size="1x" /> Github
       </a>
       <a
         target="_blank"
@@ -18,7 +18,7 @@
         class="link"
         href="https://linkedin.com/in/wilsonj806"
       >
-        <font-awesome-icon :icon="['fab', 'linkedin-in']" size="1x" /> LinkedIn Profile
+        <font-awesome-icon :icon="['fab', 'linkedin-in']" size="1x" /> LinkedIn
       </a>
       <a
         target="_blank"
@@ -31,7 +31,7 @@
       </a>
     </div>
     <div class='copyright'>
-      <p class='cr-text'>{{ `&#169; Wilson Jiang ${year} - Designed and developed by me` }}</p>
+      <p class='cr-text'>{{ `&#169; Wilson Jiang ${year}` }}</p>
       <p class='cr-text'>Built with Vue and Gridsome!</p>
     </div>
   </footer>
@@ -50,12 +50,15 @@ export default {
 
 <style scoped>
 footer {
-  height: 120px;
-  width: 100vw;
-  background: #9fd292;
+  height: 140px;
+  width: 100%;
+  border-top: 1px solid lightgrey;
+  padding-top: 32px;
   display: flex;
   justify-content: space-between;
-  align-items: center;
+  align-items: flex-start;
+  font-size: 16px;
+  font-family: Arial, Helvetica, sans-serif;
 }
 
 div {
@@ -66,13 +69,9 @@ div {
   position: relative;
 }
 
-p {
-  color: rgb(50, 50, 50);
-  font-family: Arial, Helvetica, sans-serif;
-}
 
 .link:link, .link:visited {
-  color: rgb(50, 50, 50);
+  color: rgb(1, 80, 18);
   text-decoration: none;
   padding: 8px;
 }