42 lines
3.0 KiB
HTML
42 lines
3.0 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>AritmoLab | Presenter console</title>
|
||
<link rel="stylesheet" href="../deck/fonts.css">
|
||
<link rel="stylesheet" href="presenter.css?v=6">
|
||
<script src="presenter.js?v=22" defer></script>
|
||
</head>
|
||
<body>
|
||
<header class="toolbar">
|
||
<div class="identity"><strong>AritmoLab</strong><span>Presenter console</span></div>
|
||
<div class="timer"><output id="elapsed" aria-label="Elapsed time">00:00</output><button id="timer-toggle">Start timer</button><button id="timer-reset" aria-label="Reset timer">Reset</button></div>
|
||
<button id="open-audience" class="primary">Open audience window ↗</button>
|
||
</header>
|
||
<div class="connection"><span id="status" role="status">Loading presentation…</span><span>Keep this window on your Mac. Move the audience window to HDMI, then choose Full screen.</span></div>
|
||
<main>
|
||
<section class="stage" aria-label="Slide preview and controls">
|
||
<div class="section-heading"><h2>On screen <span id="counter">01 / 14</span></h2><label class="sr-only" for="slide-picker">Jump to slide</label><select id="slide-picker" disabled><option>Loading slides…</option></select></div>
|
||
<div class="preview-shell"><iframe id="preview" title="Interactive slide preview" allow="fullscreen"></iframe></div>
|
||
<div class="slide-controls">
|
||
<div class="navigation"><button id="previous" disabled>← Previous</button><button id="next" class="primary" disabled>Next slide →</button><button id="close-popup" disabled hidden>Close popup <kbd>Esc</kbd></button></div>
|
||
<div id="popup-controls" aria-label="Slide popups" hidden></div>
|
||
</div>
|
||
<div class="up-next">
|
||
<div class="next-preview" id="next-preview-shell" inert aria-hidden="true">
|
||
<iframe id="next-preview" title="Next slide thumbnail" tabindex="-1"></iframe>
|
||
</div>
|
||
<div><span>UP NEXT</span><p id="next-title">Loading…</p></div>
|
||
</div>
|
||
<p id="error" role="alert" hidden></p>
|
||
</section>
|
||
<section class="script" aria-labelledby="notes-heading">
|
||
<div class="section-heading"><h2 id="notes-heading">Speaker notes</h2><div class="reading-controls"><button id="smaller" aria-label="Smaller notes">A−</button><button id="larger" aria-label="Larger notes">A+</button><label class="sr-only" for="layout">Notes layout</label><select id="layout"><option value="side">Notes beside preview</option><option value="below">Notes below preview</option></select></div></div>
|
||
<div id="reading" tabindex="0" aria-label="Scrollable speaker notes"><div class="slide-label" id="notes-number">SLIDE 01</div><h1 id="notes-title">Preparing your presentation</h1><article id="notes">The slide and its speaker notes will appear here.</article></div>
|
||
<footer><span>Notes are visible only in this window.</span><span><kbd>←</kbd> <kbd>→</kbd> Change slide · <kbd>Esc</kbd> Close popup</span></footer>
|
||
</section>
|
||
</main>
|
||
</body>
|
||
</html>
|