make a chat that should work on the cruise ship

2025-05-09 22:16:10 -06:00
commit 79977c47ba
13 changed files with 430 additions and 0 deletions
--- a/templates/login.html
+++ b/templates/login.html
@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Login</title>
+    <link href="/static/css/bootstrap.min.css" rel="stylesheet">
+</head>
+<body>
+<div class="container mt-5">
+    <h2 class="text-center">Cruise Chat Login</h2>
+    <form method="POST" class="col-md-6 mx-auto">
+        <div class="mb-3">
+            <label for="username" class="form-label">Username</label>
+            <input type="text" class="form-control" id="username" name="username" required>
+        </div>
+        <div class="mb-3">
+            <label for="password" class="form-label">Password</label>
+            <input type="password" class="form-control" id="password" name="password" required>
+        </div>
+        <button type="submit" class="btn btn-primary w-100">Login</button>
+        {{if .Error}}<p class="text-danger mt-2">Invalid credentials</p>{{end}}
+    </form>
+</div>
+</body>
+</html>