diff --git a/app/app.py b/app/app.py index 1aae832..9f1599b 100644 --- a/app/app.py +++ b/app/app.py @@ -1,9 +1,10 @@ -from flask import Flask, request +from flask import Flask, request, session, redirect import html import sqlite3 from pathlib import Path app = Flask(__name__) +app.secret_key = "hier-eigenen-geheimen-text" # für session nötig DB_PATH = Path(__file__).with_name("adventure.db") @@ -13,97 +14,8 @@ def get_db(): return db -BASE_CSS = """ -:root { - color-scheme: dark; -} -* { box-sizing: border-box; } -body { - margin: 0; - font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; - background: linear-gradient(135deg, #07121d 0%, #102a43 45%, #1e3a5f 100%); - color: #e2e8f0; - min-height: 100vh; -} -.shell { - min-height: 100vh; - display: grid; - place-items: center; - padding: 2rem 1rem; -} -.card { - width: min(760px, 100%); - background: rgba(7, 18, 29, 0.88); - border: 1px solid rgba(148, 163, 184, 0.25); - border-radius: 24px; - padding: 2rem; - box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35); - backdrop-filter: blur(10px); -} -.card h1 { - margin-top: 0; - margin-bottom: 0.75rem; - font-size: 2rem; - color: #f8fafc; -} -.card p { - line-height: 1.7; - color: #cbd5e1; -} -.actions, .links { - display: flex; - flex-wrap: wrap; - gap: 0.75rem; - margin-top: 1.25rem; -} -.btn, .card a, .card button { - display: inline-block; - background: linear-gradient(135deg, #2563eb 0%, #06b6d4 100%); - color: #f8fafc; - border: none; - border-radius: 999px; - padding: 0.8rem 1.1rem; - text-decoration: none; - font-weight: 700; - cursor: pointer; - transition: transform 0.2s ease, box-shadow 0.2s ease; - box-shadow: 0 10px 25px rgba(6, 182, 212, 0.25); -} -.btn:hover, .card a:hover, .card button:hover { - transform: translateY(-2px); - box-shadow: 0 12px 30px rgba(37, 99, 235, 0.35); -} -.btn.secondary { - background: linear-gradient(135deg, #475569 0%, #64748b 100%); - box-shadow: 0 10px 25px rgba(100, 116, 139, 0.25); -} -form { - display: flex; - flex-wrap: wrap; - gap: 0.75rem; - align-items: center; - margin-top: 1rem; -} -input { - flex: 1 1 220px; - border: 1px solid rgba(148, 163, 184, 0.35); - border-radius: 999px; - padding: 0.8rem 1rem; - background: rgba(15, 23, 42, 0.9); - color: #f8fafc; -} -input:focus { - outline: 2px solid rgba(6, 182, 212, 0.45); - border-color: transparent; -} -""" - -BASE_JS = """ -window.addEventListener('DOMContentLoaded', () => { - const firstInput = document.querySelector('input'); - if (firstInput) firstInput.focus(); -}); -""" +BASE_CSS = """... (unverändert, deine bestehende CSS bleibt) ...""" +BASE_JS = """... (unverändert) ...""" def render_page(title, body_html): @@ -126,16 +38,52 @@ def render_page(title, body_html): """ -@app.route("/") -@app.route("/app") -@app.route("/app/") +@app.route("/", methods=["GET", "POST"]) +@app.route("/app", methods=["GET", "POST"]) +@app.route("/app/", methods=["GET", "POST"]) def start(): - body = """ + if request.method == "POST": + name = request.form.get("name", "").strip() + if name != "": + session["spieler"] = name + db = get_db() + db.execute( + "INSERT OR IGNORE INTO spielstand (spieler, raum_id) VALUES (?, 1)", + (name,) + ) + db.commit() + db.close() + return redirect("/app/raum/1") + + db = get_db() + anzahl = db.execute("SELECT COUNT(*) AS n FROM spielstand").fetchone() + + weiterspielen_html = "" + if "spieler" in session: + s = db.execute( + "SELECT raum_id FROM spielstand WHERE spieler=?", + (session["spieler"],) + ).fetchone() + if s: + weiterspielen_html = f""" +

