john-okeefe
656261af4f
Remove <style> tags from index, login, and register templates. All theme CSS variables now come from centralized input.css, eliminating duplicate theme definitions across templates.
44 lines
1.9 KiB
Templ
44 lines
1.9 KiB
Templ
package templates
|
|
|
|
templ Register() {
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Register</title>
|
|
<script src="/static/htmx.min.js"></script>
|
|
<script src="/static/toast.js"></script>
|
|
<link href="/static/style.css" rel="stylesheet">
|
|
</head>
|
|
<body class="theme-tokyo-night min-h-screen">
|
|
<div class="container mx-auto px-4 py-8 max-w-md">
|
|
<h1 class="text-3xl font-bold text-center mb-8">Register for Bookhoard</h1>
|
|
|
|
<form hx-post="/api/auth/register" hx-target="#result" hx-swap="innerHTML" class="bg-white p-6 rounded-lg shadow-md">
|
|
<div class="mb-4">
|
|
<label class="block text-gray-700 mb-2">Email</label>
|
|
<input type="email" name="email" class="w-full px-3 py-2 border rounded" required>
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="block text-gray-700 mb-2">Username</label>
|
|
<input type="text" name="username" class="w-full px-3 py-2 border rounded" required>
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="block text-gray-700 mb-2">Password</label>
|
|
<input type="password" name="password" class="w-full px-3 py-2 border rounded" required>
|
|
</div>
|
|
<button type="submit" class="w-full bg-green-500 text-white py-2 rounded hover:bg-green-600">
|
|
Register
|
|
</button>
|
|
</form>
|
|
|
|
<div id="result" class="mt-4 text-center"></div>
|
|
|
|
<p class="text-center mt-4">
|
|
<a href="/login" class="text-blue-500 hover:underline">Already have an account? Login</a>
|
|
</p>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
} |