32 lines
1.8 KiB
HTML
32 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>EchoLog</title>
|
|
<link href="{{ url_for('static', filename='output.css') }}" rel="stylesheet">
|
|
</head>
|
|
<body class="bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900 min-h-screen text-white flex items-center justify-center">
|
|
<div class="w-full max-w-md p-8 bg-gray-900/90 rounded-2xl shadow-2xl border border-gray-800">
|
|
<header class="mb-8 text-center">
|
|
<h1 class="text-4xl font-extrabold tracking-tight bg-gradient-to-r from-blue-400 via-purple-400 to-pink-400 bg-clip-text text-transparent">EchoLog</h1>
|
|
<p class="text-gray-400 mt-2">Sign in to your homelab journal</p>
|
|
</header>
|
|
<form action="/login" method="POST" class="space-y-6">
|
|
{% if error %}
|
|
<p class="text-red-500 text-center font-semibold">{{ error }}</p>
|
|
{% endif %}
|
|
<div>
|
|
<label for="username" class="block text-xs font-semibold text-gray-400 mb-1">Username</label>
|
|
<input type="text" id="username" name="username" class="w-full p-3 bg-gray-800 border border-gray-700 rounded focus:ring-2 focus:ring-blue-500" placeholder="Username" required>
|
|
</div>
|
|
<div>
|
|
<label for="password" class="block text-xs font-semibold text-gray-400 mb-1">Password</label>
|
|
<input type="password" id="password" name="password" class="w-full p-3 bg-gray-800 border border-gray-700 rounded focus:ring-2 focus:ring-blue-500" placeholder="Password" required>
|
|
</div>
|
|
<button type="submit" class="w-full py-3 bg-gradient-to-r from-blue-500 to-pink-500 text-white font-bold rounded shadow hover:scale-105 transition">Login</button>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html>
|