From 8b5f8c963f50e42c710ec2abef5804270778bf81 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Runden?= <br@runden.net>
Date: Tue, 19 Dec 2023 16:20:27 +0100
Subject: [PATCH] cmon

---
 .gitignore                |   1 +
 quiz/quiz.py              |  47 ++++++++++++++++-----------
 quiz/static/pics/cake.jpg | Bin 0 -> 14654 bytes
 quiz/templates/quiz.html  |  66 +++++++++++++++++++++++++++++++++++---
 4 files changed, 91 insertions(+), 23 deletions(-)
 create mode 100644 quiz/static/pics/cake.jpg

diff --git a/.gitignore b/.gitignore
index f289448..06cd2da 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
 quiz/__pycache__
+quiz/quiz copy.py
diff --git a/quiz/quiz.py b/quiz/quiz.py
index 48a2e9e..bd15dc4 100644
--- a/quiz/quiz.py
+++ b/quiz/quiz.py
@@ -6,21 +6,21 @@ import random
 app = Flask(__name__)
 
 def load_database():
-    file = os.path.join(os.path.expanduser("~"), "Austausch", "fragen1.csv") 
+    file = os.path.join(os.path.expanduser("~"), "Robotik-Ablage", "fragen2.csv") 
 
     #with open(file, newline="", encoding="utf-8") as csvfile: #
     with open(file, newline="", encoding="cp1252") as csvfile: # Code wird als Excel Windows-1252 Input CSV gelesen
-        database = csv.reader(csvfile, delimiter=";") # Validating the "csvfile" into "database" with the delimiter "," (Comma Seperated Values)
-
+        database = csv.reader(csvfile, delimiter=";") 
         q_a = [] # Empty list for all questions and answers
-
         for row in database: # alle Zeilen in der Datenbank durchlaufen
             index = int(row[0]) # Laufende Nummer
             question = str(row[1]) # Frage (ist der erste Teil)
             answer = str(row[2]) # Antwort (3. Spalte in der CSV Datenbank)
             q_a.append({"index": index,"question": question, "answer": answer}) # Eine Liste bauen
-
         return q_a
+    
+def FahreMotor():
+    return True
 
 fragen_liste = load_database()
 random.shuffle(fragen_liste)
@@ -29,23 +29,29 @@ current_index = 0
 correct_sum = 0
 last_correct = None
 max_correct_sum = 5
-
 debugtxt=""
+alerttxt=""
+successtxt=""
+won=False
 
 @app.route('/')
 
 def quiz():
-
     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)
+                           max_correct_sum = max_correct_sum,
+                           alerttxt=alerttxt, successtxt=successtxt,
+                           won=won)
 
 @app.route('/submit_quiz', methods=['POST'])
 def submit_quiz():
     global current_index
     global fragen_liste
-    global debugtxt
+    global debugtxt, alerttxt, successtxt
     global correct_sum
+    global won
+
+    won=False
 
     # Überprüfen Sie die Antwort und aktualisieren Sie current_index
     user_answer = request.form.get('answer')
@@ -54,15 +60,19 @@ 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
+#        debugtxt = correct_answer + " ist richtig! passt zu deiner Angabe: " + user_answer
+        successtxt = correct_answer + " ist richtig! passt zu deiner Angabe: " + user_answer
+        alerttxt = ""
     elif user_answer == "42": 
-        correct_sum += 1
-        debugtxt = "Korrekt! Die Antwort auf alle Fragen ist 42."
+        # EASTEREGG!!! #
+        last_correct = True
+        correct_sum = 5
+        successtxt = "Korrekt! Die Antwort auf alle Fragen ist 42."
+        alerttxt = ""
     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
+        alerttxt = "falsch: Richtig wäre " +correct_answer + " / und nicht: " + user_answer
+        successtxt = ""
         correct_sum = 0
 
     current_index += 1
@@ -77,9 +87,10 @@ def submit_quiz():
         fragen_liste = load_database()
         random.shuffle(fragen_liste)
         current_index=0
-        debugtxt += "\nGewonnen! - Gut gemacht!"
-        print ("gewonnen! - Fahre 10 Sek!")
+        successtxt += "<br /> <br /> <br /> Gewonnen! - Gut gemacht! <br /> Guten Appetit!"
+#        print ("gewonnen! - Fahre 10 Sek!")
+        FahreMotor
         correct_sum =0
+        won = True
 
-    # Leiten Sie den Benutzer zur nächsten Frage weiter
     return redirect('/')
diff --git a/quiz/static/pics/cake.jpg b/quiz/static/pics/cake.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..87a73bca0626fa61a5ceb2a9d2760b5611274853
GIT binary patch
literal 14654
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
E0SITbs{jB1

literal 0
HcmV?d00001

diff --git a/quiz/templates/quiz.html b/quiz/templates/quiz.html
index d1bc6de..84e591d 100644
--- a/quiz/templates/quiz.html
+++ b/quiz/templates/quiz.html
@@ -73,18 +73,26 @@
         }
 
         button {
-            background-color: rgb(106, 90, 205);
-            color: rgb(255, 255, 255);
+            background-color: rgb(102, 51, 153);
+            /* Dunkel-lila Hintergrund */
+            color: white;
+            /* Weiße Schriftfarbe */
             padding: 10px;
             border: none;
             border-radius: 4px;
             cursor: pointer;
             width: 100%;
-            transition: background-color 0.3s ease-in-out;
+            transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
+            box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
+            /* Leicht erhabener Effekt */
         }
 
+        /* Aktualisierte Stilregel für den Button im Hover-Zustand */
         button:hover {
             background-color: rgb(72, 61, 139);
+            /* Dunkleres Lila im Hover-Zustand */
+            box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.2);
+            /* Stärkerer erhabener Effekt im Hover-Zustand */
         }
 
         p {
@@ -103,6 +111,36 @@
             color: rgb(106, 90, 205);
             text-decoration: underline;
         }
+
+        .alert-message {
+            padding: 10px;
+            border-radius: 5px;
+            font-weight: bold;
+            text-align: center;
+        }
+
+        .alert-success {
+            background-color: lightgreen;
+            color: green;
+        }
+
+        .alert-danger {
+            background-color: lightcoral;
+            color: red;
+        }
+
+        .image-container {
+            max-height: 50pt;
+            overflow: hidden;
+            text-align: center;
+            /* Zentriert das Bild horizontal */
+        }
+
+        .image-container img {
+            max-height: 50pt;
+            /* max-width: 100%; */
+            /* height: auto; */
+        }
     </style>
 </head>
 
@@ -110,13 +148,31 @@
 
     <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">
+        <input type="text" name="answer" placeholder="Antwort eingeben..." required autofocus>
+        <button type="submit">Antwort abschicken</button>
         <p class="q-amount">{{correct_sum}} von {{max_correct_sum}} nacheinander korrekt.</p>
         <br />
         {% if debugtxt %}
         <p class="debug">{{debugtxt}}</p>
         {% endif %}
+        {% if alerttxt %}
+        <div id="message" class="alert-message alert-danger">
+            {{alerttxt}}
+        </div>
+        {% endif %}
+        {% if successtxt %}
+        <div id="message" class="alert-message alert-success">
+            {{successtxt | safe}}
+        </div>
+        {% endif %}
+        {% if won %}
+        <br />
+        <br />
+        <div class="image-container">
+            <img src="{{ url_for('static', filename='pics/cake.jpg') }}" alt="Suessigkeit">
+        </div>
+        {% endif %}
+
     </form>
 
 </body>