chore: add 404 page

oyepriyansh · Oct 7, 2023 · 4c3c5bb · 4c3c5bb
1 parent bc71933
commit 4c3c5bb
Showing 1 changed file with 82 additions and 0 deletions.
diff --git a/404.html b/404.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<meta content="width=device-width,initial-scale=1" name="viewport">
+<meta content="noindex, nofollow" name="robots">
+<meta content="IE=edge" http-equiv="X-UA-Compatible">
+<link href="https://oyepriyansh.github.io/favicon.ico" rel="icon" type="image/x-icon">
+<title>404 - Not Found</title>
+<style>
+    body,
+    html {
+        margin: 0;
+        background-color: #222;
+        color: #aaa;
+        font-family: Hack, monospace;
+        font-size: 0
+    }
+
+    .full-height {
+        height: 100vh
+    }
+
+    .flex-center {
+        align-items: center;
+        display: flex;
+        justify-content: center
+    }
+
+    #error_text {
+        font-size: 32px
+    }
+
+    button {
+        display: inline-block;
+        padding: 10px 20px;
+        background-color: #2b3031;
+        border: none;
+        color: #fff;
+        border-radius: 4px;
+        margin-top: 10px;
+        font-size: 16px;
+        cursor: pointer;
+        transition: all .3s ease-in-out
+    }
+
+    button:hover {
+        background-color: #555
+    }
+</style>
+<div class="flex-center full-height">
+    <div>
+        <div id="error_text"><span class="source">404: <span data-l10n>Not Found</span></span> <span class="target"></span></div>
+        <center><button onclick='location.href="/"'>Back to Home</button></center>
+    </div>
+</div>
+<script>
+    'use strict';
+    var e, t;
+    new function(e) {
+        const t = "ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890-=+<>,./?[{()}]!@#$%^&*~`|".split(""),
+            n = e.querySelector(".source"),
+            o = e.querySelector(".target");
+        let r, i, l, s = 0;
+        this.start = function() {
+            n.style.display = "none", o.style.display = "block", r = window.setInterval((() => {
+                s <= n.innerText.length && (o.innerText = n.innerText.substring(0, s) + function(e) {
+                    let n = "";
+                    for (let o = 0; o < e; o++) n += t[Math.floor(Math.random() * t.length)];
+                    return n
+                }(n.innerText.length - s))
+            }), 15), i = window.setTimeout((() => {
+                l = window.setInterval((() => {
+                    s > n.innerText.length - 1 && this.stop(), s++
+                }), 70)
+            }), 350)
+        }, this.stop = function() {
+            n.style.display = "block", o.style.display = "none", o.innerText = "", s = 0, void 0 !== r && (window.clearInterval(r), r = void 0), void 0 !== l && (window.clearInterval(l), l = void 0), void 0 !== i && (window.clearInterval(i), i = void 0)
+        }
+    }(document.getElementById("error_text")).start(), "en" !== navigator.language.substring(0, 2).toLowerCase() && (e = document.createElement("script"), t = document.body, e.src = "", e.async = e.defer = !0, e.addEventListener("load", (() => t.removeChild(e))), t.appendChild(e));
+</script>
+</body>
+</html>