Willkommen zurück, {html.escape(session['spieler'])}!

+
+ Weiterspielen + Neues Abenteuer +
+
+ """ + db.close() + + body = f"""

Verlassenes Raumschiff

Du bist der einzige Überlebende an Bord. Erkunde das Schiff und aktiviere das Notsignal.

-
- Mission starten -
+ {weiterspielen_html} +
+ + +
+

{anzahl['n']} Abenteurer waren schon hier.

""" return render_page("Verlassenes Raumschiff", body) @@ -144,32 +92,49 @@ def start(): @app.route("/app/raum/", methods=["GET", "POST"]) def raum(id): db = get_db() + + # Spielstand fortschreiben, sobald jemand angemeldet ist + if "spieler" in session: + db.execute( + "UPDATE spielstand SET raum_id=? WHERE spieler=?", + (id, session["spieler"]) + ) + db.commit() + r = db.execute("SELECT * FROM raeume WHERE id=?", (id,)).fetchone() if not r: db.close() return render_page( "Raum nicht gefunden", - '

Raum nicht gefunden

Der angeforderte Raum existiert nicht.

Zurück zum Start
' + '

Raum nicht gefunden

Der angeforderte Raum existiert nicht.

' + '
Zurück zum Start
' ) + unterwegs_html = "" + if "spieler" in session: + unterwegs_html = f'

Unterwegs als: {html.escape(session["spieler"])}

' + if r["raetsel_frage"]: if request.method == "POST": if request.form.get("antwort", "").strip() == r["raetsel_antwort"]: db.close() return render_page( "Notsignal aktiviert", - '

Notsignal erfolgreich aktiviert

Rettung ist unterwegs.

Zurück zum Start
' + '

Notsignal erfolgreich aktiviert

Rettung ist unterwegs.

' + '
Zurück zum Start
' ) db.close() return render_page( "Falscher Code", - '

Falscher Code

Der KI-Kern reagiert nicht.

nochmal versuchen
' + '

Falscher Code

Der KI-Kern reagiert nicht.

' + '
nochmal versuchen
' ) db.close() body = f"""

{html.escape(r['name'])}

{html.escape(r['beschreibung'])}

+ {unterwegs_html}
@@ -185,6 +150,7 @@ def raum(id): body = f"""

{html.escape(r['name'])}

{html.escape(r['beschreibung'])}

+ {unterwegs_html}
""" for a in ausgaenge: @@ -193,5 +159,12 @@ def raum(id): return render_page(html.escape(r["name"]), body) +@app.route("/reset") +@app.route("/app/reset") +def reset(): + session.pop("spieler", None) # Session vergessen (DB bleibt!) + return redirect("/app/") + + if __name__ == "__main__": - app.run(host="0.0.0.0", port=9004) + app.run(host="0.0.0.0", port=9004) \ No newline at end of file diff --git a/app/init_db.py b/app/init_db.py index 6360324..9790559 100644 --- a/app/init_db.py +++ b/app/init_db.py @@ -22,6 +22,11 @@ CREATE TABLE IF NOT EXISTS ausgaenge ( nach_raum INTEGER ); +CREATE TABLE IF NOT EXISTS spielstand ( + spieler TEXT PRIMARY KEY, + raum_id INTEGER +); + INSERT INTO raeume (id, name, beschreibung, raetsel_frage, raetsel_antwort) VALUES (1, 'Schlafkapsel', 'Du erwachst aus dem Kryoschlaf. Die Notbeleuchtung flackert und das Schiff wirkt verlassen.', NULL, NULL), (2, 'Brücke', 'Die Steuerzentrale ist dunkel. Mehrere Monitore zeigen Fehlermeldungen.', NULL, NULL),