|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 520" font-family="'JetBrains Mono','Fira Code','SF Mono','Cascadia Code',monospace"> |
|
<defs> |
|
<style> |
|
.dim { fill: #565f89; } |
|
.fg { fill: #a9b1d6; } |
|
.bright { fill: #c0caf5; } |
|
.green { fill: #9ece6a; } |
|
.purple { fill: #bb9af7; } |
|
.orange { fill: #ff9e64; } |
|
.blue { fill: #7aa2f7; } |
|
.cyan { fill: #73daca; } |
|
.red { fill: #f7768e; } |
|
.yellow { fill: #e0af68; } |
|
.dark { fill: #1a1b26; } |
|
.bold { font-weight: bold; } |
|
.s13 { font-size: 13px; } |
|
.s14 { font-size: 14px; } |
|
</style> |
|
<!-- Icon: home (nf-fa-home) --> |
|
<g id="icon-home"> |
|
<path d="M0,6 L5,1 L10,6 L10,11 L6.5,11 L6.5,7.5 L3.5,7.5 L3.5,11 L0,11 Z" fill="currentColor"/> |
|
</g> |
|
<!-- Icon: cpu chip (nf-md-chip) --> |
|
<g id="icon-cpu"> |
|
<rect x="2" y="2" width="8" height="8" rx="1" fill="none" stroke="currentColor" stroke-width="1.2"/> |
|
<rect x="4" y="4" width="4" height="4" rx="0.5" fill="currentColor"/> |
|
<line x1="5" y1="0" x2="5" y2="2" stroke="currentColor" stroke-width="1"/> |
|
<line x1="7" y1="0" x2="7" y2="2" stroke="currentColor" stroke-width="1"/> |
|
<line x1="5" y1="10" x2="5" y2="12" stroke="currentColor" stroke-width="1"/> |
|
<line x1="7" y1="10" x2="7" y2="12" stroke="currentColor" stroke-width="1"/> |
|
<line x1="0" y1="5" x2="2" y2="5" stroke="currentColor" stroke-width="1"/> |
|
<line x1="0" y1="7" x2="2" y2="7" stroke="currentColor" stroke-width="1"/> |
|
<line x1="10" y1="5" x2="12" y2="5" stroke="currentColor" stroke-width="1"/> |
|
<line x1="10" y1="7" x2="12" y2="7" stroke="currentColor" stroke-width="1"/> |
|
</g> |
|
<!-- Icon: memory (nf-md-memory) --> |
|
<g id="icon-ram"> |
|
<rect x="1" y="2" width="10" height="7" rx="1" fill="none" stroke="currentColor" stroke-width="1.2"/> |
|
<rect x="3" y="4" width="2" height="3" fill="currentColor"/> |
|
<rect x="7" y="4" width="2" height="3" fill="currentColor"/> |
|
<line x1="3" y1="9" x2="3" y2="11" stroke="currentColor" stroke-width="1"/> |
|
<line x1="5" y1="9" x2="5" y2="11" stroke="currentColor" stroke-width="1"/> |
|
<line x1="7" y1="9" x2="7" y2="11" stroke="currentColor" stroke-width="1"/> |
|
<line x1="9" y1="9" x2="9" y2="11" stroke="currentColor" stroke-width="1"/> |
|
</g> |
|
<!-- Icon: hard disk (nf-md-harddisk) --> |
|
<g id="icon-disk"> |
|
<rect x="1" y="2" width="10" height="8" rx="2" fill="none" stroke="currentColor" stroke-width="1.2"/> |
|
<circle cx="6" cy="6" r="2.5" fill="none" stroke="currentColor" stroke-width="1"/> |
|
<circle cx="6" cy="6" r="0.8" fill="currentColor"/> |
|
</g> |
|
<!-- Icon: server/host (nf-md-monitor) --> |
|
<g id="icon-host"> |
|
<rect x="1" y="1" width="10" height="7" rx="1" fill="none" stroke="currentColor" stroke-width="1.2"/> |
|
<line x1="4" y1="9" x2="8" y2="9" stroke="currentColor" stroke-width="1.2"/> |
|
<line x1="6" y1="8" x2="6" y2="9" stroke="currentColor" stroke-width="1.2"/> |
|
</g> |
|
<!-- Icon: clock (nf-md-clock_outline) --> |
|
<g id="icon-clock"> |
|
<circle cx="6" cy="6" r="5" fill="none" stroke="currentColor" stroke-width="1.2"/> |
|
<line x1="6" y1="3" x2="6" y2="6" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/> |
|
<line x1="6" y1="6" x2="8.5" y2="7.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/> |
|
</g> |
|
<!-- Icon: numbered boxes for window indices --> |
|
<g id="icon-w0"> |
|
<rect x="0" y="0" width="12" height="12" rx="2" fill="currentColor"/> |
|
<text x="6" y="9.5" text-anchor="middle" font-size="9" font-weight="bold" font-family="'JetBrains Mono',monospace" fill="#1a1b26">0</text> |
|
</g> |
|
<g id="icon-w1"> |
|
<rect x="0" y="0" width="12" height="12" rx="2" fill="currentColor"/> |
|
<text x="6" y="9.5" text-anchor="middle" font-size="9" font-weight="bold" font-family="'JetBrains Mono',monospace" fill="#1a1b26">1</text> |
|
</g> |
|
<g id="icon-w2"> |
|
<rect x="0" y="0" width="12" height="12" rx="2" fill="currentColor"/> |
|
<text x="6" y="9.5" text-anchor="middle" font-size="9" font-weight="bold" font-family="'JetBrains Mono',monospace" fill="#1a1b26">2</text> |
|
</g> |
|
</defs> |
|
|
|
<!-- Terminal window frame --> |
|
<rect width="960" height="520" rx="10" fill="#1a1b26"/> |
|
|
|
<!-- macOS-style title bar --> |
|
<rect width="960" height="36" rx="10" fill="#16161e"/> |
|
<rect y="26" width="960" height="10" fill="#16161e"/> |
|
<circle cx="22" cy="18" r="6.5" fill="#ff5f56" opacity="0.85"/> |
|
<circle cx="44" cy="18" r="6.5" fill="#ffbd2e" opacity="0.85"/> |
|
<circle cx="66" cy="18" r="6.5" fill="#27c93f" opacity="0.85"/> |
|
<text x="480" y="22" text-anchor="middle" class="dim s13">dotfiles — tmux</text> |
|
|
|
<!-- Tmux status bar background --> |
|
<rect y="36" width="960" height="26" fill="#1a1b26"/> |
|
|
|
<!-- Status left: session pill (flat left edge, rounded right via Powerline separator) --> |
|
<path d="M 0,38 H 119 A 11,11 0 0,1 119,60 H 0 Z" fill="#7aa2f7"/> |
|
<use href="#icon-home" x="10" y="43" color="#1a1b26"/> |
|
<text x="26" y="53" class="dark bold s13">dotfiles</text> |
|
|
|
<!-- Window tabs --> |
|
<!-- Window 0: fish (active, blue — fully rounded pill via Powerline separators) --> |
|
<rect x="136" y="38" width="78" height="22" rx="11" fill="#7aa2f7"/> |
|
<use href="#icon-w0" x="144" y="43" color="#7aa2f7"/> |
|
<text x="160" y="53" class="dark bold s13">fish</text> |
|
|
|
<!-- Window 1: nvim (inactive — fully rounded pill) --> |
|
<rect x="222" y="38" width="80" height="22" rx="11" fill="#3b4261"/> |
|
<use href="#icon-w1" x="230" y="43" color="#565f89"/> |
|
<text x="246" y="53" class="dim s13">nvim</text> |
|
|
|
<!-- Window 2: htop (inactive — fully rounded pill) --> |
|
<rect x="310" y="38" width="80" height="22" rx="11" fill="#3b4261"/> |
|
<use href="#icon-w2" x="318" y="43" color="#565f89"/> |
|
<text x="334" y="53" class="dim s13">htop</text> |
|
|
|
<!-- Status right: system stats (plain colored text, no background) --> |
|
<!-- CPU --> |
|
<use href="#icon-cpu" x="564" y="43" color="#9ece6a"/> |
|
<text x="580" y="53" class="green s13">5%</text> |
|
|
|
<!-- RAM --> |
|
<use href="#icon-ram" x="608" y="43" color="#bb9af7"/> |
|
<text x="624" y="53" class="purple s13">8GB/32GB</text> |
|
|
|
<!-- Disk --> |
|
<use href="#icon-disk" x="710" y="43" color="#ff9e64"/> |
|
<text x="726" y="53" class="orange s13">0.4TB/1.0TB</text> |
|
|
|
<!-- Host --> |
|
<use href="#icon-host" x="826" y="43" color="#c0caf5"/> |
|
<text x="842" y="53" class="bright s13">arch</text> |
|
|
|
<!-- Time pill (rounded left via Powerline separator, flat right edge) --> |
|
<path d="M 889,38 H 960 V 60 H 889 A 11,11 0 0,1 889,38 Z" fill="#7aa2f7"/> |
|
<use href="#icon-clock" x="896" y="43" color="#1a1b26"/> |
|
<text x="912" y="53" class="dark bold s13">15:30</text> |
|
|
|
<!-- Thin separator line --> |
|
<rect y="62" width="960" height="1" fill="#292e42"/> |
|
|
|
<!-- Terminal content area --> |
|
<!-- Prompt line 1 --> |
|
<text x="16" y="90" class="s14"> |
|
<tspan class="cyan">~/dotfiles</tspan> |
|
<tspan class="purple"> main</tspan> |
|
</text> |
|
<text x="16" y="114" class="s14"> |
|
<tspan class="green">❯</tspan> |
|
<tspan class="bright"> git log --oneline -5</tspan> |
|
</text> |
|
|
|
<!-- Git log output --> |
|
<text x="16" y="138" class="s14"> |
|
<tspan class="yellow">673b539</tspan> |
|
<tspan class="fg"> Add wrap-around navigation to session tree picker</tspan> |
|
</text> |
|
<text x="16" y="162" class="s14"> |
|
<tspan class="yellow">9caba95</tspan> |
|
<tspan class="fg"> Simplify session-tree: merge printf, pure bash toggle</tspan> |
|
</text> |
|
<text x="16" y="186" class="s14"> |
|
<tspan class="yellow">62b0d6a</tspan> |
|
<tspan class="fg"> Fix session tree picker: cursor jump on toggle</tspan> |
|
</text> |
|
<text x="16" y="210" class="s14"> |
|
<tspan class="yellow">d505473</tspan> |
|
<tspan class="fg"> Compact window tab pills: remove inner padding</tspan> |
|
</text> |
|
<text x="16" y="234" class="s14"> |
|
<tspan class="yellow">48f15a4</tspan> |
|
<tspan class="fg"> Restyle tmux status bar: rounded pills, rainbow colors</tspan> |
|
</text> |
|
|
|
<!-- Prompt line 2 --> |
|
<text x="16" y="270" class="s14"> |
|
<tspan class="cyan">~/dotfiles</tspan> |
|
<tspan class="purple"> main</tspan> |
|
</text> |
|
<text x="16" y="294" class="s14"> |
|
<tspan class="green">❯</tspan> |
|
<tspan class="bright"> tmux list-sessions</tspan> |
|
</text> |
|
|
|
<!-- tmux list-sessions output --> |
|
<text x="16" y="318" class="fg s14">dotfiles: 3 windows (created Sat Mar 7 09:19:00 2026)</text> |
|
<text x="16" y="342" class="fg s14">main: 2 windows (created Fri Mar 7 10:46:00 2026)</text> |
|
<text x="16" y="366" class="fg s14">notes: 1 windows (created Thu Mar 6 15:30:00 2026)</text> |
|
|
|
<!-- Prompt line 3 with cursor --> |
|
<text x="16" y="402" class="s14"> |
|
<tspan class="cyan">~/dotfiles</tspan> |
|
<tspan class="purple"> main</tspan> |
|
</text> |
|
<text x="16" y="426" class="s14"> |
|
<tspan class="green">❯</tspan> |
|
</text> |
|
<!-- Block cursor --> |
|
<rect x="28" y="414" width="9" height="17" fill="#c0caf5" opacity="0.8"/> |
|
</svg> |