publicquiz/templates/upload.html
2025-10-25 20:58:54 +00:00

71 lines
2.6 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{% extends 'base.html' %}
{% block content %}
<h1 class="mb-4">Public Quiz</h1>
<!-- Einführung -->
<p class="lead">
Willkommen zum interaktiven Gruppenquiz! Lade deinen Fragebogen hoch und starte ein spannendes Live-Quiz.
Die Teilnehmenden antworten direkt über ihre Smartphones schnell, fair und mit Live-Rangliste.
</p>
<!-- Punktevergabe (entspricht der aktuellen Backend-Logik) -->
<h2 class="mb-3">Wie werden Punkte vergeben?</h2>
<p>
Pro Frage zählt <strong>genau ein</strong> Antwortversuch pro Spieler. Punkte gibt es ausschließlich für
<strong>richtige</strong> Antworten und sie hängen davon ab, wie schnell geantwortet wird.
Das Zeitlimit pro Frage beträgt <strong>20&nbsp;Sekunden</strong>.
</p>
<ul>
<li><strong>Sofort richtige Antwort:</strong> bis zu <strong>10 Punkte</strong></li>
<li><strong>Knapp vor Ablauf:</strong> mindestens <strong>1 Punkt</strong></li>
<li><strong>Falsch oder zu spät:</strong> <strong>0 Punkte</strong></li>
</ul>
<p>
Die Punkte werden zwischen 10 (schnellste richtige Antwort) und 1 (direkt vor Fristende) berechnet
und auf <strong>eine Dezimalstelle</strong> gerundet (z.&nbsp;B. 7,3 Punkte).
</p>
<p class="text-muted">
Sobald die richtige Lösung eingeblendet wurde, werden <strong>keine weiteren Antworten</strong> mehr gewertet.
Die Rangliste aktualisiert sich permanent und zeigt am Ende die finale Platzierung an.
</p>
<!-- Dateivorlage -->
<h2 class="mb-4">Fragebogen erstellen</h2>
<p>
Nutze die <strong>Beispieldatei</strong> als Vorlage und trage deine Fragen sowie die Antwortoptionen ein.
</p>
<p class="text-muted">
Unterstützte Formate: <code>.xlsx</code>, <code>.xls</code> — maximal <strong>100</strong> Fragen.
</p>
<!-- Download-Link zur Beispiel-Datei -->
<div class="mb-4">
<a href="{{ url_for('static', filename='questions_example.xlsx') }}" class="btn btn-warning">
Beispieldatei Fragebogen (Excel)
</a>
</div>
<!-- Upload-Form -->
<form action="{{ url_for('upload') }}" method="post" enctype="multipart/form-data">
<div class="mb-3">
<label for="file" class="form-label">Fragebogen hochladen</label>
<input
type="file"
id="file"
name="file"
class="form-control"
accept=".xlsx, .xls"
required
>
</div>
<button type="submit" class="btn btn-success">Spiel beginnen</button>
</form>
<!-- Fehlermeldung -->
{% if error %}
<div class="alert alert-danger mt-3" role="alert">
{{ error }}
</div>
{% endif %}
{% endblock %}