Simon/quizify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modified: templates/quiz_buzzer_multiplayer.html

Browse Source
This commit is contained in:
Simon
2025-11-15 02:07:08 +01:00
parent 088ae7f65f
commit a8b0efb0ff
1 changed files with 20 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
templates/quiz_buzzer_multiplayer.html
View File

@@ -98,10 +98,20 @@
} }
.buzzer-grid { .buzzer-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 20px; gap: 15px;
margin: 30px 0; margin: 30px 0;
} }
@media (min-width: 768px) {
.buzzer-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1024px) {
.buzzer-grid {
grid-template-columns: repeat(4, 1fr);
}
}
.player-buzzer { .player-buzzer {
height: 150px; height: 150px;
border-radius: 20px; border-radius: 20px;
@@ -132,10 +142,11 @@
opacity: 0.5; opacity: 0.5;
} }
.player-buzzer.start { .player-buzzer.start {
grid-column: 1 / -1;
background: linear-gradient(135deg, #1DB954 0%, #1ed760 100%); background: linear-gradient(135deg, #1DB954 0%, #1ed760 100%);
border-color: rgba(29, 185, 84, 0.3); border-color: rgba(29, 185, 84, 0.3);
box-shadow: 0 10px 40px rgba(29, 185, 84, 0.5); box-shadow: 0 10px 40px rgba(29, 185, 84, 0.5);
width: 100%;
grid-column: 1 / -1;
} }
.player-buzzer.start:hover { .player-buzzer.start:hover {
box-shadow: 0 15px 50px rgba(29, 185, 84, 0.7); box-shadow: 0 15px 50px rgba(29, 185, 84, 0.7);
@@ -281,8 +292,13 @@
console.log('Ready with Device ID', device_id); console.log('Ready with Device ID', device_id);
document.getElementById('device_id').value = device_id; document.getElementById('device_id').value = device_id;
window.deviceId = device_id; window.deviceId = device_id;
setCorrectAnswer(); setCorrectAnswer();
updateScoreboard();
// Aktualisiere Scoreboard falls schon initialisiert
if (players.length > 0) {
updateScoreboard();
}
}); });
player.addListener('player_state_changed', state => { player.addListener('player_state_changed', state => {