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

Style GolfCards title with .club on second line

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
adlee-was-taken 2026-02-23 22:13:40 -05:00
parent 0eac6d443c
commit 61713f28c8
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/index.html
View File

@ -16,7 +16,7 @@
<!-- Lobby Screen --> <!-- Lobby Screen -->
<div id="lobby-screen" class="screen active"> <div id="lobby-screen" class="screen active">
<h1><img src="golfball-logo.svg" alt="" class="golfball-logo"><span class="golfer-swing">🏌️</span><span class="kicked-ball">⚪</span> <span class="golf-title">GolfCards.Club</span></h1> <h1><img src="golfball-logo.svg" alt="" class="golfball-logo"><span class="golfer-swing">🏌️</span><span class="kicked-ball">⚪</span> <span class="golf-title">GolfCards<span class="golf-title-tld">.club</span></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> <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">Beta Testing - Bear with us while, stuff.</div> <div class="alpha-banner">Beta Testing - Bear with us while, stuff.</div>

10
client/style.css
View File

@ -59,7 +59,7 @@ body {
/* Golf title - golf ball with dimples and shine */ /* Golf title - golf ball with dimples and shine */
.golf-title { .golf-title {
font-size: 1.3em; font-size: 1.05em;
font-weight: 800; font-weight: 800;
letter-spacing: 0.02em; letter-spacing: 0.02em;
/* Shiny gradient like a golf ball surface */ /* Shiny gradient like a golf ball surface */
@ -86,6 +86,14 @@ body {
filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.15)); filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.15));
} }
.golf-title-tld {
display: block;
font-size: 0.45em;
font-weight: 600;
letter-spacing: 0.15em;
margin-top: -0.3em;
}
/* Golf ball logo with card suits */ /* Golf ball logo with card suits */
.golfball-logo { .golfball-logo {
width: 1.1em; width: 1.1em;