Initialer Import: Raceplaner mit Flask & Nginx Proxy
This commit is contained in:
47
app/templates/driver_detail.html
Normal file
47
app/templates/driver_detail.html
Normal file
@@ -0,0 +1,47 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>{{ driver.name }} - Details</title>
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
</head>
|
||||
<body class="bg-[#0a0e17] text-white p-8">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="flex justify-between items-center mb-8">
|
||||
<h1 class="text-4xl font-black uppercase italic">{{ driver.name }} <span class="text-blue-500">#{{ driver.car_number }}</span></h1>
|
||||
<a href="/" class="bg-slate-800 px-4 py-2 rounded text-xs uppercase font-bold">Zurück</a>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-3 gap-4 mb-8">
|
||||
<div class="bg-slate-900/50 p-4 rounded-xl border border-white/5">
|
||||
<div class="text-[10px] text-slate-500 uppercase font-bold">Verbrauch/Runde</div>
|
||||
<div class="text-2xl font-black text-green-500">{{ driver.cons_per_lap }}L</div>
|
||||
</div>
|
||||
<div class="bg-slate-900/50 p-4 rounded-xl border border-white/5">
|
||||
<div class="text-[10px] text-slate-500 uppercase font-bold">Ø Rundenzeit</div>
|
||||
<div class="text-2xl font-black text-blue-500">{{ driver.avg_lap_time }}s</div>
|
||||
</div>
|
||||
<div class="bg-slate-900/50 p-4 rounded-xl border border-white/5">
|
||||
<div class="text-[10px] text-slate-500 uppercase font-bold">Stints Gesamt</div>
|
||||
<div class="text-2xl font-black text-orange-500">{{ stints|length }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2 class="text-xl font-bold mb-4 uppercase text-slate-400">Geplante Einsätze</h2>
|
||||
<div class="space-y-2">
|
||||
{% for s in stints %}
|
||||
<div class="bg-slate-900/80 p-4 rounded-lg flex justify-between items-center border-l-4 border-blue-600">
|
||||
<div>
|
||||
<div class="text-[10px] text-slate-500 font-mono">{{ s.date }}</div>
|
||||
<div class="text-lg font-black">{{ s.start }} - {{ s.end }}</div>
|
||||
</div>
|
||||
<div class="text-right">
|
||||
<div class="text-sm font-bold">{{ s.laps }} Runden</div>
|
||||
<div class="text-xs text-green-500">{{ s.fuel }}L Benzin</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user