✨ Add basic auth functionality

2022-05-04 01:38:25 +02:00
parent 856e514da7
commit 6261dbb04c
5 changed files with 147 additions and 0 deletions
--- a/login.html
+++ b/login.html
@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Login - Timetable V2</title>
+    <style>
+      body,
+      html {
+        margin: 0;
+        height: 100%;
+        width: 100%;
+        overflow: hidden;
+      }
+      body {
+        background-color: #353535;
+      }
+      main {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex-direction: column;
+        font-family: Arial, Helvetica, sans-serif;
+        color: #bdbdbd;
+        height: 80%;
+      }
+      form {
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+      }
+      input {
+        border: 0px;
+        outline: none;
+        background-color: #3a3737;
+        padding: 5px 5px;
+        margin: 5px 0;
+        border: 2px solid #34631f;
+        border-radius: 5px;
+        color: #bdbdbd;
+      }
+
+      button {
+        outline: none;
+        padding: 5px 5px;
+        border: 2px solid #1f5b63;
+        border-radius: 5px;
+        color: #bdbdbd;
+        background-color: #242121;
+      }
+    </style>
+  </head>
+  <body>
+    <main>
+      <h1>Timetable V2</h1>
+      <form action="/login" method="POST">
+        <input
+          type="password"
+          name="password"
+          autocomplete="current-password"
+          placeholder="Password"
+        />
+        <button type="submit">Login</button>
+      </form>
+    </main>
+  </body>
+</html>