From 4c3c5bbb712e2df5949ca0c5faa20ed1c64f0ac7 Mon Sep 17 00:00:00 2001
From: Priyansh Prajapat <priyansh029ztn@gmail.com>
Date: Sat, 7 Oct 2023 23:17:07 +0530
Subject: [PATCH] chore: add 404 page

---
 404.html | 82 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 82 insertions(+)
 create mode 100644 404.html
diff --git a/404.html b/404.html
new file mode 100644
index 0000000..e2dbefd
--- /dev/null
+++ 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>
\ No newline at end of file
