v_1.7

2026-09-13 20:23:05 +01:00
commit 34900bf069
45 changed files with 4879 additions and 0 deletions
@@ -0,0 +1,50 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Presenting — QR Presentation</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="/css/styles.css" />
+</head>
+<body>
+  <div class="stage-page">
+    <div class="stage-bar">
+      <div class="brand"><img class="brand-logo" src="/img/mps-icon.png" alt="" /> <span class="lamp on"></span> <span id="deckTitle">Presenting</span></div>
+      <div class="spacer"></div>
+      <span class="pill"><b id="viewerCount">0</b> watching</span>
+      <a class="btn small" id="qrPageBtn" target="_blank" rel="noopener">QR Code</a>
+      <button class="btn danger small" id="endBtn" title="Invalidate the QR code and end for everyone">End session</button>
+      <a class="btn ghost small" href="/">Exit</a>
+    </div>
+
+    <div class="stage" id="stage">
+      <div class="msg"><div class="spinner"></div><div id="stageMsg">Connecting…</div></div>
+    </div>
+
+    <div class="controls" id="controls" style="display:none;">
+      <div class="seg" id="modeSeg" title="Synced: everyone follows you. Free: audience browses on their own.">
+        <button data-mode="synced" class="active">Synced</button>
+        <button data-mode="free">Free browse</button>
+      </div>
+      <div class="spacer" style="flex:1"></div>
+      <div id="pdfControls" style="display:none; align-items:center; gap:8px;">
+        <button class="btn" id="first" title="First slide (Home)">« First</button>
+        <button class="btn" id="prev" title="Previous (←)">‹ Prev</button>
+        <span class="pageind" id="pageInd">– / –</span>
+        <button class="btn" id="next" title="Next (→)">Next ›</button>
+        <button class="btn" id="last" title="Last slide (End)">Last »</button>
+      </div>
+      <div id="videoHint" class="note" style="display:none;">Use the video controls — play, pause, and seeking sync to the audience.</div>
+    </div>
+
+    <footer class="app-footer">© 2026 Martinhal IT - Joao Vaz - Version 1.7</footer>
+  </div>
+
+  <div class="toast" id="toast"></div>
+  <script src="/socket.io/socket.io.js"></script>
+  <script type="module" src="/js/present.js"></script>
+</body>
+</html>