fix(pages): harden enhancement layer, JS-off tagline, drop unused font

jeffcaldwellca · jeffcaldwellca · commit e9666b6ab532 · 2026-06-20T23:35:39.000-04:00
diff --git a/docs/assets/fonts/ibm-plex-mono-latin-500-normal.woff2 b/docs/assets/fonts/ibm-plex-mono-latin-500-normal.woff2
diff --git a/docs/assets/main.js b/docs/assets/main.js
@@ -37,10 +37,13 @@
         }
       })();
     });
-    promise.skip = skip;
     return { promise: promise, skip: skip };
   }
 
+  // sessionStorage helpers — silently degrade when storage is blocked/sandboxed.
+  function booted() { try { return sessionStorage.getItem('mkcertos_booted') === '1'; } catch (e) { return false; } }
+  function markBooted() { try { sessionStorage.setItem('mkcertos_booted', '1'); } catch (e) {} }
+
   // --- Boot sequence ---
   function runBoot() {
     var boot = document.getElementById('boot');
@@ -53,10 +56,10 @@
       window.removeEventListener('click', onSkip);
     }
     var t;
-    function onSkip() { if (t) t.skip(); sessionStorage.setItem('mkcertos_booted', '1'); dismiss(); }
+    function onSkip() { if (t) t.skip(); markBooted(); dismiss(); }
 
     // Skip entirely if already booted this session or reduced motion.
-    if (sessionStorage.getItem('mkcertos_booted') === '1' || reduceMotion) {
+    if (booted() || reduceMotion) {
       return;
     }
 
@@ -79,7 +82,7 @@
     window.addEventListener('click', onSkip);
     t = typeLines(textEl, lines, { speed: 14, linePause: 160 });
     t.promise.then(function () {
-      sessionStorage.setItem('mkcertos_booted', '1');
+      markBooted();
       setTimeout(dismiss, 650);
     });
   }
@@ -146,13 +149,15 @@
   window.MKCERTOS = { typeLines: typeLines, reduceMotion: reduceMotion };
 
   document.addEventListener('DOMContentLoaded', function () {
-    runBoot();
-    var tagline = document.getElementById('hero-tagline');
-    if (tagline) {
-      window.MKCERTOS.typeLines(tagline, ['Local TLS, minus the pain.'],
-        { speed: 38, linePause: 0 });
-    }
-    initCopyButtons();
-    initConsole();
+    try { runBoot(); } catch (e) {}
+    try {
+      var tagline = document.getElementById('hero-tagline');
+      if (tagline) {
+        window.MKCERTOS.typeLines(tagline, ['Local TLS, minus the pain.'],
+          { speed: 38, linePause: 0 });
+      }
+    } catch (e) {}
+    try { initCopyButtons(); } catch (e) {}
+    try { initConsole(); } catch (e) {}
   });
 })();
diff --git a/docs/assets/styles.css b/docs/assets/styles.css
@@ -13,12 +13,6 @@
   src: url('fonts/ibm-plex-mono-latin-400-normal.woff2') format('woff2');
   font-weight: 400; font-style: normal; font-display: swap;
 }
-@font-face {
-  font-family: 'IBM Plex Mono';
-  src: url('fonts/ibm-plex-mono-latin-500-normal.woff2') format('woff2');
-  font-weight: 500; font-style: normal; font-display: swap;
-}
-
 :root {
   --bg:          #070b07;
   --bg-panel:    #0c130c;
diff --git a/docs/index.html b/docs/index.html
@@ -16,7 +16,7 @@
 <body>
   <div class="crt" aria-hidden="true"></div>
   <div id="boot" class="boot" role="status" aria-label="System boot sequence">
-    <pre id="boot-text" class="boot-text"></pre>
+    <pre id="boot-text" class="boot-text" aria-hidden="true"></pre>
     <p class="boot-hint">[ PRESS ANY KEY TO SKIP ]</p>
   </div>
   <a class="skip-link" href="#main">Skip to content</a>
@@ -30,7 +30,7 @@
     <section class="hero">
       <div class="wrap">
         <h1 class="hero-title display">mkcert&nbsp;Web&nbsp;UI</h1>
-        <p class="hero-tagline" id="hero-tagline" aria-label="Local TLS, minus the pain."></p>
+        <p class="hero-tagline" id="hero-tagline" aria-label="Local TLS, minus the pain.">Local TLS, minus the pain.</p>
         <p class="hero-sub">A secure web interface for managing local TLS certificates with mkcert — generation, SCEP enrollment, multiple formats, Docker-ready.</p>
         <nav class="hero-actions" aria-label="Primary">
           <a class="btn btn-primary" href="https://github.com/jeffcaldwellca/mkcertWeb">[ DEPLOY VIA DOCKER ]</a>
