New structure

2025-03-08 16:21:40 +01:00
parent ba77d72091
commit 213b4cfd77
27 changed files with 48 additions and 1335 deletions
--- a/core/templates/components/base.html
+++ b/core/templates/components/base.html
@@ -0,0 +1,45 @@
+{% load static %}
+<!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  h-full m-0">
+
+    <div style="height: calc(12vh);"  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.55rem,5vw,1.5rem)]" > Frage: Wie hoch ist der Eiffelturm insgesamt? 
+      </div>
+    
+    <div class=" dark:bg-gray-900  flex justify-end gap-2 " style="height: calc(12vh);">
+    <span class="mt-4 text-[clamp(0.6rem,5vw,1rem)] overflow-x-auto ml-0.75 text-white bg-blue-400 mb-6 h-12 rounded-sm p-3 shadow-[0_2px_2px_rgba(0,0,0,0.1)] z-40 items-center">Zeit: 60s</span>
+    <div class="mt-4 text-[clamp(0.6rem,5vw,1rem)] overflow-x-auto mr-0.75 bg-gray-500 text-white h-12 mb-6 rounded-sm p-3 shadow-[0_2px_2px_rgba(0,0,0,0.1)] z-40 items-center  ">Deine Punkte: 60</div>
+    </div>
+  
+
+
+
+ 
+   
+    <div class="mt-3 flex justify-center -z-1  " style="height: calc(37vh);"> <img class="object-cover "  src="{% static 'components/Ausgabe.png' %}" alt="Bild">   </div>
+    <div class="w-full  grid grid-cols-2 p-2 h-full" style="height: calc(38vh);min-height: 50px;">
+ 
+      
+      {% block content %}
+   
+      {% endblock %}
+  
+  </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>