Upload 301 files

index.html

@@ -77,7 +77,7 @@ footer{background:#000;color:#a99b84;text-align:center;padding:3rem 1rem;font-fa
 </head>
 <body>
 <header class="hero" id="top">
-  <video id="heroVideo" autoplay muted loop playsinline poster="assets/hir-opening-poster.jpg"><source src="assets/hir-opening.mp4" type="video/mp4"></video>
+  <video id="heroVideo" autoplay muted playsinline preload="auto" data-stop-at="9.85" poster="assets/hir-opening-poster.jpg"><source src="assets/hir-opening.mp4" type="video/mp4"></video>
   <div class="cover-border"></div>
   <div class="hero-content">
     <div class="kicker">Public Review Copy · Plate A-00 · Source Preserved</div>
@@ -90,7 +90,7 @@ footer{background:#000;color:#a99b84;text-align:center;padding:3rem 1rem;font-fa
       <a href="#integrity" class="btn">Integrity Register</a>
     </div>
   </div>
-  <button class="sound" id="soundBtn">SOUND OFF</button>
+  <button class="sound" id="soundBtn" type="button" aria-pressed="false" title="Toggle hero video sound">SOUND: OFF</button>
 </header>
 
 <section class="signal" id="signal">
@@ -184,6 +184,44 @@ function renderRows(){
 function setCategory(cat){ document.getElementById('categoryFilter').value=cat; renderRows(); }
 document.getElementById('search').addEventListener('input',renderRows); document.getElementById('statusFilter').addEventListener('change',renderRows); document.getElementById('categoryFilter').addEventListener('change',renderRows); renderRows();
 const vid=document.getElementById('heroVideo'), snd=document.getElementById('soundBtn');
-snd.addEventListener('click',()=>{ vid.muted=!vid.muted; snd.textContent=vid.muted?'SOUND OFF':'SOUND ON'; if(!vid.muted) vid.play().catch(()=>{}); });
+const HERO_STOP_AT = parseFloat(vid?.dataset?.stopAt || '9.85');
+if (vid) {
+  vid.loop = false;
+  vid.volume = 1;
+  vid.addEventListener('loadedmetadata', () => {
+    vid.loop = false;
+    if (Number.isFinite(HERO_STOP_AT) && vid.duration && HERO_STOP_AT >= vid.duration) {
+      vid.dataset.stopAt = Math.max(0, vid.duration - 0.35).toFixed(2);
+    }
+  });
+  vid.addEventListener('timeupdate', () => {
+    const stopAt = parseFloat(vid.dataset.stopAt || HERO_STOP_AT);
+    if (!vid.dataset.stopped && Number.isFinite(stopAt) && vid.currentTime >= stopAt) {
+      vid.dataset.stopped = 'true';
+      vid.pause();
+      try { vid.currentTime = stopAt; } catch (e) {}
+    }
+  });
+  vid.addEventListener('ended', () => { vid.dataset.stopped = 'true'; });
+}
+function setSoundLabel(){
+  const on = vid && !vid.muted;
+  snd.textContent = on ? 'SOUND: ON' : 'SOUND: OFF';
+  snd.setAttribute('aria-pressed', on ? 'true' : 'false');
+}
+if (snd && vid) {
+  setSoundLabel();
+  snd.addEventListener('click', async () => {
+    const turningOn = vid.muted;
+    vid.muted = !turningOn;
+    if (turningOn && (vid.dataset.stopped === 'true' || vid.paused)) {
+      vid.dataset.stopped = '';
+      try { vid.currentTime = 0; } catch (e) {}
+      try { await vid.play(); } catch (e) {}
+    }
+    setSoundLabel();
+  });
+}
+
 </script>
 </body></html>