Updates and Fixes

Updated
  - handlebars
  - snyk
Fixed
  - index.html
  - index.css
  - build.js
Removed
  - fs-extra

.travis.yml

@@ -15,7 +15,7 @@ script:
   - npm run build
   - npm run prettier
 after_success:
-  - lhci autorun --upload.target=temporary-public-storage --staticDistDir=/home/travis/build/k4ustu3h/gitfolio/dist
+  - lhci autorun --upload.target=temporary-public-storage
 deploy:
   provider: pages:git
   token: $GITHUB_TOKEN

assets/index.css

@@ -1,55 +1,17 @@
-@charset "UTF-8";
-
-@font-face {
-  font-family: "Manrope";
-  src: url("/assets/fonts/web/Manrope-Bold.woff2") format("woff2"),
-    url("/assets/fonts/otf/Manrope-Bold.otf") format("opentype");
-  font-style: normal;
-  font-weight: 700;
-}
-@font-face {
-  font-family: "Manrope";
-  src: url("/assets/fonts/web/Manrope-SemiBold.woff2") format("woff2"),
-    url("/assets/fonts/otf/Manrope-SemiBold.otf") format("opentype");
-  font-style: normal;
-  font-weight: 600;
-}
-@font-face {
-  font-family: "Manrope";
-  src: url("/assets/fonts/web/Manrope-Medium.woff2") format("woff2"),
-    url("/assets/fonts/otf/Manrope-Medium.otf") format("opentype");
-  font-style: normal;
-  font-weight: 500;
-}
-@font-face {
-  font-family: "Manrope";
-  src: url("/assets/fonts/web/Manrope-Regular.woff2") format("woff2"),
-    url("/assets/fonts/otf/Manrope-Regular.otf") format("opentype");
-  font-style: normal;
-  font-weight: 400;
-}
-@font-face {
-  font-family: "Manrope";
-  src: url("/assets/fonts/web/Manrope-Light.woff2") format("woff2"),
-    url("/assets/fonts/otf/Manrope-Light.otf") format("opentype");
-  font-style: normal;
-  font-weight: 300;
-}
-
 body {
   align-items: center;
   background: var(--bg-color);
   color: var(--text-color);
   font-family: "Manrope", sans-serif;
+  font-feature-settings: "calt", "liga";
   margin: 0%;
   max-width: 100vw;
   overflow-x: hidden;
   padding: 0%;
   width: 100vw;
-  font-feature-settings: "calt", "liga";
 }
 
-#profile {
+.profile {
   background: var(--background-image) center center;
   background-repeat: no-repeat;
   background-size: cover !important;
@@ -64,7 +26,7 @@ body {
   width: 24vw;
 }
 
-#display {
+.display {
   display: inline-block;
   height: 92vh;
   padding: 4vh 3vw;
@@ -72,7 +34,7 @@ body {
   width: 64vw;
 }
 
-#display h1 {
+.display h1 {
   color: var(--text-color);
   font-family: "Asap", sans-serif;
   font-size: 50px;
@@ -84,65 +46,30 @@ body {
   width: 18px;
 }
 
-#background_overlay {
-  height: 55vh;
-  left: 0;
-  position: absolute;
-  top: 0;
-  width: 100vw;
-  z-index: -1;
-}
-
-#background {
-  background-repeat: no-repeat !important;
-  background-size: cover !important;
-  height: 55vh;
-  left: 0;
-  position: absolute;
-  top: 0;
-  width: 100vw;
-  z-index: -2;
-}
-
-#header {
-  padding: 3vh 0px;
-  position: absolute;
-  text-align: right;
-  width: 63vw;
-}
-
-#header a {
-  color: var(--text-color);
-  font-weight: bold;
-  margin-left: 4vw;
-  text-decoration: none;
-}
-
-#footer {
+.footer {
   padding: 8vh 0px;
   text-align: center;
   width: 100%;
 }
 
-#footer a {
+.footer a {
   color: var(--text-color) !important;
   font-family: "Manrope", sans-serif;
   font-weight: bold;
   text-decoration: none;
 }
 
