From bb3d8c2259e2c7a5df64fdadc18e8c40d093d766 Mon Sep 17 00:00:00 2001
From: Ellpeck <megamaximal@gmail.com>
Date: Wed, 15 Aug 2018 19:26:03 +0200
Subject: [PATCH] add a 404 page yo

---
 404.html | 71 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 71 insertions(+)
 create mode 100644 404.html
diff --git a/404.html b/404.html
new file mode 100644
index 0000000..4dc67b2
--- /dev/null
+++ b/404.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Oh no :(</title>
+
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
+    <link rel="icon" href="favicon.ico">
+
+    <style>
+        body {
+            font-family: Roboto;
+            background-color: #383838;
+        }
+
+        .content {
+            color: white;
+            position: absolute;
+            text-align: center;
+            left: 50%;
+            top: 40%;
+            transform: translate(-50%, -60%);
+        }
+
+        .disclaimer {
+            position: absolute;
+            bottom: 10px;
+            right: 10px;
+            color: gray;
+        }
+
+        a {
+            color: #6c767c;
+        }
+    </style>
+</head>
+<body>
+    <div class="content">
+        <h1>Oh no :(</h1>
+        <p>
+            There's nothing here, I'm sorry.
+        </p>
+        <p>
+            <span id="message"></span>
+            <script>
+                const messages = [
+                    'Maybe try a different place?',
+                    'Do you want to know a secret?',
+                    'This is a magical place.',
+                    'What were you trying to find?',
+                    'Now my day is ruined',
+                    'There\'s a place like this somewhere',
+                    'I shall overcome this obstacle.',
+                    'Mhmm mh mhhhhm mhmh mhmm mhm',
+                    'Confucius once said: This page is unavailable',
+                    'Actually, I lied... there\'s a lot here. You just can\'t see it.',
+                    'My disappointment is immeasurable and my day is ruined',
+                    'Ellpeck probably failed the code',
+                    'Why are you like this?'
+                ];
+
+                let message = Math.floor(Math.random() * messages.length);
+                document.getElementById('message').innerHTML = '<em>' + messages[message] + '</em>';
+            </script>
+        </p>
+    </div>
+    <div class="disclaimer">
+        <em>If you think there should be something here, please notify me at <a href="mailto:me@ellpeck.de">me@ellpeck.de</a>. Thanks!</em>
+    </div>
+</body>
+</html>
\ No newline at end of file
