KeshavAnandCode/buzzer-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update application aesthetics with a pastel color scheme and larger text

Browse Source 
Introduce the Catppuccin Mocha color palette and increase font sizes for improved readability, while also adding a visual hint for spacebar functionality.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: f3ac8eb3-f610-4678-ab6e-ebf900098be4
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 098ca8d5-1a49-468d-abec-89858708710d
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d4b7863b-f7b2-425c-a9b5-ad7bd1885e9d/f3ac8eb3-f610-4678-ab6e-ebf900098be4/N1qS6qo
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
Keshav Anand
2026-03-25 21:14:15 +00:00
parent c0e7c08106
commit 6afb853874
3 changed files with 564 additions and 695 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/public/index.html
View File

@@ -338,6 +338,7 @@
</div> </div>
<button id="buzz-btn" class="s-closed" disabled onclick="doBuzz()">BUZZ</button> <button id="buzz-btn" class="s-closed" disabled onclick="doBuzz()">BUZZ</button>
<div class="buzz-status" id="buzz-status">WAITING FOR ROUND</div> <div class="buzz-status" id="buzz-status">WAITING FOR ROUND</div>
<div class="spacebar-hint" id="spacebar-hint">SPACEBAR TO BUZZ</div>
</div> </div>
<div class="p-panel"> <div class="p-panel">

6
src/public/script.js
View File

@@ -569,28 +569,34 @@ function renderPlayerBuzzer(){
const already=bz.buzzOrder.includes(myId); const already=bz.buzzOrder.includes(myId);
const isFirst=bz.buzzOrder[0]===myId; const isFirst=bz.buzzOrder[0]===myId;
const hint=document.getElementById('spacebar-hint');
let newState=''; let newState='';
if(!bz.roundOpen){ if(!bz.roundOpen){
newState='closed'; newState='closed';
btn.className='s-closed';btn.disabled=true;sts.textContent='WAITING FOR ROUND'; btn.className='s-closed';btn.disabled=true;sts.textContent='WAITING FOR ROUND';
ripple.style.display='none'; ripple.style.display='none';
if(hint)hint.classList.remove('visible');
} else if(isFirst){ } else if(isFirst){
newState='first'; newState='first';
btn.className='s-first';btn.disabled=false;sts.textContent='YOU BUZZED FIRST!'; btn.className='s-first';btn.disabled=false;sts.textContent='YOU BUZZED FIRST!';
ripple.style.display='flex'; ripple.style.display='flex';
if(hint)hint.classList.remove('visible');
} else if(already){ } else if(already){
const pos=bz.buzzOrder.indexOf(myId)+1; const pos=bz.buzzOrder.indexOf(myId)+1;
newState='buzzed'; newState='buzzed';
btn.className='s-buzzed';btn.disabled=true;sts.textContent='BUZZED — #'+pos+' IN ORDER'; btn.className='s-buzzed';btn.disabled=true;sts.textContent='BUZZED — #'+pos+' IN ORDER';
ripple.style.display='none'; ripple.style.display='none';
if(hint)hint.classList.remove('visible');
} else if(room.settings.buzzerLockout&&bz.buzzOrder.length>0){ } else if(room.settings.buzzerLockout&&bz.buzzOrder.length>0){
newState='locked'; newState='locked';
btn.className='s-locked';btn.disabled=true;sts.textContent='BUZZER LOCKED OUT'; btn.className='s-locked';btn.disabled=true;sts.textContent='BUZZER LOCKED OUT';
ripple.style.display='none'; ripple.style.display='none';
if(hint)hint.classList.remove('visible');
} else { } else {
newState='open'; newState='open';
btn.className='s-open';btn.disabled=false;sts.textContent='ROUND OPEN — BUZZ!'; btn.className='s-open';btn.disabled=false;sts.textContent='ROUND OPEN — BUZZ!';
ripple.style.display='flex'; ripple.style.display='flex';
if(hint)hint.classList.add('visible');
} }
// Animate state transitions // Animate state transitions

1252
src/public/styles.css
View File

File diff suppressed because it is too large Load Diff