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

47
index.html Normal file
View File

@@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Science Bowl Buzzer System</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<h1>Science Bowl Buzzer System</h1>
<div class="role-selection">
<h2>Select Your Role:</h2>
<a href="display.html" class="role-btn moderator-btn">
<h3>📺 Moderator Display</h3>
<p>Main screen showing questions and scores</p>
</a>
<div class="player-buttons">
<a href="player.html?id=1" class="role-btn player-btn player-1">
<h3>🔴 Player 1</h3>
</a>
<a href="player.html?id=2" class="role-btn player-btn player-2">
<h3>🔵 Player 2</h3>
</a>
<a href="player.html?id=3" class="role-btn player-btn player-3">
<h3>🟢 Player 3</h3>
</a>
<a href="player.html?id=4" class="role-btn player-btn player-4">
<h3>🟡 Player 4</h3>
</a>
</div>
</div>
<div class="instructions">
<h3>Setup Instructions:</h3>
<ol>
<li>Open the Moderator Display on your main screen</li>
<li>Each player opens their assigned player page on their laptop</li>
<li>Press spacebar or click the buzzer to buzz in!</li>
</ol>
</div>
</div>
</body>
</html>