Initial commit - Science Bowl buzzer system

This commit is contained in:
2026-01-20 23:00:07 -06:00
commit e4f1e17edb
8 changed files with 885 additions and 0 deletions

42
player.html Normal file
View File

@@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Science Bowl - Player</title>
<link rel="stylesheet" href="styles.css">
</head>
<body class="player-body">
<div class="player-container">
<div class="player-header">
<h1 id="playerName">Player</h1>
<div class="score-display">
Score: <span id="playerScore">0</span>
</div>
</div>
<div class="status-message" id="statusMessage">
Waiting for question...
</div>
<div class="buzzer-container">
<button id="buzzer" class="buzzer-btn">
<span class="buzzer-text">BUZZ</span>
<span class="buzzer-hint">Press SPACE</span>
</button>
</div>
<div class="answer-container" id="answerContainer" style="display: none;">
<input type="text" id="answerInput" placeholder="Type your answer...">
<button id="submitAnswer" class="submit-btn">Submit Answer</button>
</div>
<div class="question-display" id="questionDisplay"></div>
</div>
<script src="https://www.gstatic.com/firebasejs/9.17.1/firebase-app-compat.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.17.1/firebase-database-compat.js"></script>
<script src="config.js"></script>
<script src="player.js"></script>
</body>
</html>