feat: embed canonical presentation on homepage

presentations/less-prompting-more-shipping/runtime.js

@@ -2,6 +2,13 @@
 const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');
 const portrait = window.matchMedia('(max-width: 700px) and (orientation: portrait)');
 const printing = new URLSearchParams(location.search).has('print-pdf');
+const embedded = new URLSearchParams(location.search).has('embed') && !printing;
+document.documentElement.classList.toggle('embedded', embedded);
+if (embedded) {
+ document.querySelector('.toolbar').hidden = true;
+ // Never load the portal inside the stage when following the reference appendix.
+ document.querySelectorAll('.slides a').forEach(link => { link.target = '_top'; });
+}
 function layoutSize(){
  const narrow=portrait.matches&&!printing;
  document.documentElement.classList.toggle('portrait',narrow);
@@ -9,10 +16,13 @@ function layoutSize(){
 }
 Reveal.initialize({
   ...layoutSize(), margin:0.04, minScale:0.1, maxScale:2,
-  hash:true, hashOneBasedIndex:false, controls:true, progress:true,
+  hash:!embedded, embedded, keyboardCondition:embedded ? () => document.hasFocus() : null,
+  hashOneBasedIndex:false, controls:true, progress:true,
   slideNumber:'c/t', showSlideNumber:'all', center:false,
   transition:reducedMotion.matches?'none':'fade', transitionSpeed:'fast',
-  backgroundTransition:'none', autoSlide:0, touch:true, keyboard:true,
+  backgroundTransition:'none', autoSlide:0, touch:true,
+  // The host owns fullscreen; speaker tools remain available in the standalone deck.
+  keyboard:embedded ? {70:null,83:null} : true,
   // Keep deliberate slides on phones rather than Reveal's automatic scroll view.
   scrollActivationWidth:null, pdfMaxPagesPerSlide:1, pdfSeparateFragments:false,
   plugins:[RevealNotes]

presentations/less-prompting-more-shipping/theme.css

@@ -55,5 +55,12 @@ a:focus-visible,button:focus-visible{outline:3px solid #b88719;outline-offset:3p
 .portrait #qualification .contrast{grid-template-columns:1fr 1fr;gap:24px}.portrait #qualification .contrast p{font-size:24px}
 .portrait .deck .references{font-size:29px}.portrait .deck .references li{margin:22px 0}
 @media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
+.embedded .toolbar{display:none}
+.embedded .reveal.deck{top:0;height:calc(100dvh - 48px)}
+.embedded body{background:#101014}
+.embedded .deck .controls{position:fixed;bottom:8px;color:var(--gold)!important}
+.embedded .deck .progress{color:var(--gold)}
+.embedded .deck .slide-number{position:fixed;bottom:12px}
+.embedded .deck .progress{position:fixed;bottom:0}
 @media print{.toolbar{display:none}.reveal.deck{top:0;height:100%}}
 html.print-pdf .toolbar{display:none}html.print-pdf .reveal.deck{top:0;height:100%}