120 lines
4.7 KiB
HTML
120 lines
4.7 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}{{ sp.tema.titel }} - My Little Pony{% endblock %}
|
|
{% block content %}
|
|
{% set STAT_NAVNE = {"krop": "Krop", "sind": "Sind", "charme": "Charme"} %}
|
|
{% set STAT_EMOJI = {"krop": "💪", "sind": "🧠", "charme": "💕"} %}
|
|
{% set SVAERHED_NAVNE = {"let": "Nem 🌟", "normal": "Lidt svært 🌟🌟", "svaert": "Svært 🌟🌟🌟"} %}
|
|
|
|
<div class="game">
|
|
|
|
{% if sp.færdig %}
|
|
<!-- === SLUT === -->
|
|
<div class="game-end {% if sp.succeser > sp.fiaskoer %}victory{% elif sp.succeser == sp.fiaskoer %}mixed{% else %}defeat{% endif %}">
|
|
<h1>
|
|
{% if sp.succeser > sp.fiaskoer %}
|
|
🌟 SEJR! 🌟
|
|
{% elif sp.succeser == sp.fiaskoer %}
|
|
⚖️ Blant resultat! ⚖️
|
|
{% else %}
|
|
💪 Prøv igen! 💪
|
|
{% endif %}
|
|
</h1>
|
|
<p class="end-text">
|
|
{% if sp.succeser > sp.fiaskoer %}
|
|
{{ sp.pony.navn }} har reddet dagen! Alle i Equestria er glade! ✨
|
|
{% elif sp.succeser == sp.fiaskoer %}
|
|
{{ sp.pony.navn }} har kæmpet hårdt — næste gang bliver det endnu bedre!
|
|
{% else %}
|
|
{{ sp.pony.navn }} lærer af det — næste eventyr bliver fantastisk!
|
|
{% endif %}
|
|
</p>
|
|
<p class="score">Succeser: {{ sp.succeser }} 🌟 | Mislykkes: {{ sp.fiaskoer }} 🤔</p>
|
|
|
|
<div class="history">
|
|
<h2>📖 Hvad skete der? 📖</h2>
|
|
{% for h in sp.historie %}
|
|
<div class="history-item {% if h.succes %}success{% else %}fail{% endif %}">
|
|
<div class="history-action">{{ h.aktion }}</div>
|
|
<div class="dice-row">
|
|
{% for d in h.dice %}
|
|
<div class="die {% if d == 6 %}fantastic{% elif d >= 4 %}success{% elif d == 1 %}fail{% endif %}">{{ d }}</div>
|
|
{% endfor %}
|
|
</div>
|
|
<div class="history-result">
|
|
{% if h.succes %}✅ Ja! Det lykkedes!{% else %}🤔 Ops! Prøv igen næste gang!{% endif %}
|
|
</div>
|
|
{% if h.tekst %}
|
|
<p class="history-story">{{ h.tekst }}</p>
|
|
{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<div class="actions">
|
|
<a href="{{ url_for('igen') }}" class="btn btn-start">🎲 Spil Igen!</a>
|
|
<a href="{{ url_for('index') }}" class="btn btn-home">🏠 Forside</a>
|
|
</div>
|
|
</div>
|
|
|
|
{% else %}
|
|
<!-- === AKTIV SCENE === -->
|
|
{% set scn = sp.tema.scener[sp.scene] %}
|
|
{% set scene_num = sp.scene + 1 %}
|
|
{% set total_scenes = sp.tema.scener|length %}
|
|
|
|
<div class="scene-header">
|
|
<div class="progress">{{ scene_num }} / {{ total_scenes }}</div>
|
|
<h1>{{ sp.tema.emoji }} {{ sp.tema.titel }}</h1>
|
|
</div>
|
|
|
|
<!-- Pony kort -->
|
|
<div class="pony-card-mini">
|
|
{% set pony_img_map = {'Jordpony': 'jordpony', 'Pegasus': 'pegasus', 'Enhjørning': 'enhjorning', 'Alicorn': 'alicorn'} %}
|
|
{% set pony_img = pony_img_map.get(sp.pony.type, 'jordpony') %}
|
|
<img src="/static/images/{{ pony_img }}.png" alt="{{ sp.pony.navn }}" class="pony-mini-img">
|
|
<div class="pony-info">
|
|
<strong>{{ sp.pony.navn }}</strong>
|
|
<span class="pony-type-badge">{{ sp.pony.type }}</span>
|
|
</div>
|
|
<div class="mini-stats">
|
|
<span>💪 {{ sp.pony.krop }}</span>
|
|
<span>🧠 {{ sp.pony.sind }}</span>
|
|
<span>💕 {{ sp.pony.charme }}</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Scene -->
|
|
<div class="scene-card">
|
|
<div class="scene-number">Scene {{ scene_num }}</div>
|
|
<p class="scene-text">{{ scn.tekst }}</p>
|
|
<div class="scene-action">
|
|
<span class="action-label">Du skal:</span>
|
|
<span class="action-text">{{ scn.aktion }}</span>
|
|
</div>
|
|
<div class="scene-difficulty">
|
|
Sværhed: {{ SVAERHED_NAVNE.get(scn.svaer, scn.svaer) }}
|
|
({{ STAT_NAVNE.get(scn.stat, scn.stat) }} {{ STAT_EMOJI.get(scn.stat, '') }})
|
|
</div>
|
|
|
|
{% if sp.historie %}
|
|
<div class="previous-results">
|
|
<h3>Forrige scener:</h3>
|
|
{% for h in sp.historie %}
|
|
<div class="mini-result {% if h.succes %}success{% else %}fail{% endif %}">
|
|
{{ h.aktion }}: {% if h.succes %}✅ Lykkedes!{% else %}🤔 Prøv igen!{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<!-- Kast terninger -->
|
|
<form method="POST" action="{{ url_for('kast') }}">
|
|
<button type="submit" class="btn btn-roll">
|
|
🎲 KAST TERNINGERNE! 🎲
|
|
</button>
|
|
</form>
|
|
|
|
{% endif %}
|
|
</div>
|
|
{% endblock %} |