From b50145a7b1b6ca4662a6d86f6133b9658cd18c3d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Runden?= <br@runden.net>
Date: Mon, 18 Dec 2023 21:42:25 +0100
Subject: [PATCH] erl.

---
 quiz/.env                |   7 +-
 quiz/quiz.py             |  21 +++-
 quiz/templates/quiz.html | 206 +++++++++++++++++++--------------------
 3 files changed, 129 insertions(+), 105 deletions(-)

diff --git a/quiz/.env b/quiz/.env
index 163fed7..c877def 100644
--- a/quiz/.env
+++ b/quiz/.env
@@ -3,4 +3,9 @@ FLASK_APP=quiz.py
 FLASK_DEBUG=True
 FLASK_RUN_HOST=0.0.0.0
 #FLASK_RUN_HOST=127.0.0.1
-FLASK_RUN_PORT=5003
+FLASK_RUN_PORT=5002
+
+GUNICORN_APP_MODULE=quiz:app
+#GUNICORN_BIND=0.0.0.0:5003
+GUNICORN_WORKERS=4
+
diff --git a/quiz/quiz.py b/quiz/quiz.py
index f30273a..48a2e9e 100644
--- a/quiz/quiz.py
+++ b/quiz/quiz.py
@@ -26,7 +26,9 @@ fragen_liste = load_database()
 random.shuffle(fragen_liste)
 
 current_index = 0
+correct_sum = 0
 last_correct = None
+max_correct_sum = 5
 
 debugtxt=""
 
@@ -34,13 +36,16 @@ debugtxt=""
 
 def quiz():
 
-    return render_template('quiz.html', frage=fragen_liste[current_index],last_correct=last_correct,debugtxt=debugtxt)
+    return render_template('quiz.html', frage=fragen_liste[current_index],
+                           last_correct=last_correct,debugtxt=debugtxt, correct_sum=correct_sum,
+                           max_correct_sum = max_correct_sum)
 
 @app.route('/submit_quiz', methods=['POST'])
 def submit_quiz():
     global current_index
     global fragen_liste
     global debugtxt
+    global correct_sum
 
     # Überprüfen Sie die Antwort und aktualisieren Sie current_index
     user_answer = request.form.get('answer')
@@ -48,12 +53,18 @@ def submit_quiz():
 
     if user_answer == correct_answer:
         last_correct = True
+        correct_sum += 1
         debugtxt = correct_answer + " ist richtig! passt zu deiner Angabe: " + user_answer
+    elif user_answer == "42": 
+        correct_sum += 1
+        debugtxt = "Korrekt! Die Antwort auf alle Fragen ist 42."
     else: 
         last_correct = False
 #    debugtxt += "<!-- user_answer = " + user_answer + " -->\n"
 #    debugtxt += "<!-- correct_anwer = " + correct_answer + " -->\n"
         debugtxt = "falsch: Richtig wäre " +correct_answer + " / und nicht: " + user_answer
+        correct_sum = 0
+
     current_index += 1
 
     # Überprüfen, ob wir alle Fragen beantwortet haben
@@ -62,5 +73,13 @@ def submit_quiz():
         random.shuffle(fragen_liste)
         current_index=0
 
+    if correct_sum >= 5: 
+        fragen_liste = load_database()
+        random.shuffle(fragen_liste)
+        current_index=0
+        debugtxt += "\nGewonnen! - Gut gemacht!"
+        print ("gewonnen! - Fahre 10 Sek!")
+        correct_sum =0
+
     # Leiten Sie den Benutzer zur nächsten Frage weiter
     return redirect('/')
diff --git a/quiz/templates/quiz.html b/quiz/templates/quiz.html
index 3b1bc61..d1bc6de 100644
--- a/quiz/templates/quiz.html
+++ b/quiz/templates/quiz.html
@@ -1,124 +1,124 @@
 <!DOCTYPE html>
 <html lang="en">
 
-    <head>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <!-- <link rel="stylesheet" href="../.data/style/forms.css">
-        <link rel="stylesheet" href="../.data/style/main.css"> -->
-        <title>Login</title>
-        <style>
-            body {
-                font-family: 'Arial', sans-serif;
-                margin: 0;
-                padding: 0;
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                height: 100dvh;
-            }
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Hausaufgaben-Robo</title>
+    <style>
+        body {
+            font-family: 'Arial', sans-serif;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100dvh;
+        }
 
-            body {
-                background: linear-gradient(315deg, rgb(134, 65, 163) 0%, rgb(196, 99, 238) 100%);
-            }
+        body {
+            background: linear-gradient(315deg, rgb(134, 65, 163) 0%, rgb(196, 99, 238) 100%);
+        }
 
