signin.html
<!DOCTYPE html>
<html lang="en" data-theme="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sign In - ReadySite</title>
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<script src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.8/dist/htmx.min.js"></script>
</head>
<body class="min-h-screen bg-base-200 flex items-center justify-center">
<div class="w-full max-w-md">
<div class="text-center mb-8">
<div class="w-12 h-12 rounded-xl bg-gradient-to-br from-primary to-secondary flex items-center justify-center text-white font-bold text-2xl mx-auto mb-4 shadow-lg">
R
</div>
<h1 class="text-3xl font-bold">ReadySite</h1>
<p class="text-base-content/70 mt-2">Sign in to your account</p>
</div>
<div class="card bg-base-100 shadow-xl">
<div class="card-body">
<div id="error"></div>
<form hx-post="/auth/signin{{if auth.Next}}?next={{auth.Next}}{{end}}" hx-target="#error" hx-swap="innerHTML" hx-disabled-elt="find [type='submit']" class="space-y-4">
<div class="form-control">
<label class="floating-label">
<span>Email Address</span>
<input type="email" name="email" placeholder="you@example.com" class="input input-bordered w-full" required autofocus />
</label>
</div>
<div class="form-control">
<label class="floating-label">
<span>Password</span>
<input type="password" name="password" placeholder="********" class="input input-bordered w-full" required />
</label>
</div>
<div class="form-control mt-6">
<button type="submit" class="btn btn-primary w-full">
Sign In
</button>
</div>
</form>
</div>
</div>
</div>
</body>
</html>