28 lines
1.5 KiB
HTML
28 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>RacePlanner Login</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<style>
|
|
body { font-family: 'Inter', sans-serif; }
|
|
</style>
|
|
</head>
|
|
<body class="bg-slate-100 flex items-center justify-center h-screen">
|
|
<div class="bg-white p-8 rounded-2xl shadow-xl w-full max-w-sm border border-slate-200">
|
|
<h1 class="text-3xl font-black text-blue-600 mb-6 text-center italic">RACEPLANNER</h1>
|
|
<form action="/login" method="POST" class="space-y-4">
|
|
<div>
|
|
<label class="block text-xs font-bold text-slate-400 uppercase mb-1">Benutzer</label>
|
|
<input type="text" name="username" class="w-full bg-slate-50 border border-slate-200 rounded p-3 text-slate-900 focus:ring-2 ring-blue-500 outline-none" placeholder="z.B. mscaltenbach" required>
|
|
</div>
|
|
<div>
|
|
<label class="block text-xs font-bold text-slate-400 uppercase mb-1">Passwort</label>
|
|
<input type="password" name="password" class="w-full bg-slate-50 border border-slate-200 rounded p-3 text-slate-900 focus:ring-2 ring-blue-500 outline-none" required>
|
|
</div>
|
|
<button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-black py-3 rounded-lg uppercase tracking-widest transition-all">Anmelden</button>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html> |