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)}