Skip to content

Commit a8882b4

Browse files
author
shillshady
committed
replace SVG demo with PNG terminal screenshot
1 parent c50f043 commit a8882b4

4 files changed

Lines changed: 100 additions & 146 deletions

File tree

‎README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@
2727
---
2828

2929
<p align="center">
30-
<img src="demo.svg" alt="Solblade terminal demo" width="780" />
30+
<img src="demo.png" alt="Solblade terminal demo" width="780" />
3131
</p>
3232

3333
---

‎demo.html‎

Lines changed: 99 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,99 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<style>
5+
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap');
6+
* { margin: 0; padding: 0; box-sizing: border-box; }
7+
body { background: transparent; display: flex; justify-content: center; padding: 20px; }
8+
.terminal {
9+
width: 1200px;
10+
background: #0d1117;
11+
border-radius: 16px;
12+
overflow: hidden;
13+
box-shadow: 0 20px 60px rgba(0,0,0,0.5);
14+
border: 1px solid #30363d;
15+
}
16+
.titlebar {
17+
background: #161b22;
18+
height: 52px;
19+
display: flex;
20+
align-items: center;
21+
padding: 0 20px;
22+
position: relative;
23+
}
24+
.dots { display: flex; gap: 10px; }
25+
.dot { width: 14px; height: 14px; border-radius: 50%; }
26+
.dot.r { background: #ff5f56; }
27+
.dot.y { background: #ffbd2e; }
28+
.dot.g { background: #27c93f; }
29+
.titlebar-text {
30+
position: absolute;
31+
left: 50%;
32+
transform: translateX(-50%);
33+
color: #8b949e;
34+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
35+
font-size: 16px;
36+
}
37+
.content {
38+
padding: 28px 32px 34px;
39+
font-family: 'JetBrains Mono', 'Cascadia Code', 'Fira Code', Consolas, monospace;
40+
font-size: 20px;
41+
line-height: 1.7;
42+
color: #e6edf3;
43+
}
44+
.prompt { color: #3fb950; }
45+
.dim { color: #8b949e; }
46+
.cmd { color: #f0f6fc; font-weight: 700; }
47+
.cyan { color: #56d4dd; }
48+
.green { color: #3fb950; }
49+
.purple { color: #bc8cff; }
50+
.yellow { color: #d29922; }
51+
.orange { color: #f0883e; }
52+
.blue { color: #58a6ff; }
53+
.white { color: #f0f6fc; font-weight: 700; }
54+
.line { min-height: 22px; white-space: pre; }
55+
.gap { height: 14px; }
56+
.biggap { height: 20px; }
57+
</style>
58+
</head>
59+
<body>
60+
<div class="terminal">
61+
<div class="titlebar">
62+
<div class="dots">
63+
<div class="dot r"></div>
64+
<div class="dot y"></div>
65+
<div class="dot g"></div>
66+
</div>
67+
<span class="titlebar-text">solblade</span>
68+
</div>
69+
<div class="content">
70+
<div class="line"><span class="prompt">~</span> <span class="dim">$</span> <span class="cmd">solblade init</span></div>
71+
<div class="line"><span class="cyan">◆</span> <span class="cyan">Enter a password for your keystore</span></div>
72+
<div class="line"><span class="dim"> ●●●●●●●●●●●●</span></div>
73+
<div class="line"><span class="green">✔</span> Keystore created (~/.solblade/keys/)</div>
74+
<div class="line"><span class="green">✔</span> Wallet "default" created: <span class="dim">7xKX...gAsU</span></div>
75+
<div class="line"><span class="green">✔</span> RPC set to <span class="dim">https://api.mainnet-beta.solana.com</span></div>
76+
<div class="biggap"></div>
77+
<div class="line"><span class="prompt">~</span> <span class="dim">$</span> <span class="cmd">solblade balance --all</span></div>
78+
<div class="gap"></div>
79+
<div class="line"> <span class="cyan">treasury</span> <span class="dim">7xKX...gAsU</span> <span class="green">12.847 SOL</span></div>
80+
<div class="line"> <span class="cyan">trading</span> <span class="dim">9xQe...4kPm</span> <span class="green">3.201 SOL</span></div>
81+
<div class="line"> <span class="cyan">dev</span> <span class="dim">4mNx...rK2j</span> <span class="green">0.500 SOL</span></div>
82+
<div class="line"> <span class="dim">---</span></div>
83+
<div class="line"> <span class="white">Total:</span> <span class="green">16.548 SOL</span> <span class="dim">($2,315.72)</span></div>
84+
<div class="biggap"></div>
85+
<div class="line"><span class="prompt">~</span> <span class="dim">$</span> <span class="cmd">solblade mcp serve --allow "read,scan,swap"</span></div>
86+
<div class="gap"></div>
87+
<div class="line"><span class="green">✔</span> MCP server started on stdio</div>
88+
<div class="line"><span class="dim"> Tools exposed:</span> <span class="cyan">get_balance get_all_balances get_token_balances</span></div>
89+
<div class="line"><span class="dim"> </span> <span class="cyan">scan_empty_accounts estimate_portfolio_value</span></div>
90+
<div class="line"><span class="dim"> </span> <span class="cyan">get_swap_quote execute_swap</span></div>
91+
<div class="line"><span class="dim"> Wallets:</span> treasury <span class="yellow">[read]</span> trading <span class="orange">[transfer: 1 SOL/tx]</span></div>
92+
<div class="line"><span class="dim"> Session:</span> active, 58 min remaining</div>
93+
<div class="line"><span class="dim"> Audit log:</span> ~/.solblade/audit.db <span class="dim">(SHA-256 chained)</span></div>
94+
<div class="biggap"></div>
95+
<div class="line"><span class="prompt">~</span> <span class="dim">$</span> Ask Claude: <span class="blue">"What's in my Solana wallets?"</span></div>
96+
</div>
97+
</div>
98+
</body>
99+
</html>

‎demo.png‎

95.8 KB
Loading

‎demo.svg‎

Lines changed: 0 additions & 145 deletions
This file was deleted.

0 commit comments

Comments
 (0)