Deploy k4ustu3h.cf to github.com/k4ustu3h/gitfolio.git:gh-pages

index.css

@@ -1,9 +1,30 @@
+@charset "UTF-8";
+@font-face {
+  font-family: "Manrope VF";
+  src: url("/assets/fonts/variable/Manrope%5Bwght%5D.ttf")
+    format("truetype-variations");
+  font-style: normal;
+  font-weight: 200 800;
+}
+
+@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;
+}
+
 body {
   align-items: center;
   background: var(--bg-color);
   color: var(--text-color);
-  font-family: "Manrope", sans-serif;
+  font-family: "Manrope VF", Manrope, sans-serif;
   font-feature-settings: "calt", "liga";
+  font-size: 64px;
+  font-variation-ligatures: normal;
+  font-variation-settings: "wght" 500;
+  font-weight: 700;
   margin: 0%;
   max-width: 100vw;
   overflow-x: hidden;
@@ -54,8 +75,11 @@ body {
 
 .footer a {
   color: var(--text-color) !important;
-  font-family: "Manrope", sans-serif;
+  font-family: "Manrope VF", Manrope, sans-serif;
-  font-weight: bold;
+  font-feature-settings: "calt", "liga";
+  font-variation-ligatures: normal;
+  font-variation-settings: "wght" 500;
+  font-weight: 700;
   text-decoration: none;
 }
 

index.html

@@ -10,15 +10,11 @@
       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.iconify.design/1/1.0.6/iconify.min.js"></script>
     <script
-      src="https://code.jquery.com/jquery-3.4.1.min.js"
+      src="https://code.jquery.com/jquery-3.5.0.min.js"
-      integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
+      integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ="
       crossorigin="anonymous"
     ></script>
     <link rel="stylesheet" href="index.css" />
@@ -349,7 +345,7 @@
           static: true,
           useMin: false,
           maxColumns: 2,
-          useTransform: true
+          useTransform: true,
         });
 
         const magicForksGrid = new MagicGrid({
@@ -359,7 +355,7 @@
           static: true,
           useMin: false,
           maxColumns: 2,
-          useTransform: true
+          useTransform: true,
         });
 
         $("document").ready(() => {
@@ -370,7 +366,7 @@
         // function([string1, string2],target id,[color1,color2])
         consoleText(["Kaustubh Ladiya", "Just another copy-paster"], "text", [
           "white",
-          "white"
+          "white",
         ]);
 
         function consoleText(words, id, colors) {