add static and content

Signed-off-by: Avinal Kumar <avinal.xlvii@gmail.com>

static/images/info.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M144 80c0 26.5-21.5 48-48 48s-48-21.5-48-48s21.5-48 48-48s48 21.5 48 48zM0 224c0-17.7 14.3-32 32-32H96c17.7 0 32 14.3 32 32V448h32c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H64V256H32c-17.7 0-32-14.3-32-32z"/></svg>

static/js/redirect.js

@@ -0,0 +1,30 @@
+// Single Page Apps for GitHub Pages
+// https://github.com/rafrex/spa-github-pages
+// Copyright (c) 2016 Rafael Pedicini, licensed under the MIT License
+// ----------------------------------------------------------------------
+// This script checks to see if a redirect is present in the query string
+// and converts it back into the correct url and adds it to the
+// browser's history using window.history.replaceState(...),
+// which won't cause the browser to attempt to load the new url.
+// When the single page app is loaded further down in this file,
+// the correct url will be waiting in the browser's history for
+// the single page app to route accordingly.
+(function(l) {
+    if (l.search) {
+      var q = {};
+      l.search
+        .slice(1)
+        .split("&")
+        .forEach(function(v) {
+          var a = v.split("=");
+          q[a[0]] = a
+            .slice(1)
+            .join("=")
+            .replace(/~and~/g, "&");
+        });
+      if (q.p !== undefined) {
+        window.history.replaceState(null, null, l.pathname.slice(0, -1) + (q.p || "") + (q.q ? "?" + q.q : "") + l.hash);
+      }
+    }
+  })(window.location);
+  

static/logo-loading.svg

@@ -0,0 +1,96 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="65" height="60"
+
+shape-rendering="crispEdges"><style type="text/css">
+.color {
+    -webkit-animation: col 300s linear infinite;
+    -moz-animation: col 300s linear infinite;
+    -o-animation: col 300s linear infinite;
+    animation: col 300s linear infinite;
+}
+
+@keyframes col {
+    0% {
+        fill: #EE67A4;
+    }
+
+    12.5% {
+        fill: violet;
+    }
+
+    25% {
+        fill: indigo;
+    }
+
+    37.5% {
+        fill: blue;
+    }
+
+    50% {
+        fill: #35BEB8
+    }
+
+    62.5% {
+        fill: green;
+
+    }
+
+    75% {
+        fill: yellow;
+
+    }
+
+    87.5% {
+        fill: orange;
+
+    }
+
+    100% {
+        fill: red;
+    }
+}
+
+.rcolor {
+    -webkit-animation: rcol 300s linear infinite;
+    -moz-animation: rcol 300s linear infinite;
+    -o-animation: rcol 300s linear infinite;
+    animation: rcol 300s linear infinite;
+}
+
+@keyframes rcol {
+    0% {
+        fill: #35BEB8;
+    }
+
+    12.5% {
+        fill: blue;
+    }
+
+    25% {
+        fill: indigo;
+    }
+
+    37.5% {
+        fill: violet;
+    }
+
+    50% {
+        fill: #EE67A4;
+    }
+
+    62.5% {
+        fill: red;
+    }
+
+    75% {
+        fill: orange;
+    }
+
+    87.5% {
+        fill: yellow;
+    }
+
+    100% {
+        fill: green;
+    }
+}
+</style><symbol id="logo" viewBox="0 -60 65 60"><path class="st0 color" d="M60-60H0V0h60z" /><path class="st1" d="M60-41h-5v10h5z" /><path class="st2 rcolor" d="M65-41h-5v10h5z" /></symbol><use xlink:href="#logo" width="65" height="60" id="XMLID_14_" y="-60" transform="scale(1 -1)" overflow="visible" /></svg>

static/logo-static.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="65" height="60" shape-rendering="crispEdges"><style type="text/css"><![CDATA[
+	.st0{fill:#EE67A4;}
+	.st1{fill:#231F20;}
+	.st2{fill:#35BEB8;}
+]]></style><symbol id="logo" viewBox="0 -60 65 60"><path class="st0" d="M60-60H0V0h60z"/><path class="st1" d="M60-41h-5v10h5z"/><path class="st2" d="M65-41h-5v10h5z"/></symbol><use xlink:href="#logo" width="65" height="60" id="XMLID_14_" y="-60" transform="scale(1 -1)" overflow="visible"/></svg>