j2
/
bravo-forever
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

wording, size, port changes

This commit is contained in:
John Stephani 2026-10-01 19:16:29 -05:00
parent 00874e0c97
commit 55ad5e4cc0
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
compose.yaml
View File

@ -2,7 +2,7 @@ services:
preferences: preferences:
build: . build: .
ports: ports:
- "8000:8000" - "8005:8000"
environment: environment:
SHARED_PASSWORD: ${SHARED_PASSWORD:-galnik} SHARED_PASSWORD: ${SHARED_PASSWORD:-galnik}
COOKIE_SECURE: ${COOKIE_SECURE:-0} COOKIE_SECURE: ${COOKIE_SECURE:-0}

2
static/app.js
View File

@ -71,7 +71,7 @@ function shell(content) {
<main class="main"> <main class="main">
<div class="page-heading"><div><h1>Share your preferences</h1><p>Rank your class and role choices, and tell the group which content you would play. You can update your choices any time.</p></div><div class="heading-sigil circle-icon" aria-hidden="true"><img src="/icon.webp" alt=""></div></div> <div class="page-heading"><div><h1>Share your preferences</h1><p>Rank your class and role choices, and tell the group which content you would play. You can update your choices any time.</p></div><div class="heading-sigil circle-icon" aria-hidden="true"><img src="/icon.webp" alt=""></div></div>
<nav class="main-nav" aria-label="Main navigation"> <nav class="main-nav" aria-label="Main navigation">
<button type="button" class="nav-item ${state.view === "mine" ? "active" : ""}" data-view="mine"><span class="nav-icon">◇</span> My priorities</button> <button type="button" class="nav-item ${state.view === "mine" ? "active" : ""}" data-view="mine"><span class="nav-icon">◇</span> My preferences</button>
<button type="button" class="nav-item ${state.view === "group" ? "active" : ""}" data-view="group"><span class="nav-icon">▦</span> Group preferences <span class="nav-count">${state.data.people.length}</span></button> <button type="button" class="nav-item ${state.view === "group" ? "active" : ""}" data-view="group"><span class="nav-icon">▦</span> Group preferences <span class="nav-count">${state.data.people.length}</span></button>
<button type="button" class="nav-item ${state.view === "account" ? "active" : ""}" data-view="account"><span class="nav-icon">○</span> Account</button> <button type="button" class="nav-item ${state.view === "account" ? "active" : ""}" data-view="account"><span class="nav-icon">○</span> Account</button>
</nav> </nav>

4
static/styles.css
View File

@ -23,7 +23,7 @@ button:focus-visible, input:focus-visible { outline: 2px solid #e6bd69; outline-
.brand { display: flex; align-items: center; } .brand { display: flex; align-items: center; }
.brand-text { display: grid; gap: 2px; } .brand-text { display: grid; gap: 2px; }
.brand-text strong { font-family: Georgia, serif; color: #f4e3b8; font-size: 16px; letter-spacing: .13em; } .brand-text strong { font-family: Georgia, serif; color: #f4e3b8; font-size: 16px; letter-spacing: .13em; }
.brand-text small { color: #87919c; font-size: 8px; letter-spacing: .25em; font-weight: 700; } .brand-text small { color: #87919c; font-size: 12px; letter-spacing: .25em; font-weight: 700; }
.topbar-right { display: flex; align-items: center; gap: 26px; } .topbar-right { display: flex; align-items: center; gap: 26px; }
.account { color: #9daab5; font-size: 12px; } .account { color: #9daab5; font-size: 12px; }
.account strong { color: #e6e5de; font-weight: 600; } .account strong { color: #e6e5de; font-weight: 600; }
@ -209,7 +209,7 @@ tbody tr:hover td, tbody tr:hover th { background: #203242; }
@media (max-width: 560px) { @media (max-width: 560px) {
.topbar { padding: 0 16px; min-height: 68px; } .topbar { padding: 0 16px; min-height: 68px; }
.brand-text strong { font-size: 12px; } .brand-text strong { font-size: 12px; }
.brand-text small { font-size: 6px; } .brand-text small { font-size: 10px; }
.topbar-right { gap: 9px; } .topbar-right { gap: 9px; }
.account { display: none; } .account { display: none; }
.page-heading h1 { font-size: 27px; } .page-heading h1 { font-size: 27px; }