1 files changed, 55 insertions, 0 deletions
diff --git a/src/login.html b/src/login.html
new file mode 100644
index 0000000..cb35622
--- /dev/null
+++ b/src/login.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+
+<html>
+    <head>
+        <script>
+            addEventListener('load', () => {
+                const queryString = window.location.search;
+                const urlParams = new URLSearchParams(queryString);
+                if (urlParams.has('err')) {
+                    document.body.classList.add('err');
+                }
+            });
+        </script>
+        <style>
+            .errortext {
+                display: none;
+                color: red;
+            }
+            .err .errortext {
+                display: unset;
+            }
+            html {
+                height: 100dvh;
+                background-color: #EEE;
+            }
+            body {
+                height: 100%;
+                margin: 0px;
+                display: flex;
+            }
+            .content {
+                text-align: left;
+                margin: auto;
+                padding: 50px;
+                background-color: #CCC;
+            }
+            form > * {
+                display: block;
+                margin: 10px 0px;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="content">
+            <h1>Login Page</h1>
+            <form method="post" action="auth">
+                <div><label for="user">Username: </label><input type="text" name="user"></div>
+                <div><label for="pass">Password: </label><input type="password" name="pass"></div>
+                <div><label for="remember">Remember Me: </label><input type="checkbox" name="remember"></div>
+                <input type="submit" value="Login">
+                <div class="errortext">Could not verify login</div>
+            </form>
+        </div>
+    </body>
+</html>