-#profile_img {
-  background: var(--gradient);
-  transition: background 0.5s ease;
-  background-size: 300% 300%;
+.profile_img {
   animation: grad 8s ease infinite;
-  -webkit-background-clip: text;
-  font-size: 128px;
+  background: var(--gradient);
+  background-size: 300% 300%;
   font-family: "Asap Condensed", sans-serif;
-  -webkit-text-fill-color: transparent;
-
+  font-size: 128px;
   height: 180px;
+  transition: background 0.5s ease;
   width: 180px;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
 }
 
 @keyframes grad {
@@ -157,7 +84,7 @@ body {
   }
 }
 
-#profile div {
+.profile div {
   font-weight: bold;
   margin: 1.5vh 0px;
 }
@@ -240,8 +167,8 @@ body {
 }
 
 .projects section {
-  border-radius: 5px;
   border: 1px solid rgb(0, 0, 0, 0.08);
+  border-radius: 5px;
   box-shadow: 0px 0px 0px rgb(0, 0, 0, 0);
   color: var(--text-color);
   display: inline-block;
@@ -312,7 +239,7 @@ body {
 }
 
 @media (max-width: 800px) {
-  #profile {
+  .profile {
     height: 60vh;
     padding: 4vh 5vw;
     position: relative;
@@ -320,23 +247,23 @@ body {
     width: 90vw;
   }
 
-  #display {
+  .display {
     display: inline-block;
     height: auto;
-    padding-left: 5vw;
     padding: 4vh 5vw;
+    padding-left: 5vw;
     width: 90vw;
   }
 
-  #profile_img {
-    margin: 0px auto !important;
-    background: var(--gradient);
-    transition: background 0.5s ease;
-    background-size: 300% 300%;
+  .profile_img {
     animation: grad 8s ease infinite;
-    -webkit-background-clip: text;
-    font-size: 128px;
+    background: var(--gradient);
+    background-size: 300% 300%;
     font-family: "Asap Condensed", sans-serif;
+    font-size: 128px;
+    margin: 0px auto !important;
+    transition: background 0.5s ease;
+    -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
   }
 

assets/index.html

@@ -6,24 +6,28 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <meta name="p:domain_verify" content="888d983503e053f3db87d36354df7eef" />
     <title></title>
+    <link
+      href="https://fonts.googleapis.com/css?family=Asap|Asap+Condensed&display=swap"
+      rel="stylesheet"
+    />
+    <link
+      href="https://github.com/sharanda/manrope/raw/master/fonts/web/index.css"
+      rel="stylesheet"
+    />
+    <script src="https://unpkg.com/magic-grid/dist/magic-grid.min.js"></script>
     <script src="https://code.iconify.design/1/1.0.4/iconify.min.js"></script>
     <script
       src="https://code.jquery.com/jquery-3.4.1.min.js"
       integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
       crossorigin="anonymous"
     ></script>
-    <link
-      href="https://fonts.googleapis.com/css?family=Asap|Asap+Condensed&display=swap"
-      rel="stylesheet"
-    />
-    <script src="https://unpkg.com/magic-grid/dist/magic-grid.min.js"></script>
     <link rel="stylesheet" href="index.css" />
   </head>
 
   <body>
-    <div id="profile">
-      <div id="profile_img">
-        <span id="status">K_</span>
+    <div class="profile">
+      <div class="profile_img">
+        <span>K_</span>
       </div>
       <div id="username">
         <div id="fullname"></div>
@@ -31,7 +35,7 @@
       <div id="userbio"></div>
       <div id="about"></div>
     </div>
-    <div id="display">
+    <div class="display">
       <div id="work">
         <h1>Work.</h1>
         <div class="projects" id="work_section"></div>
@@ -40,7 +44,7 @@
         <h1>Forks.</h1>
         <div class="projects" id="forks_section"></div>
       </div>
-      <div id="footer">
+      <div class="footer">
         <a
           href="https://github.com/k4ustu3h/gitfolio#acknowledgments"
           target="_blank"

assets/service-worker.js

@@ -1,42 +0,0 @@
-importScripts(
-  "https://storage.googleapis.com/workbox-cdn/releases/3.6.1/workbox-sw.js"
-);
-
-if (workbox) {
-  workbox.setConfig({
-    debug: false
-  });
-
-  const defaultStrategy = workbox.strategies.networkFirst({
-    cacheName: "fallback",
-    plugins: [
-      new workbox.expiration.Plugin({
-        maxEntries: 128,
-        maxAgeSeconds: 7 * 24 * 60 * 60, // 1 week
-        purgeOnQuotaError: true // Opt-in to automatic cleanup
-      }),
-      new workbox.cacheableResponse.Plugin({
-        statuses: [0, 200] // For opague requests
-      })
-    ]
-  });
-  workbox.routing.setDefaultHandler(args => {
-    if (args.event.request.method === "GET") {
-      return defaultStrategy.handle(args); // Use default strategy
-    }
-
-    return null;
-  });
-
-  workbox.routing.registerRoute(
-    new RegExp(/.*\.(?:js|css)/g),
-    workbox.strategies.networkFirst()
-  );
-
-  workbox.routing.registerRoute(
-    new RegExp(/.*\.(?:png|jpg|jpeg|svg|gif|webp)/g),
-    workbox.strategies.cacheFirst()
-  );
-} else {
-  console.log("No workbox on this browser 😬");
-}

build.js

@@ -5,7 +5,6 @@ const bluebird = require("bluebird");
 const hbs = require("handlebars");
 //  Creates promise-returning async functions from callback-passed async functions
 const fs = bluebird.promisifyAll(require("fs"));
-const fse = require("fs-extra");
 const { updateHTML } = require("./populate");
 const { getConfig, outDir } = require("./utils");
 
@@ -26,8 +25,6 @@ async function populateCSS({
   theme = `${theme}.css`;
   const template = path.resolve(assetDir, "index.css");
   const stylesheet = path.join(outDir, "index.css");
-  const tempfont = path.resolve(assetDir, "fonts");
-  const fonts = path.join(outDir, "assets/fonts");
 
   try {
     await fs.accessAsync(outDir, fs.constants.F_OK);
@@ -38,9 +35,6 @@ async function populateCSS({
   // Copy over the template CSS stylesheet
   await fs.copyFileAsync(template, stylesheet);
 
-  // Copy Fonts
-  fse.copySync(tempfont, fonts);
-
   // Get an array of every available theme
   const themes = await fs.readdirAsync(path.join(assetDir, "themes"));
 

package-lock.json

@@ -121,18 +121,18 @@
       }
     },
     "@snyk/update-notifier": {
-      "version": "2.5.1-rc1",
-      "resolved": "https://registry.npmjs.org/@snyk/update-notifier/-/update-notifier-2.5.1-rc1.tgz",
-      "integrity": "sha512-cIK+dMUsXBl4K9AKg5EYhdxWts0tAUvyu1WePse+tjzX4E9poME/wojkDrWQl1/SKLlhA559ftiOODmVa1adCg==",
+      "version": "2.5.1-rc2",
+      "resolved": "https://registry.npmjs.org/@snyk/update-notifier/-/update-notifier-2.5.1-rc2.tgz",
+      "integrity": "sha512-dlled3mfpnAt3cQb5hxkFiqfPCj4Yk0xV8Yl5P8PeVv1pUmO7vI4Ka4Mjs4r6CYM5f9kZhviFPQQcWOIDlMRcw==",
       "requires": {
         "@snyk/configstore": "3.2.0-rc1",
-        "boxen": "^1.2.1",
-        "chalk": "^2.0.1",
+        "boxen": "^1.3.0",
+        "chalk": "^2.3.2",
         "import-lazy": "^2.1.0",
         "is-ci": "^1.0.10",
         "is-installed-globally": "^0.1.0",
         "is-npm": "^1.0.0",
-        "latest-version": "^3.0.0",
+        "latest-version": "^3.1.0",
         "semver-diff": "^2.0.0",
         "xdg-basedir": "^3.0.0"
       }
@@ -1088,15 +1088,22 @@
       "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ="
     },
     "escodegen": {
-      "version": "1.12.0",
-      "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-1.12.0.tgz",
-      "integrity": "sha512-TuA+EhsanGcme5T3R0L80u4t8CpbXQjegRmf7+FPTJrtCTErXFeelblRgHQa1FofEzqYYJmJ/OqjTwREp9qgmg==",
+      "version": "1.13.0",
+      "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-1.13.0.tgz",
+      "integrity": "sha512-eYk2dCkxR07DsHA/X2hRBj0CFAZeri/LyDMc0C8JT1Hqi6JnVpMhJ7XFITbb0+yZS3lVkaPL2oCkZ3AVmeVbMw==",
       "requires": {
-        "esprima": "^3.1.3",
+        "esprima": "^4.0.1",
         "estraverse": "^4.2.0",
         "esutils": "^2.0.2",
         "optionator": "^0.8.1",
         "source-map": "~0.6.1"
+      },
+      "dependencies": {
+        "esprima": {
+          "version": "4.0.1",
+          "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+          "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A=="
+        }
       }
     },
     "eslint": {
@@ -1430,16 +1437,6 @@
       "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
       "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow=="
     },
-    "fs-extra": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
-      "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
-      "requires": {
-        "graceful-fs": "^4.2.0",
-        "jsonfile": "^4.0.0",
-        "universalify": "^0.1.0"
-      }
-    },
     "fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
@@ -2029,14 +2026,6 @@
       "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
       "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus="
     },
-    "jsonfile": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
-      "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=",
-      "requires": {
-        "graceful-fs": "^4.1.6"
-      }
-    },
     "jsprim": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz",
@@ -2280,9 +2269,9 @@
       "integrity": "sha1-GVoh1sRuNh0vsSgbo4uR6d9727M="
     },
     "needle": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/needle/-/needle-2.4.0.tgz",
-      "integrity": "sha512-4Hnwzr3mi5L97hMYeNl8wRW/Onhy4nUKR/lVemJ8gJedxxUyBLm9kkrDColJvoSfwi0jCNhD+xCdOtiGDQiRZg==",
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/needle/-/needle-2.3.2.tgz",
+      "integrity": "sha512-DUzITvPVDUy6vczKKYTnWc/pBZ0EnjMJnQ3y+Jo5zfKFimJs7S3HFCxCRZYB9FUZcrzUQr3WsmvZgddMEIZv6w==",
       "requires": {
         "debug": "^3.2.6",
         "iconv-lite": "^0.4.4",
@@ -3438,6 +3427,26 @@
           "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
           "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
         },
+        "needle": {
+          "version": "2.4.0",
+          "resolved": "https://registry.npmjs.org/needle/-/needle-2.4.0.tgz",
+          "integrity": "sha512-4Hnwzr3mi5L97hMYeNl8wRW/Onhy4nUKR/lVemJ8gJedxxUyBLm9kkrDColJvoSfwi0jCNhD+xCdOtiGDQiRZg==",
+          "requires": {
+            "debug": "^3.2.6",
+            "iconv-lite": "^0.4.4",
+            "sax": "^1.2.4"
+          },
+          "dependencies": {
+            "debug": {
+              "version": "3.2.6",
+              "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz",
+              "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==",
+              "requires": {
+                "ms": "^2.1.1"
+              }
+            }
+          }
+        },
         "tmp": {
           "version": "0.1.0",
           "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.1.0.tgz",
@@ -4080,11 +4089,6 @@
         "crypto-random-string": "^1.0.0"
       }
     },
-    "universalify": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
-      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg=="
-    },
     "unpipe": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",

package.json

@@ -39,13 +39,12 @@
     "commander": "^2.20.0",
     "ejs": "^3.0.1",
     "express": "^4.17.0",
-    "fs-extra": "8.1.0",
     "github-emoji": "^1.1.1",
     "got": "^10.2.2",
-    "handlebars": "^4.1.2",
+    "handlebars": "^4.7.3",
     "jsdom": "^16.0.1",
     "ncp": "^2.0.0",
-    "snyk": "^1.279.1"
+    "snyk": "1.290.1"
   },
   "devDependencies": {
     "eslint": "^6.8.0",