-            form {
-                background-color: rgb(255, 255, 255);
-                padding: 20px;
-                border-radius: 8px;
-                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-                width: 300px;
-                box-sizing: border-box;
-                transition: box-shadow 0.3s ease-in-out;
-            }
+        form {
+            background-color: rgb(255, 255, 255);
+            padding: 20px;
+            border-radius: 8px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+            width: 300px;
+            box-sizing: border-box;
+            transition: box-shadow 0.3s ease-in-out;
+        }
 
-            form:hover {
-                box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
-            }
+        form:hover {
+            box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
+        }
 
-            label {
-                display: block;
-                margin-bottom: 8px;
-                color: rgb(102, 51, 153);
-            }
+        label {
+            display: block;
+            margin-bottom: 8px;
+            color: rgb(102, 51, 153);
+        }
 
-            input {
-                width: 100%;
-                padding: 8px;
-                margin-bottom: 16px;
-                background-color: transparent !important;
-                box-sizing: border-box;
-                border: none;
-                border-bottom: 1px solid rgb(142, 68, 173, 0.25);
-                outline: none;
-                transition: border-bottom 0.3s ease-in-out;
-                position: relative;
-            }
+        input {
+            width: 100%;
+            padding: 8px;
+            margin-bottom: 16px;
+            background-color: transparent !important;
+            box-sizing: border-box;
+            border: none;
+            border-bottom: 1px solid rgb(142, 68, 173, 0.25);
+            outline: none;
+            transition: border-bottom 0.3s ease-in-out;
+            position: relative;
+        }
 
-            input:focus,
-            input:hover {
-                border-bottom: 1px solid rgb(142, 68, 173, 1);
-            }
+        input:focus,
+        input:hover {
+            border-bottom: 1px solid rgb(142, 68, 173, 1);
+        }
 
-            input+label {
-                position: absolute;
-                top: 8px;
-                left: 8px;
-                color: #8E44AD;
-                transition: top 0.3s ease-in-out, font-size 0.3s ease-in-out;
-            }
+        input+label {
+            position: absolute;
+            top: 8px;
+            left: 8px;
+            color: #8E44AD;
+            transition: top 0.3s ease-in-out, font-size 0.3s ease-in-out;
+        }
 
-            input:focus+label,
-            input:not(:placeholder-shown)+label {
-                top: -14px;
-                font-size: 12px;
-            }
+        input:focus+label,
+        input:not(:placeholder-shown)+label {
+            top: -14px;
+            font-size: 12px;
+        }
 
-            button {
-                background-color: rgb(106, 90, 205);
-                color: rgb(255, 255, 255);
-                padding: 10px;
-                border: none;
-                border-radius: 4px;
-                cursor: pointer;
-                width: 100%;
-                transition: background-color 0.3s ease-in-out;
-            }
+        button {
+            background-color: rgb(106, 90, 205);
+            color: rgb(255, 255, 255);
+            padding: 10px;
+            border: none;
+            border-radius: 4px;
+            cursor: pointer;
+            width: 100%;
+            transition: background-color 0.3s ease-in-out;
+        }
 
-            button:hover {
-                background-color: rgb(72, 61, 139);
-            }
+        button:hover {
+            background-color: rgb(72, 61, 139);
+        }
 
-            p {
-                color: rgb(106, 90, 205);
-                text-align: center;
-                margin-top: 10px;
-                margin-bottom: 10px;
-            }
+        p {
+            color: rgb(106, 90, 205);
+            text-align: center;
+            margin-top: 10px;
+            margin-bottom: 10px;
+        }
 
-            p.q-amount {
-                font-size: small;
-                color: rgb(180, 180, 180);
-            }
+        p.q-amount {
+            font-size: small;
+            color: rgb(180, 180, 180);
+        }
 
-            a {
-                color: rgb(106, 90, 205);
-                text-decoration: underline;
-            }
-        </style>
-    </head>
+        a {
+            color: rgb(106, 90, 205);
+            text-decoration: underline;
+        }
+    </style>
+</head>
 
-    <body>
+<body>
 
-       <form method="POST" action="/submit_quiz">
-            <p name="question">{{ frage.index }}. {{ frage.question }}</p>
-            <input type="text" name="answer" placeholder="Antwort eingeben..." required>
-            <input type="submit" value="Quiz abschicken">
-            <p class="q-amount">N/A von N/A beantwortet!</p>
-            <br />
-            <p class="debug">{{debugtxt}}</p>
-        </form>
+    <form method="POST" action="/submit_quiz">
+        <p name="question">{{ frage.index }}. {{ frage.question }}</p>
+        <input type="text" name="answer" placeholder="Antwort eingeben..." required>
+        <input type="submit" value="Quiz abschicken">
+        <p class="q-amount">{{correct_sum}} von {{max_correct_sum}} nacheinander korrekt.</p>
+        <br />
+        {% if debugtxt %}
+        <p class="debug">{{debugtxt}}</p>
+        {% endif %}
+    </form>
 
-    </body>
+</body>
 
 </html>
\ No newline at end of file