63 lines
2.6 KiB
HTML
63 lines
2.6 KiB
HTML
{% load static %}
|
||
<link rel="stylesheet" href="{% static 'css/t-style.css' %}">
|
||
<!doctype html>
|
||
<html class="h-full">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
</head>
|
||
<body class=" dark:bg-gray-900 w-full justify-center h-full m-0">
|
||
<div style="height: calc(10vh);" class=" m-0 text-white bg-blue-600 rounded-lg h-12 shadow-md font-semibold px-1 w-full h-20 shadow-[0_2px_2px_rgba(0,0,0,0.1)] break-words text-center flex items-center justify-center overflow-x-auto text-[clamp(0.75rem,5vw,1.5rem)]" >Ranking
|
||
</div>
|
||
<div class="m-4 flex justify-end font-bold">Frage 1/10</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="text-[clamp(0.75rem,5vw,1.25rem)] font-bold flex items-center justify-around border-blue-600 border-4 space-x-2 mt-2 overflow-x-auto rounded-lg p-4 shadow-[0_2px_2px_rgba(0,0,0,0.1)] w-full">
|
||
<div style="background:linear-gradient(120deg, rgb(255, 208, 0),rgb(216, 151, 21))" class="text-white !important px-4 rounded-sm">1. Platz</div>
|
||
<div class="text-stone-900 ">6000 Punkte</div>
|
||
<div class="">Person XY</div>
|
||
</div>
|
||
|
||
<div class=" text-[clamp(0.75rem,5vw,1.25rem)] font-bold p-4 flex items-center justify-around border-blue-600 border-4 space-x-2 mt-2 overflow-x-auto rounded-lg shadow-[0_2px_2px_rgba(0,0,0,0.1)] w-full">
|
||
<div style="background:linear-gradient(120deg, rgb(102, 122, 122),rgb(194, 186, 186))" class="text-white !important px-4 rounded-sm">2. Platz</div>
|
||
<div class="text-stone-900 ">5000 Punkte</div>
|
||
<div class="">Person XY</div>
|
||
</div>
|
||
|
||
<div class=" text-[clamp(0.75rem,5vw,1.25rem)] font-bold flex items-center justify-around border-blue-600 border-4 space-x-2 mt-2 overflow-x-auto rounded-lg p-4 shadow-[0_2px_2px_rgba(0,0,0,0.1)] w-full">
|
||
<div style="background:linear-gradient(120deg, rgb(211, 91, 17),rgb(219, 168, 109))" class="text-white !important px-4 rounded-sm">3. Platz</div>
|
||
<div class="text-stone-900 ">600 Punkte</div>
|
||
<div class="">Person XY</div>
|
||
</div>
|
||
|
||
<div class=" text-[clamp(0.75rem,5vw,1.25rem)] items-center flex justify-around font-bold border-blue-600 border-4 space-x-2 mt-2 text-[clamp(0.6rem,5vw,1rem)] overflow-x-auto rounded-lg p-4 shadow-[0_2px_2px_rgba(0,0,0,0.1)] w-full">
|
||
<div>4. Platz</div>
|
||
<div>200 Punkte</div>
|
||
<div>Person XY</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="absolute bottom-0 right-0">
|
||
<span class="text-[clamp(0.6rem,5vw,1rem)] font-black overflow-x-auto mt-1 ml-0.75 text-blue-600 p-0.75 bg-white">qivip
|
||
</span>
|
||
</div>
|
||
|
||
</body>
|
||
</html> |