design#135

This commit is contained in:
ben8
2025-06-08 19:51:10 +02:00
parent c41d9cc9b5
commit 431e1c07c8
3 changed files with 16 additions and 9 deletions

View File

@@ -16,7 +16,7 @@
<p class="text-gray-700 font-bold text-sm">{{ total_questions }}</p>
</div>
</div>
<h1 class="text-3xl font-bold mb-6">{{ question_data.question }}</h1>
<h1 class="text-xl font-black mb-2 border-blue-500 border-4 p-4 text-center rounded-lg md:text-2xl lg:text-4xl">{{ question_data.question}}</h1>
<div class="w-full bg-gray-300 rounded-full h-4 my-4">
<div id="time-bar" class="bg-blue-600 h-4 rounded-full transition-all duration-100 linear" style="width: 100%;"></div>
@@ -49,7 +49,7 @@
bg-gray-500
hover:bg-gray-600
{% endif %}
p-4 rounded-lg text-white transition-colors duration-200 answer-option"
p-4 rounded-lg text-white transition-colors duration-200 answer-option overflow-auto break-words hyphens-auto "
data-index="{{ forloop.counter0 }}"
onclick="submitAnswer({{ forloop.counter0 }});">
<p class="text-lg">{{ option.value }}</p>
@@ -77,7 +77,7 @@
let hasAnswered = false;
const joinCode = '{{ quiz_game.join_code }}';
const participantId = '{{ participant.participant_id }}';
const questionStartTime = {{ start_time }};
const questionStartTime = Date.now();
const questionDuration = '{{ current_question.time_per_question }}'*1000; //Zeit pro Frage (indviduell eingestellt)
const gameSocket = initializeGameSocket(joinCode);