josef 2 týždňov pred
rodič
commit
d91e9f4ea7
9 zmenil súbory, kde vykonal 290 pridanie a 59 odobranie
  1. 79 4
      app/templates/home.html
  2. 0 54
      app/templates/quizz.html
  3. 15 0
      b end.py
  4. 50 0
      basen.txt
  5. BIN
      docs/IMG_0772.jpeg
  6. BIN
      docs/IMG_0773.jpeg
  7. BIN
      docs/IMG_0774.jpeg
  8. 146 0
      schema.json
  9. 0 1
      silly_qiz

+ 79 - 4
app/templates/home.html

@@ -1,14 +1,89 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en"  x-data="{zacalqiz: false}">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
-    <title>silly_qiz</title>
+    <title>Kvíz: Který učitel na GJS jsi ty?</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
+    <style>
+        body { background-color: #f0f4f8; }
+        .gjs-blue { background-color: #0055a4; }
+        .card { border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
+    </style>
 </head>
 <body>
+<script>
+function quizApp() {
+    return {
+        zacalqiz: false,
+        otazky: [],
+ 
+        async startQuiz() {
+            this.zacalqiz = ! this.zacalqiz
+            const res = await fetch('/api/questions?count=5');
+            this.otazky = await res.json();
+        }
+    }
+}
+</script>
+
+<template x-if="!zacalqiz">
+<div>
+    <div >
     <h1>silly_qiz</h1>
     <h3 class="rainbow">toto bude mega giga silly qiz, aby jste mohli zjistit který z učítelů gimjs jste :3</h3>
-    <a href="{{ url_for('questions.index') }}">Začít kvíz</a>
+        <a href="{{ url_for('questions.index') }}">Začít kvíz</a>
+    </div>
+</div>
+</template>
+<template x-if="zacalqiz">
+<div  class="flex flex-col items-center justify-center min-h-screen p-4">
+
+    <div class="card bg-white w-full max-w-lg p-6 border-t-8 border-blue-700">
+        
+        <h1 class="text-2xl font-bold text-center text-gray-800 mb-8">
+            Který učitel na GJS jsi ty?
+        </h1>
+
+        <div class="mb-8">
+            <p class="text-lg font-semibold text-gray-700 mb-4 text-center">
+                Lorem ipsum dolor sit amet, consectetur?
+            </p>
+
+            <div class="space-y-3">
+                <label class="block p-3 border rounded-lg cursor-pointer hover:bg-blue-50 transition">
+                    <input type="radio" name="q1" class="mr-2"> Lorem ipsum dolor
+                </label>
+                <label class="block p-3 border rounded-lg cursor-pointer hover:bg-blue-50 transition">
+                    <input type="radio" name="q1" class="mr-2"> Sit amet consectetur
+                </label>
+                <label class="block p-3 border rounded-lg cursor-pointer hover:bg-blue-50 transition">
+                    <input type="radio" name="q1" class="mr-2"> Adipiscing elit
+                </label>
+                <label class="block p-3 border rounded-lg cursor-pointer hover:bg-blue-50 transition">
+                    <input type="radio" name="q1" class="mr-2"> Sed do eiusmod
+                </label>
+            </div>
+        </div>
+
+        <div class="flex justify-between mt-10">
+            <button class="px-6 py-2 bg-gray-200 text-gray-700 rounded font-bold hover:bg-gray-300 transition">
+                Předchozí
+            </button>
+            <button class="px-6 py-2 gjs-blue text-white rounded font-bold hover:opacity-90 transition">
+                Další
+            </button>
+        </div>
+
+    </div>
+</div>
+</template>
+    <button @click="startQuiz()">Toggle Content</button>
+
 </body>
-</html>
+
+</html>
+
+

+ 0 - 54
app/templates/quizz.html

@@ -1,54 +0,0 @@
-<!DOCTYPE html>
-<html lang="cs">
-<head>
-    <meta charset="UTF-8">
-    <title>Kvíz: Který učitel na GJS jsi ty?</title>
-    <script src="https://cdn.tailwindcss.com"></script>
-    <style>
-        body { background-color: #f0f4f8; }
-        .gjs-blue { background-color: #0055a4; }
-        .card { border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
-    </style>
-</head>
-<body class="flex flex-col items-center justify-center min-h-screen p-4">
-
-    <div class="card bg-white w-full max-w-lg p-6 border-t-8 border-blue-700">
-        
-        <h1 class="text-2xl font-bold text-center text-gray-800 mb-8">
-            Který učitel na GJS jsi ty?
-        </h1>
-
-        <div class="mb-8">
-            <p class="text-lg font-semibold text-gray-700 mb-4 text-center">
-                Lorem ipsum dolor sit amet, consectetur?
-            </p>
-
-            <div class="space-y-3">
-                <label class="block p-3 border rounded-lg cursor-pointer hover:bg-blue-50 transition">
-                    <input type="radio" name="q1" class="mr-2"> Lorem ipsum dolor
-                </label>
-                <label class="block p-3 border rounded-lg cursor-pointer hover:bg-blue-50 transition">
-                    <input type="radio" name="q1" class="mr-2"> Sit amet consectetur
-                </label>
-                <label class="block p-3 border rounded-lg cursor-pointer hover:bg-blue-50 transition">
-                    <input type="radio" name="q1" class="mr-2"> Adipiscing elit
-                </label>
-                <label class="block p-3 border rounded-lg cursor-pointer hover:bg-blue-50 transition">
-                    <input type="radio" name="q1" class="mr-2"> Sed do eiusmod
-                </label>
-            </div>
-        </div>
-
-        <div class="flex justify-between mt-10">
-            <button class="px-6 py-2 bg-gray-200 text-gray-700 rounded font-bold hover:bg-gray-300 transition">
-                Předchozí
-            </button>
-            <button class="px-6 py-2 gjs-blue text-white rounded font-bold hover:opacity-90 transition">
-                Další
-            </button>
-        </div>
-
-    </div>
-
-</body>
-</html>

+ 15 - 0
b end.py

@@ -0,0 +1,15 @@
+from flask import Flask, render_template
+
+app = Flask(__name__)
+
+@app.route("/")
+def index():
+    return render_template("home.html")
+
+@app.route("/health")
+def health():
+    return "Health check passed!"
+
+@app.route("/api/questions/")
+def questions_index():
+    return "Hello, World!"

+ 50 - 0
basen.txt

@@ -0,0 +1,50 @@
+Na chodbách šustí mokré bundy,
+v oknech se probouzí májový déšť,
+a ospalé hlasy v druhé rundě
+počítají minuty před testem z češt’.
+Křída se drolí, zvonek zvoní,
+v lavicích káva z termosky hřeje,
+pátek už v očích tiše voní
+a celé gymnázium lehce se směje.
+
+Mám se snad smát špatnému vtipu?
+Ten mozek z drátu a mikročipů
+Neví nic o českých básnických strukturách.
+A co má za slovo vůbec být "češť?"
+A dav jen s úsměvem volá "Nešť"!
+Já přiznám, že na mě padá strach.
+Ne, že ej-áj básnické střevo má
+Že lidská hloupost už nepozná 
+Rozdíl
+
+mám rád tuleně
+proč jsme je nedomestikovali?
+poezie je obtížná
+tuleň
+
+Pak velká přestávka rozlije hluk,
+housky, smích a kroky v běhu,
+v každém patře se chvěje vzduch
+tou zvláštní páteční útěchou.
+Za okny tramvaj líně cinkne,
+den se už naklání k volnosti,
+a gymnázium na chvíli ztichne
+v sladké předtuše budoucnosti.
+
+
+Recept na divokou kachnu
+
+Ingredience
+1 kg kachních prsou
+0,25 dcl červeného vína
+0,25 dcl vývaru
+divoké koření (celý pepř, nové koření, bobkový list) ve vajíčku na čaj
+olivový olej
+2 lžíce švestkového čatní
+trochu cukru
+sůl
+pepřová marináda
+
+Postup přípravy
+Nakrájíme cibuli a slaninu na kostičky, kachní prsa na nudličky. Slaninu rozpustíme na pánvi a zpěníme na ní cibuli. Kachní prsa osolíme, posypeme je pepřovou marinádou a hladkou moukou, vše promícháme a orestujeme na olivovém oleji. K masu přidáme k cibuli se slaninou, zalijeme červeným vínem a vývarem, přidáme divoké koření ve vajíčku, šťávu a dužinu z pomeranče a švestkové čatní. Vaříme do měkka.
+Podáváme s těstovinami, rýží nebo vařenými brambory.

BIN
docs/IMG_0772.jpeg


BIN
docs/IMG_0773.jpeg


BIN
docs/IMG_0774.jpeg


+ 146 - 0
schema.json

@@ -0,0 +1,146 @@
+[
+  {
+    "id": 1,
+    "question": "Jak nejraději strávíš svůj volný čas?",
+    "options": [
+      "Studium biologie",
+      "Diskuse o dějinách a filmech",
+      "Řešení matematických rovnic",
+      "Hokejový trénink"
+    ],
+    "results": [
+      "Svobodová",
+      "Nájemník",
+      "Stejskal",
+      "Ambroz"
+    ]
+  },
+  {
+    "id": 2,
+    "question": "jakého eventu se zúčastníš?",
+    "options": [
+      "čtenářská čajovna",
+      "fotbalový zápas",
+      "chemická exkurze",
+      "turnaj v poítačových hrách"
+    ],
+    "results": [
+      "Jílek",
+      "Orr",
+      "Ekrtová",
+      "Helgert"
+    ]
+  },
+  {
+    "id": 3,
+    "question": "Co uděláš když student nepochopí látku?",
+    "options": [
+      "trpělivě mu to několikrát vysvětlíš na příkladech",
+      "nechápeš co na tom nechápe",
+      "odběhneš od tématu a pak nestíháš",
+      "začneš diskuzi"
+    ],
+    "results": [
+      "Ekrtová",
+      "Stejskal",
+      "Nájemník",
+      "Jílek"
+    ]
+  },
+  {
+    "id": 4,
+    "question": "Co uděláš když studenti hlučí?",
+    "options": [
+      "začneš šeptat",
+      "napomeneš je, s dotazem jestli je to nezajímá",
+      "je ti to jedno",
+      "poprosíš o klid"
+    ],
+    "results": [
+      "Ambroz",
+      "Nájemník",
+      "Stejskal",
+      "Ekrtová"
+    ]
+  },
+  {
+    "id": 5,
+    "question": "jak často po tobě někdo něco potřebuje?",
+    "options": [
+      "Každou chvíli pomáháš s technikou",
+      "víš všechno a o všech, pořád se někdo ptá",
+      "Občas odpískáš fotbal, nebo organizuješ jazykové certifikáty",
+      "každou volnou chvíli někoho doučuješ"
+    ],
+    "results": [
+      "Helgert",
+      "Svobodová",
+      "Orr",
+      "Ekrtová"
+    ]
+  },
+  {
+    "id": 6,
+    "question": "Jak často jsi ve škole?",
+    "options": [
+      "nikdy",
+      "každý den",
+      "téměř každý den",
+      "několikrát týdně"
+    ],
+    "results": [
+      "Ambroz",
+      "Svobodová",
+      "Ekrtová",
+      "Stejskal"
+    ]
+  },
+  {
+    "id": 7,
+    "question": "Máš vlasy?",
+    "options": [
+      "Ne",
+      "Ano a hodně",
+      "Normální množství",
+      "nechávám si je narůst a pak na ježka"
+    ],
+    "results": [
+      "Ambroz",
+      "Svobodová",
+      "Ekrtová",
+      "Jílek"
+    ]
+  },
+  {
+    "id": 8,
+    "question": "Jaký kroužek zorganizuješ?",
+    "options": [
+      "Basketbal",
+      "studium mikoživočichů",
+      "nezorganizuješ",
+      "turnaje v počítačových hrách"
+    ],
+    "results": [
+      "Nájemník",
+      "Svobodová",
+      "Stejskal",
+      "Helgert"
+    ]
+  },
+  {
+    "id": 9,
+    "question": "Co je tvoje fav zvíře?",
+    "options": [
+      "Panda",
+      "Lochneska",
+      "asi nemáš",
+      "něco hrozně mikro a exotického"
+    ],
+    "results": [
+      "Ekrtová",
+      "Orr",
+      "Stejskal",
+      "Svobodová"
+    ]
+  }
+]

+ 0 - 1
silly_qiz

@@ -1 +0,0 @@
-Subproject commit 32b44a2faf19634ded7ed6c3ff9c39de4d73851b