Gaming/the-button
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Seasons

Browse Source
This commit is contained in:
eric
2026-10-21 14:02:50 -04:00
parent 69d49073f0
commit 613647cb50
6 changed files with 580 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/style.css
+10 -2
View File
@@ -57,6 +57,7 @@ main {
box-shadow: 0 12px 32px #11111b40;
}
.game-panel h1 { font-size: 1.4rem; margin: 0.5rem 0 0; }
.season-subtitle { margin: 0.25rem 0 0; color: var(--mauve); font-size: 0.85rem; font-weight: 600; letter-spacing: 0.12em; }
.game-tagline { font-size: 0.8rem; color: var(--subtext); margin: 0.35rem 0 1.75rem; }
.game-panel #countdown { font-size: clamp(1.8rem, 3.5vw, 2.55rem); font-variant-numeric: tabular-nums; line-height: 1.3; letter-spacing: -0.05em; }
.game-panel #history-global-summary { font-size: 0.75rem; color: var(--subtext); margin: 1rem 0 0; }
@@ -399,6 +400,12 @@ stripe-buy-button { display: block; max-width: 100%; margin: 1.5rem 0; }
.game-panel #presence-count { color: var(--teal); font-size: 0.7rem; margin: 0.65rem 0 0; }
.presence-count::before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right: 0.4rem; background: var(--teal); }
.season-label { margin: 0.65rem 0 0; color: var(--lavender); font-size: 0.65rem; line-height: 1.5; }
#season-current { margin-top: 0; }
#season-current h3 { margin: 0.5rem 0; font-size: 1.1rem; color: var(--lavender); }
#season-winners td { min-width: 75px; overflow-wrap: anywhere; }
#season-winners td:nth-child(2) { min-width: 130px; }
#seasons-status:empty { display: none; }
.presence-preference { border: 1px solid var(--surface); border-radius: 12px; background: var(--base); padding: 0.9rem 1rem; margin-bottom: 1rem; }
.presence-preference label { display: flex; align-items: center; gap: 0.6rem; font-size: 0.8rem; font-weight: 600; color: var(--lavender); cursor: pointer; }
#presence-opt-in { width: 18px; height: 18px; min-height: 0; margin: 0; padding: 0; accent-color: var(--mauve); flex-shrink: 0; }
@@ -426,15 +433,16 @@ stripe-buy-button { display: block; max-width: 100%; margin: 1.5rem 0; }
}
.game-panel .game-eyebrow, .game-tagline, .button-caption { display: none; }
.game-panel h1 { grid-column: 1 / -1; margin: 0; font-size: 1rem; }
.game-panel .season-subtitle { grid-column: 1 / -1; grid-row: 2; margin: 0; font-size: 0.7rem; }
.game-panel section { margin: 0; }
.game-panel #countdown { font-size: clamp(1.4rem, 6vw, 2.5rem); }
#zone-label { font-size: 0.7rem; letter-spacing: 0.1em; }
#zone-bar { margin: 0.35rem auto; }
.game-panel #history-global-summary { margin: 0.25rem 0; font-size: 0.7rem; }
#the-button { width: 84px; height: 84px; font-size: 1rem; border-width: 4px; }
#timer-section { grid-column: 1; grid-row: 2; }
#timer-section { grid-column: 1; grid-row: 3; }
#button-section { display: contents; }
#the-button { grid-column: 2; grid-row: 2; align-self: center; }
#the-button { grid-column: 2; grid-row: 3; align-self: center; }
#press-result:not(:empty) { grid-column: 1 / -1; margin: 0.4rem 0 0; padding: 0.45rem; font-size: 0.7rem; line-height: 1.5; }
#press-result:empty { display: none; }
.section-browser { margin-top: 1rem; }