From fb99797bfe04747f856a9e89d6c9e176156a096e Mon Sep 17 00:00:00 2001
From: Esa Kataja <ekataja@gmail.com>
Date: Sat, 12 Oct 2024 10:39:30 +0300
Subject: [PATCH] Add Login page mockup

---
 src/routes/login/+page.svelte | 45 +++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 src/routes/login/+page.svelte

diff --git a/src/routes/login/+page.svelte b/src/routes/login/+page.svelte
new file mode 100644
index 0000000..2ad9b10
--- /dev/null
+++ b/src/routes/login/+page.svelte
@@ -0,0 +1,45 @@
+<script>
+</script>
+
+<div class="h-screen flex items-center justify-center">
+	<form class="bg-white p-8 rounded-md shadow-md" action="/api/login" method="post">
+		<label class="block mb-4" for="email">
+			Email
+			<input
+				class="login-form-input"
+				type="email"
+				name="email"
+				id="email"
+				placeholder="Email"
+				required
+			/>
+		</label>
+
+		<label class="block mb-4" for="password">
+			Password
+			<input
+				class="login-form-input"
+				type="password"
+				name="password"
+				id="password"
+				placeholder="Password"
+				required
+			/>
+		</label>
+
+		<button
+			class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded w-full"
+			type="submit">Login</button
+		>
+	</form>
+</div>
+
+<style>
+	form {
+		@apply text-slate-800;
+	}
+
+	.login-form-input {
+		@apply block w-full px-4 py-2 border-2 border-gray-600 rounded-md;
+	}
+</style>