74 lines
4.2 KiB
XML
74 lines
4.2 KiB
XML
<svg viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" class="w-full h-auto" role="img" aria-label="A keybindings help screen built with tui-pages">
|
|
<!-- Light-mode twin of terminal-keybindings.svg. Same 80x25 grid, light neutral palette. -->
|
|
<style>
|
|
.text { fill: #26272b; }
|
|
.muted { fill: #5a5a62; }
|
|
.dim { fill: #8a8a90; }
|
|
.blue { fill: #1f7fb8; }
|
|
.gold { fill: #a8862a; }
|
|
.green { fill: #1f9d3f; }
|
|
.greenfg{ fill: #f2fff2; }
|
|
.b { font-weight: 700; }
|
|
text {
|
|
font-family: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
|
|
font-size: 13px;
|
|
text-rendering: geometricPrecision;
|
|
}
|
|
</style>
|
|
|
|
<g xml:space="preserve">
|
|
<rect x="0.5" y="0.5" width="639" height="399" rx="10" fill="#f4f4f2" stroke="#d8d8d2"/>
|
|
|
|
<rect x="0" y="2" width="56" height="20" class="green"/>
|
|
<text x="8" y="16" class="greenfg b">Login</text>
|
|
<text x="64" y="16" class="muted">Register</text>
|
|
<text x="144" y="16" class="muted">Admin_Panel</text>
|
|
<text x="248" y="16" class="muted">Quit</text>
|
|
|
|
<text x="168" y="60" class="blue b" textLength="304" lengthAdjust="spacing">╭─ Keybindings ──────────────────────╮</text>
|
|
<text x="168" y="76" class="blue">│</text><text x="464" y="76" class="blue">│</text>
|
|
<text x="168" y="92" class="blue">│</text><text x="464" y="92" class="blue">│</text>
|
|
<text x="168" y="108" class="blue">│</text><text x="464" y="108" class="blue">│</text>
|
|
<text x="168" y="124" class="blue">│</text><text x="464" y="124" class="blue">│</text>
|
|
<text x="168" y="140" class="blue">│</text><text x="464" y="140" class="blue">│</text>
|
|
<text x="168" y="156" class="blue">│</text><text x="464" y="156" class="blue">│</text>
|
|
<text x="168" y="172" class="blue">│</text><text x="464" y="172" class="blue">│</text>
|
|
<text x="168" y="188" class="blue">│</text><text x="464" y="188" class="blue">│</text>
|
|
<text x="168" y="204" class="blue">│</text><text x="464" y="204" class="blue">│</text>
|
|
<text x="168" y="220" class="blue">│</text><text x="464" y="220" class="blue">│</text>
|
|
<text x="168" y="236" class="blue">│</text><text x="464" y="236" class="blue">│</text>
|
|
<text x="168" y="252" class="blue">│</text><text x="464" y="252" class="blue">│</text>
|
|
<text x="168" y="268" class="blue">│</text><text x="464" y="268" class="blue">│</text>
|
|
<text x="168" y="284" class="blue">│</text><text x="464" y="284" class="blue">│</text>
|
|
<text x="168" y="300" class="blue">│</text><text x="464" y="300" class="blue">│</text>
|
|
<text x="168" y="316" class="blue">│</text><text x="464" y="316" class="blue">│</text>
|
|
<text x="168" y="332" class="blue">│</text><text x="464" y="332" class="blue">│</text>
|
|
<text x="168" y="348" class="blue" textLength="304" lengthAdjust="spacing">╰────────────────────────────────────╯</text>
|
|
|
|
<text x="184" y="92" class="gold b">MOVEMENT</text>
|
|
<text x="200" y="108" class="text">j / k</text>
|
|
<text x="304" y="108" class="muted">move down / up</text>
|
|
<text x="200" y="124" class="text">gg / G</text>
|
|
<text x="304" y="124" class="muted">jump to top / bottom</text>
|
|
|
|
<text x="184" y="156" class="gold b">ACTIONS</text>
|
|
<text x="200" y="172" class="text">enter</text>
|
|
<text x="304" y="172" class="muted">select / open</text>
|
|
<text x="200" y="188" class="text">/</text>
|
|
<text x="304" y="188" class="muted">search</text>
|
|
<text x="200" y="204" class="text">space</text>
|
|
<text x="304" y="204" class="muted">toggle mark</text>
|
|
|
|
<text x="184" y="236" class="gold b">APP</text>
|
|
<text x="200" y="252" class="text">?</text>
|
|
<text x="304" y="252" class="muted">toggle this help</text>
|
|
<text x="200" y="268" class="text">:q</text>
|
|
<text x="304" y="268" class="muted">quit</text>
|
|
|
|
<text x="184" y="316" class="dim">press ? or esc to close</text>
|
|
|
|
<text x="32" y="380" class="green b">NOR</text>
|
|
<text x="632" y="380" class="gold" text-anchor="end">tui-pages v0.7.2 │ 60 FPS</text>
|
|
</g>
|
|
</svg>
|
