alee/golfgame
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add alpha notice banner to lobby screen

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
adlee-was-taken 2026-02-22 16:52:22 -05:00
parent 6c771810f7
commit e601eb04c9
2 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/index.html
View File

@ -19,6 +19,8 @@
<h1><img src="golfball-logo.svg" alt="" class="golfball-logo"><span class="golfer-swing">🏌️</span><span class="kicked-ball">⚪</span> <span class="golf-title">Golf</span></h1>
<p class="subtitle">6-Card Golf Card Game <button id="rules-btn" class="btn btn-small btn-rules">Rules</button> <button id="leaderboard-btn" class="btn btn-small leaderboard-btn">Leaderboard</button></p>
<div class="alpha-banner">Alpha &mdash; Things may break. Stats may be wiped.</div>
<!-- Auth prompt for unauthenticated users -->
<div id="auth-prompt" class="auth-prompt">
<p>Log in or sign up to play.</p>

16
client/style.css
View File

@ -445,7 +445,21 @@ h1 {
.subtitle {
text-align: center;
opacity: 0.8;
margin-bottom: 40px;
margin-bottom: 20px;
}
.alpha-banner {
text-align: center;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.05em;
color: rgba(255, 200, 100, 0.9);
background: rgba(244, 164, 96, 0.1);
border: 1px solid rgba(244, 164, 96, 0.25);
border-radius: 20px;
padding: 5px 16px;
margin: 0 auto 30px;
max-width: 320px;
}
h2 {