tami/space-talkers
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add help panel with keyboard shortcuts, URL deep linking, and speaker click docs

Browse Source
This commit is contained in:
5shekel
2026-01-18 17:22:49 +02:00
parent 59ca0df1f8
commit 63e2ada84b
3 changed files with 48 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
index.html
View File

@@ -12,6 +12,19 @@
<div class="brand-overlay">Amuta Space Talkers</div>
<div class="speaker-overlay" id="activeSpeaker">-</div>
<div class="menu-overlay">
<button class="menu-button" id="helpToggle" type="button" aria-label="Help">?</button>
<div class="menu-panel" id="helpPanel">
<div class="menu-title">Keys</div>
<div class="help-item"><kbd>Space</kbd> Play / Pause</div>
<div class="help-item"><kbd>←</kbd> <kbd>A</kbd> Back 10s</div>
<div class="help-item"><kbd>→</kbd> <kbd>D</kbd> Fwd 10s</div>
<div class="help-item"><kbd>Shift</kbd> + ←/→ 60s</div>
<div class="menu-title">URL</div>
<div class="help-item">?t=120 or #t=2:30</div>
<div class="help-item">Auto-updates on seek</div>
<div class="menu-title">Speakers</div>
<div class="help-item">Click bubble → next phrase</div>
</div>
<button class="menu-button" id="configToggle" type="button" aria-label="Settings">...</button>
<div class="menu-panel" id="configPanel">
<div class="menu-title">Transcript</div>