From 339c870575547eb0e5c04b6db1cbbd8f8b549b5a Mon Sep 17 00:00:00 2001 From: Claude Date: Mon, 19 Oct 2026 03:45:00 +0000 Subject: [PATCH] Kit header: an era bar back to phase 1, and Iron Bamboo in the menu - nav.era in nav..json draws a slim bar above every header: which phase this is, and a link back to phase 1 (interimm.org). - The menu's game entry becomes an Iron Bamboo group: its home, the relay game and the star map; the footer gains the star map. - Every page loads the kit with ?v=3. Co-Authored-By: Claude Opus 5.5 Claude-Session: https://claude.ai/code/session_01QUNj9piTc2aGUUJFvN31tV --- archive/2219-signal/en/index.html | 4 ++-- archive/2219-signal/index.html | 4 ++-- drift/en/index.html | 4 ++-- drift/index.html | 4 ++-- en/index.html | 4 ++-- index.html | 4 ++-- kit/index.html | 4 ++-- kit/interimm.css | 6 +++++ kit/interimm.js | 4 +++- kit/nav.cn.json | 40 +++++++++++++++++++++++++++---- kit/nav.en.json | 40 +++++++++++++++++++++++++++---- pulsars/en/index.html | 4 ++-- pulsars/index.html | 4 ++-- script/convert/en/index.html | 4 ++-- script/convert/index.html | 4 ++-- script/dictionary/en/index.html | 4 ++-- script/dictionary/index.html | 4 ++-- script/en/index.html | 4 ++-- script/index.html | 4 ++-- signals/en/index.html | 4 ++-- signals/index.html | 4 ++-- 21 files changed, 113 insertions(+), 45 deletions(-) diff --git a/archive/2219-signal/en/index.html b/archive/2219-signal/en/index.html index 42f5cb7..c0e09ba 100644 --- a/archive/2219-signal/en/index.html +++ b/archive/2219-signal/en/index.html @@ -9,9 +9,9 @@ - + - + diff --git a/archive/2219-signal/index.html b/archive/2219-signal/index.html index 0f16869..2aaf1ac 100644 --- a/archive/2219-signal/index.html +++ b/archive/2219-signal/index.html @@ -9,9 +9,9 @@ - + - + diff --git a/drift/en/index.html b/drift/en/index.html index d66cada..0738455 100644 --- a/drift/en/index.html +++ b/drift/en/index.html @@ -9,9 +9,9 @@ - + - + diff --git a/drift/index.html b/drift/index.html index be484e4..e413916 100644 --- a/drift/index.html +++ b/drift/index.html @@ -9,9 +9,9 @@ - + - + diff --git a/en/index.html b/en/index.html index f156ad3..be82f0f 100644 --- a/en/index.html +++ b/en/index.html @@ -10,9 +10,9 @@ - + - + diff --git a/index.html b/index.html index 0d3658e..0599f8a 100644 --- a/index.html +++ b/index.html @@ -10,9 +10,9 @@ - + - + diff --git a/kit/index.html b/kit/index.html index dcc115c..a89b535 100644 --- a/kit/index.html +++ b/kit/index.html @@ -484,8 +484,8 @@

Add it to a site

Story page

-
<link rel="stylesheet" href="https://interstellar.interimm.org/kit/interimm.css">
-<script src="https://interstellar.interimm.org/kit/interimm.js" defer></script>
+
<link rel="stylesheet" href="https://interstellar.interimm.org/kit/interimm.css?v=3">
+<script src="https://interstellar.interimm.org/kit/interimm.js?v=3" defer></script>
 
 <header class="site-header" data-interimm-header
         data-lang="en" data-current="signal">
diff --git a/kit/interimm.css b/kit/interimm.css
index 6d2b640..0c5723c 100644
--- a/kit/interimm.css
+++ b/kit/interimm.css
@@ -227,6 +227,12 @@ ul, ol { margin: 0 0 1em; }
   background: var(--deep);
   border-bottom: 2px solid var(--text);
 }
+/* the era bar above the header: this phase, and the way back to phase 1 */
+.era-bar { background: #050829; border-bottom: 1px solid var(--border); font-family: var(--font-mono); font-size: 0.75rem; letter-spacing: 0.06em; }
+.era-inner { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem 1rem; flex-wrap: wrap; min-height: 1.9rem; padding-block: 0.2rem; }
+.era-label { color: var(--muted); }
+.era-back { color: var(--us); text-decoration: none; }
+.era-back:hover { text-decoration: underline; }
 .header-inner { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem 1.25rem; min-height: 4rem; padding-block: 0.5rem; }
 
 .brand {
diff --git a/kit/interimm.js b/kit/interimm.js
index e3655b2..75ad08e 100644
--- a/kit/interimm.js
+++ b/kit/interimm.js
@@ -57,7 +57,9 @@
       return `
  • ${link(item).replace('`;
     }).join('');
     const langs = nav.languages.filter((l) => hasLang(header, l)).map((l) => `${esc(nav.labels.language)}: ${esc(l.name)}`).join('');
-    return `
    
+    // the era bar: which phase this is, and the way back to the one before (nav.era in nav..json)
+    const era = nav.era ? `
    ${esc(nav.era.label)}${nav.era.back ? `${esc(nav.era.back.name)}` : ''}
    ` : '';
+    return `${era}
    
       ${brand(nav)}${site(header)}