30 lines
1.2 KiB
HTML
30 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Admin Login</title>
|
|
<style>
|
|
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#111827;color:#f3f4f6;margin:0;padding:1rem;display:flex;justify-content:center;align-items:center;min-height:100vh}
|
|
form{background:#1f2937;padding:2rem;border-radius:1rem;width:100%;max-width:360px}
|
|
h1{margin-top:0;color:#60a5fa}
|
|
label{display:block;margin-top:1rem;font-weight:600}
|
|
input{width:100%;padding:.6rem;border-radius:.5rem;border:1px solid #374151;background:#111827;color:#f3f4f6;box-sizing:border-box}
|
|
button{margin-top:1.5rem;width:100%;padding:.8rem;border:none;border-radius:.5rem;background:#3b82f6;color:#fff;font-weight:700;cursor:pointer}
|
|
.flash{margin-top:1rem;color:#f87171}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<form method="POST">
|
|
<h1>Booth Admin</h1>
|
|
<label for="password">Password</label>
|
|
<input type="password" id="password" name="password" required autofocus>
|
|
{% with messages = get_flashed_messages() %}
|
|
{% if messages %}
|
|
<div class="flash">{{ messages[0] }}</div>
|
|
{% endif %}
|
|
{% endwith %}
|
|
<button type="submit">Log In</button>
|
|
</form>
|
|
</body>
|
|
</html>
|