admin/raceplaner
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Einführung von Light Mode

Browse Source
This commit is contained in:
Thomas Arnold
2026-01-23 23:08:24 +01:00
parent d98f07a4b2
commit db6d11cf60
6 changed files with 182 additions and 318 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
app/templates/login.html
View File

@@ -5,21 +5,24 @@
<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-gray-900 text-white flex items-center justify-center h-screen">
<div class="bg-gray-800 p-8 rounded-2xl shadow-2xl w-full max-w-sm border border-gray-700">
<h1 class="text-3xl font-black text-blue-500 mb-6 text-center italic">RACEPLANNER</h1>
<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-gray-500 uppercase mb-1">Benutzer</label>
<input type="text" name="username" class="w-full bg-gray-900 border-none rounded p-3" required>
<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-gray-500 uppercase mb-1">Passwort</label>
<input type="password" name="password" class="w-full bg-gray-900 border-none rounded p-3" required>
<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-500 font-bold py-3 rounded uppercase transition">Anmelden</button>
<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>
</html>