58 lines
2.6 KiB
XML
58 lines
2.6 KiB
XML
<svg viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" class="w-full h-auto" role="img" aria-label="examples/default terminal screenshot">
|
|
<style>
|
|
.bg { fill: transparent; stroke: #3f3f46; stroke-width: 1; }
|
|
.chrome { fill: transparent; }
|
|
.dot { fill: #52525b; }
|
|
.sep { stroke: #3f3f46; stroke-width: 1; }
|
|
.tab { fill: transparent; }
|
|
text { font-family: ui-monospace, 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace; fill: #f4f4f5; }
|
|
.t-md { font-size: 15px; }
|
|
.t-sm { font-size: 13px; }
|
|
.t-xs { font-size: 11px; }
|
|
.muted { fill: #a1a1aa; }
|
|
.dim { fill: #71717a; }
|
|
.sel-bg { fill: #b7410e; fill-opacity: 0.85; }
|
|
.sel-fg { fill: #fff5f0; }
|
|
</style>
|
|
|
|
<rect class="bg" width="640" height="400" rx="12"/>
|
|
<rect class="chrome" width="640" height="36" rx="12"/>
|
|
<rect class="chrome" y="24" width="640" height="12"/>
|
|
<line class="sep" x1="0" y1="36" x2="640" y2="36"/>
|
|
|
|
<circle class="dot" cx="20" cy="18" r="5.5"/>
|
|
<circle class="dot" cx="40" cy="18" r="5.5"/>
|
|
<circle class="dot" cx="60" cy="18" r="5.5"/>
|
|
|
|
<text x="320" y="22" text-anchor="middle" font-size="11" class="dim">examples/default — cargo run</text>
|
|
|
|
<text x="20" y="68" font-size="14" class="muted">Pages:</text>
|
|
<rect class="sel-bg" x="80" y="55" width="60" height="20" rx="3"/>
|
|
<text x="110" y="69" text-anchor="middle" font-size="12" class="sel-fg" font-weight="600">Home</text>
|
|
<text x="150" y="69" font-size="12" class="muted">Settings</text>
|
|
<text x="220" y="69" font-size="12" class="muted">About</text>
|
|
<text x="270" y="69" font-size="12" class="muted">Quit</text>
|
|
|
|
<line class="sep" x1="0" y1="92" x2="640" y2="92"/>
|
|
|
|
<text x="20" y="120" font-size="18" font-weight="700">Home</text>
|
|
<text x="20" y="142" font-size="11" class="dim">Choose a section to open.</text>
|
|
|
|
<line class="sep" x1="0" y1="160" x2="640" y2="160"/>
|
|
|
|
<g font-size="14">
|
|
<rect class="sel-bg" x="0" y="170" width="640" height="34"/>
|
|
<text x="32" y="192" class="sel-fg" font-weight="600">▸ Dashboard</text>
|
|
<text x="600" y="192" text-anchor="end" class="sel-fg" font-size="11">enter</text>
|
|
|
|
<text x="32" y="226" class="muted"> Accounts</text>
|
|
<text x="32" y="254" class="muted"> Transactions</text>
|
|
<text x="32" y="282" class="muted"> Reports</text>
|
|
<text x="32" y="310" class="muted"> Settings</text>
|
|
</g>
|
|
|
|
<line class="sep" x1="0" y1="358" x2="640" y2="358"/>
|
|
<text x="20" y="380" font-size="11" class="dim">↑↓ move · enter select · q quit</text>
|
|
<text x="620" y="380" text-anchor="end" font-size="11" class="dim">tui-pages v0.7.2</text>
|
|
</svg>
|