1 files changed, 49 insertions, 0 deletions
diff --git a/src/templates/login.html b/src/templates/login.html
new file mode 100644
index 0000000..ec41762
--- /dev/null
+++ b/src/templates/login.html
@@ -0,0 +1,49 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+    <title>Mark's Database - Login</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link rel="stylesheet" type="text/css" href="/css/styles.css">
+    <script>
+        let usernameEl = document.getElementById('username');
+        let passwordEl = document.getElementById('password');
+        function sendPost(){
+            let username = usernameEl.value;
+            let password = passwordEl.value;
+            fetch(new Request("/login", {
+                    method: 'POST',
+                    headers: {
+                        'Accept': 'application/json',
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify({'username':username, 'password':password})
+                }))
+                .then((response) => {
+                    console.log(response);
+                    window.location = "/";
+                });
+        }
+        let onEnterEvent = function(event) {
+            if (event.keyCode === 13) {
+                sendPost()
+            }
+        }
+        usernameEl.addEventListener("keyup", onEnterEvent);
+        passwordEl.addEventListener("keyup", onEnterEvent);
+    </script>
+</head>
+
+<body>
+    <div>
+        <h1>Login</h1>
+        <div class="form">
+            <input on type="text" placeholder="Enter Username" name="username" id="username" required>
+            <input type="password" placeholder="Enter Password" name="password" id="password" required>
+            <button onclick="sendPost()">Log in</button> 
+        </div>
+    </div>
+</body>
+
+</html>
+\ No newline at end of file