From 4e72592cd3b9d37a84560611ccec3fcbfe3faf4c Mon Sep 17 00:00:00 2001
From: type-two <jingkohn@gmail.com>
Date: Sun, 12 Jul 2026 15:57:13 +1000
Subject: [PATCH] =?UTF-8?q?=F0=9F=A7=B9=20no=20wordmark=20inside=20the=20i?=
 =?UTF-8?q?nstrument?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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>
---
 viz/index.html | 33 ++++-----------------------------
 1 file changed, 4 insertions(+), 29 deletions(-)

diff --git a/viz/index.html b/viz/index.html
index 9cfb246..4dd1edc 100644
--- a/viz/index.html
+++ b/viz/index.html
@@ -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;