43 lines
1.7 KiB
HTML
43 lines
1.7 KiB
HTML
<div class="sections">
|
||
|
||
<div class="section full">
|
||
<h2>Hand – Rotation <span class="status-badge open">offen</span></h2>
|
||
<div class="info-grid" style="margin-top:14px">
|
||
<span class="info-label">Ziel</span>
|
||
<span class="info-value" style="font-family:inherit;font-size:13px;color:var(--muted)">
|
||
Rotationsachse des Hand-Gelenks bestimmen: drei Positionen aufnehmen, Umkreismittelpunkte berechnen.
|
||
</span>
|
||
<span class="info-label">Ablauf</span>
|
||
<span class="info-value" style="font-family:inherit;font-size:13px;color:var(--muted)">
|
||
Board erkennen (Pos A) → Hand drehen → Board erkennen (Pos B) → Hand drehen → Board erkennen (Pos C)
|
||
→ Viewer zeigt berechnete Rotationsachse (magenta)
|
||
</span>
|
||
<span class="info-label">Letzter Run</span>
|
||
<span class="info-value" id="hand-last-run">–</span>
|
||
</div>
|
||
<div class="controls" style="margin-top:16px">
|
||
<button id="btn-hand-run">Board erkennen</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section full">
|
||
<h2>Ausgabe / Log</h2>
|
||
<textarea id="log-hand" readonly placeholder="(Ausgabe erscheint hier)"></textarea>
|
||
</div>
|
||
|
||
<div class="section full">
|
||
<h2>Board-Viewer</h2>
|
||
<p style="font-size:12px;color:var(--muted);margin-bottom:10px">
|
||
<strong>Pos A</strong> (Basis) · <strong>Pos B</strong> (orange) · <strong>Pos C</strong> (cyan) –
|
||
alle drei Timestamps sind vorgewählt. Sobald Pos C gesetzt ist, wird die Rotationsachse berechnet.
|
||
</p>
|
||
<iframe
|
||
id="hand-viewer-frame"
|
||
src="/boardViewer.html?defaults=abc"
|
||
style="width:100%;height:740px;border:1px solid #334155;border-radius:6px;background:#0d0f13;display:block"
|
||
title="Board-Viewer (Hand)"
|
||
></iframe>
|
||
</div>
|
||
|
||
</div>
|