Merge branch '35-seite-fur-namen-und-avatar-auswahl-erstellen' into 'master'

Resolve "Seite für Namen und Avatar Auswahl erstellen"

Closes #35

See merge request enrichment-2024/qivip!11

core/templates/play/initialize_participant.html

@@ -0,0 +1,13 @@
+{% extends 'base.html' %}
+
+{% block content %}
+<h1>User for a Game:</h1>
+<div class="input-group  border-blue-600 border-2 rounded-xl shadow-md">
+    <form method="post">
+        {% csrf_token %}
+        <input type="hidden" name="join_code" value="{{join_code}}">
+        <input type="text" name="display_name" placeholder="Anzeigename">
+        <button type="submit">Speichern</button>
+    </form>
+</div>
+{% endblock %}

core/templates/play/lobby.html

@@ -3,14 +3,19 @@
 {% block content %}
 <div class="container mx-auto px-4">
     <h1>Bundeslaender Deutschland Quiz</h1>
+    <div class="mt-4 mb-4 text-center">
+        <h3>Sichtbar als <b>{{ participant.display_name }}</b></h3>
+    </div>
     <div id="player-list">
         <ul>
-            <li>Spieler 1</li>
-            <li>Spieler 2</li>
-            <li>Spieler 3</li>
+            <li>Noch keine Spieler gefunden.</li>
         </ul>
         {{debug}}
     </div>
     <button class="w-full p-3 rounded-full bg-blue-600 text-white font-black hover:scale-105 transition duration-200" type="submit">Starten</button>
 </div>
+
+<script>
+    // TODO: Websocket Verbindung aufbauen und Teilnehmerliste bei beitreten updaten
+</script>
 {% endblock %}