[object Object]

← back to Scarlet Riverboat Masquerade

Add conditional DEAD back-link (shown only when served as /room of dead.agentabrams.com)

2b38b3cf2727e4b87cdca894a5f5d99cfd32d723 · 2026-09-01 17:11:16 -0700 · Steve Abrams

Files touched

Diff

commit 2b38b3cf2727e4b87cdca894a5f5d99cfd32d723
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Tue Sep 1 17:11:16 2026 -0700

    Add conditional DEAD back-link (shown only when served as /room of dead.agentabrams.com)
---
 index.html | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/index.html b/index.html
index f543206..d5fe2fd 100644
--- a/index.html
+++ b/index.html
@@ -31,6 +31,17 @@
   }
   .skip:focus{top:12px}
 
+  /* ---- Back-link (only shown when hosted as a room of the DEAD listening exhibition) ---- */
+  .backlink{
+    position:fixed;top:24px;left:50%;transform:translateX(-50%);z-index:10;display:none;
+    align-items:center;gap:8px;text-decoration:none;pointer-events:auto;
+    font-family:var(--serif);font-style:italic;font-size:12.5px;color:var(--ink-dim);
+    background:var(--panel);border:1px solid var(--panel-edge);border-radius:999px;
+    padding:6px 15px;backdrop-filter:blur(6px);transition:color .3s,background .3s;
+  }
+  .backlink.on{display:inline-flex}
+  .backlink:hover{color:var(--gold);background:rgba(40,12,16,.86)}
+
   /* ---- Title plate ---- */
   .titleplate{
     position:fixed;top:22px;left:26px;z-index:6;max-width:min(46vw,520px);
@@ -184,6 +195,7 @@
 </head>
 <body>
 <a href="#dock" class="skip">Skip to controls</a>
+<a href="/" class="backlink" id="backlink" aria-label="Back to DEAD, the listening exhibition">◆ DEAD · A Listening Exhibition</a>
 <main id="stage" role="application" aria-label="Scarlet Riverboat Masquerade — an animated visual gallery you can steer with the controls and keyboard">
   <h1 class="sr">Scarlet Riverboat Masquerade — an animated generative gallery</h1>
   <canvas id="sky" aria-hidden="true"></canvas>
@@ -1201,6 +1213,12 @@ if(window.matchMedia && matchMedia('(max-width:820px)').matches){
 
 // cue the default night (no autoplay — the source policy is user-initiated playback)
 loadShow(DEFAULT_SHOW);
+
+// reveal the DEAD back-link only when this room is served as part of the exhibition
+const _p=location.pathname.replace(/\/(index\.html)?$/,'');
+if(_p.endsWith('/room') || /dead\.agentabrams/i.test(location.hostname)){
+  const bl=$('backlink'); if(bl) bl.classList.add('on');
+}
 })();
 </script>
 </body>

← 85c6c77 Add Music Room: stream the Grateful Dead Live Music Archive  ·  back to Scarlet Riverboat Masquerade  ·  Harden music room per codex review: fetch race-token guard, 6aa7d78 →