51 lines
2.4 KiB
HTML
51 lines
2.4 KiB
HTML
<!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>
|