monster/Godstrument
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🧹 no wordmark inside the instrument

Browse Source 
The app no longer announces GODSTRUMENT to someone already playing it —
the landing page and auth modal keep the brand; the console keeps only
the counts and the header line. The grimoire trigger slides up into the
vacated corner, and drawSpacedText goes with the wordmark it existed for.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
type-two 2026-07-12 15:57:13 +10:00
parent 232475e0ce
commit 4e72592cd3
1 changed files with 4 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
viz/index.html
View File

@ -423,7 +423,7 @@
@keyframes gsTwinkle { from { opacity: 0.55; } to { opacity: 1; } }
/* ---- the grimoire (manual) ---- */
#grimtrigger { position: fixed; top: 76px; left: 36px; z-index: 11; cursor: pointer;
#grimtrigger { position: fixed; top: 24px; left: 36px; z-index: 11; cursor: pointer;
color: rgba(180,200,235,0.75); font-size: 12px; letter-spacing: 0.5px; user-select: none;
border-bottom: 1px dotted rgba(160,185,225,0.4); }
#grimtrigger:hover { color: #eaf1ff; }
@ -5901,25 +5901,10 @@
// Header
// ---------------------------------------------------------------------------
function drawHeader(t) {
// wordmark
ctx.textAlign = "left";
// no wordmark in the app itself — the landing page is the front door and
// the instrument doesn't need to be told what it's called. Only the
// counts and the header line remain.
ctx.textBaseline = "alphabetic";
const wm = "GODSTRUMENT";
ctx.font = "800 30px 'Helvetica Neue', Arial, sans-serif";
const grad = ctx.createLinearGradient(34, 0, 34 + 360, 0);
grad.addColorStop(0, "#9fd0ff");
grad.addColorStop(0.5, "#f6c8ff");
grad.addColorStop(1, "#ffd98a");
ctx.fillStyle = grad;
// subtle letter spacing
drawSpacedText(wm, 34, 50, 4.5, ctx.font);
ctx.font = "500 12px 'Helvetica Neue', Arial, sans-serif";
ctx.fillStyle = "rgba(150,170,200,0.65)";
ctx.fillText("an instrument played by the world", 36, 70);
// (the connected status phrase now lives under the godtime dial; the
// disconnected state is drawn by drawConnecting)
// counts (right, kept clear of the ⚙ gear button)
ctx.textAlign = "right";
@ -6034,16 +6019,6 @@
ctx.restore();
}
function drawSpacedText(str, x, y, spacing, font) {
ctx.save();
ctx.font = font;
let cx = x;
for (const ch of str) {
ctx.fillText(ch, cx, y);
cx += ctx.measureText(ch).width + spacing;
}
ctx.restore();
}
function measureSpaced(str, font) {
ctx.save();
ctx.font = font;