app.py Anpassung an Spielidee

flask_app/app.py

@@ -1,35 +1,104 @@
-from flask import Flask, render_template, request
+from flask import Flask, request
 import sqlite3
 
-app = Flask(__name__, static_folder="assets", static_url_path="/assets")
+
+app = Flask(__name__)
+
+
+STYLE = """
+<style>
+  body {
+    background: #0f172a;
+    color: #e5e7eb;
+    font-family: system-ui, sans-serif;
+    max-width: 640px;
+    margin: 3rem auto;
+    padding: 0 1rem;
+    line-height: 1.6;
+  }
+  a, button {
+    display: inline-block;
+    border: 1px solid #334155;
+    border-radius: 8px;
+    padding: .45em 1em;
+    margin: .3em .3em 0 0;
+    background: #1e293b;
+    color: #e5e7eb;
+    text-decoration: none;
+    font: inherit;
+    cursor: pointer;
+  }
+  input {
+    padding: .45em .7em;
+    border-radius: 8px;
+    border: 1px solid #334155;
+    background: #020617;
+    color: #e5e7eb;
+  }
+</style>
+"""
+
 
 def get_db():
     db = sqlite3.connect("adventure.db")
-    db.row_factory = sqlite3.Row   # Spalten per Name ansprechen
+    db.row_factory = sqlite3.Row
     return db
 
+
 @app.route("/")
-@app.route("/app/")
+def start():
-def hello():
+    return STYLE + '<h1>Stadion Escape</h1><a href="/app/raum/stadiontor">Abenteuer starten</a>'
-    return render_template("index.html")
 
 
-@app.route("/raetsel", methods=["GET", "POST"])
+@app.route("/raum/<raum_id>", methods=["GET", "POST"])
-@app.route("/raetsel/", methods=["GET", "POST"])
+@app.route("/app/raum/<raum_id>", methods=["GET", "POST"])
-@app.route("/app/raetsel", methods=["GET", "POST"])
+def raum(raum_id):
-@app.route("/app/raetsel/", methods=["GET", "POST"])
+    db = get_db()
-@app.route("/frage", methods=["GET", "POST"])
+    r = db.execute("SELECT * FROM raeume WHERE id=?", (raum_id,)).fetchone()
-@app.route("/frage/", methods=["GET", "POST"])
+
-@app.route("/app/frage", methods=["GET", "POST"])
+    if r is None:
-@app.route("/app/frage/", methods=["GET", "POST"])
+        db.close()
-def raetsel():
+        return STYLE + '<h1>Raum nicht gefunden</h1><a href="/app/">Zurück zum Start</a>', 404
+
+    if r["raetsel_frage"]:
         if request.method == "POST":
-        if request.form["antwort"] == "4":
+            antwort = request.form["antwort"].strip().lower()
-            return render_template("raetsel.html", ergebnis="Richtig! Das Stadiontor öffnet sich.")
+            richtige_antwort = r["raetsel_antwort"].strip().lower()
-        return render_template("raetsel.html", ergebnis="Leider falsch, du bist wohl kein wahrer Fan.")
+            db.close()
 
-    return render_template("raetsel.html")
+            if antwort == richtige_antwort:
+                return STYLE + "<h1>Geschafft!</h1><p>Die Nordkurve feiert mit dir.</p>"
+            return STYLE + (
+                '<h1>Leider falsch</h1>'
+                '<p>Erwin schüttelt den Kopf. Die Botschaft stimmt noch nicht.</p>'
+                '<a href="/app/raum/' + raum_id + '">Nochmal versuchen</a>'
+            )
+
+        html = "<h1>" + r["name"] + "</h1>"
+        html += "<p>" + r["beschreibung"] + "</p>"
+        html += '<form method="post">'
+        html += "<p>" + r["raetsel_frage"] + "</p>"
+        html += '<input name="antwort" autocomplete="off">'
+        html += "<button>OK</button>"
+        html += "</form>"
+        db.close()
+        return STYLE + html
+
+    ausgaenge = db.execute(
+        "SELECT richtung, nach_raum FROM ausgaenge WHERE von_raum=?",
+        (raum_id,),
+    ).fetchall()
+    db.close()
+
+    html = "<h1>" + r["name"] + "</h1>"
+    html += "<p>" + r["beschreibung"] + "</p>"
+    for a in ausgaenge:
+        html += '<a href="/app/raum/' + a["nach_raum"] + '">'
+        html += a["richtung"]
+        html += "</a> "
+
+    return STYLE + html
 
 
 if __name__ == "__main__":
-    app.run(host="0.0.0.0", port=9007)
+    app.run(host="0.0.0.0", port=9000)