is // suspiciously empty (under 200px tall on a viewport that should have // hundreds of px of content) AND we just came back from bfcache, reload. // Otherwise leave the bfcache magic intact. window.addEventListener('pageshow',function(e){ if(!e.persisted)return; try{ var main=document.querySelector('main'); if(!main)return; var h=main.getBoundingClientRect().height; if(h<200)location.reload(); }catch(_){} }); document.addEventListener('click',function(e){ var el=e.target; while(el && el!==document){ if(el.matches && el.matches('[data-theme-toggle]')){ var cur=document.documentElement.getAttribute('data-theme'); var next=cur==='light'?'dark':'light'; document.documentElement.setAttribute('data-theme',next); try{localStorage.setItem('6dof-theme',next);}catch(_){} var label=el.querySelector('[data-theme-label]'); if(label)label.textContent=next==='dark'?'○ LIGHT':'● DARK'; break; } el=el.parentNode; } },true); // YouTube lightbox — vanilla so it works regardless of hydration. Builds // the dialog on first use and reuses it after. Adds a focus trap, returns // focus to the trigger on close, labels the dialog for screen readers, and // closes on Esc. var ytDlg=null; var ytTrigger=null; // element that opened the dialog; used to restore focus function ytClose(){ if(!ytDlg)return; var f=ytDlg.querySelector('iframe'); if(f)f.src='about:blank'; if(ytDlg.open)ytDlg.close(); if(ytTrigger&&typeof ytTrigger.focus==='function'){ try{ytTrigger.focus();}catch(_){} } ytTrigger=null; } function ytFocusables(){ if(!ytDlg)return []; return Array.prototype.slice.call( ytDlg.querySelectorAll('button,[href],input,select,textarea,iframe,[tabindex]:not([tabindex="-1"])') ).filter(function(el){return !el.disabled&&el.offsetParent!==null;}); } function ytEnsure(){ if(ytDlg)return ytDlg; ytDlg=document.createElement('dialog'); ytDlg.setAttribute('aria-label','Video player'); ytDlg.setAttribute('aria-modal','true'); ytDlg.style.cssText='margin:0;max-width:100vw;max-height:100dvh;border:0;padding:0;background:transparent;'; ytDlg.innerHTML= '

' + '

' + '' + '

'; document.body.appendChild(ytDlg); // Click outside content area = close ytDlg.addEventListener('click',function(e){ if(e.target===ytDlg)ytClose(); }); ytDlg.addEventListener('close',ytClose); ytDlg.addEventListener('cancel',function(e){ // Native Esc handling — let the dialog close, the 'close' listener // above runs ytClose() which restores focus. }); // Focus trap: keep Tab inside the dialog while it's open. ytDlg.addEventListener('keydown',function(e){ if(e.key!=='Tab')return; var fs=ytFocusables(); if(fs.length===0){e.preventDefault();return;} var first=fs[0],last=fs[fs.length-1]; if(e.shiftKey&&document.activeElement===first){e.preventDefault();last.focus();} else if(!e.shiftKey&&document.activeElement===last){e.preventDefault();first.focus();} }); return ytDlg; } document.addEventListener('click',function(e){ if(e.button!==0||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey)return; var el=e.target; while(el && el!==document){ if(el.matches && el.matches('[data-yt-close]')){ e.preventDefault(); ytClose(); return; } if(el.matches && el.matches('[data-yt-lightbox]')){ var id=el.getAttribute('data-yt-lightbox'); if(!id)return; e.preventDefault(); ytTrigger=el; var d=ytEnsure(); var f=d.querySelector('iframe'); f.src='https://www.youtube-nocookie.com/embed/'+encodeURIComponent(id)+'?autoplay=1&rel=0&modestbranding=1'; if(typeof d.showModal==='function')d.showModal();else d.setAttribute('open',''); // Move focus to the close button so Tab cycles within the dialog. var closer=d.querySelector('[data-yt-close]'); if(closer&&typeof closer.focus==='function'){ try{closer.focus();}catch(_){} } return; } el=el.parentNode; } },true); })();