mirror of
https://github.com/Termix-SSH/Termix.git
synced 2026-07-09 00:30:49 +00:00
chore: continued redesign readme
This commit is contained in:
LukeGus
+69
-86
@@ -1,7 +1,6 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="1064" viewBox="0 0 860 1064">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="952" viewBox="0 0 860 952">
|
||||
<defs>
|
||||
<style>
|
||||
.card-bg { fill: #161b22; }
|
||||
.card-border { fill: none; stroke: #F39044; stroke-opacity: 0.22; stroke-width: 1; }
|
||||
.card-accent { fill: #F39044; }
|
||||
.feat-title { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 700; fill: #F39044; }
|
||||
@@ -9,12 +8,9 @@
|
||||
</style>
|
||||
</defs>
|
||||
|
||||
<rect width="860" height="1064" fill="none"/>
|
||||
|
||||
<!-- Row 1, Col 1: SSH Terminal Access -->
|
||||
<rect x="0" y="0" width="418" height="136" rx="6" class="card-bg"/>
|
||||
<rect x="0" y="0" width="418" height="136" rx="6" class="card-border"/>
|
||||
<rect x="0" y="0" width="3" height="136" rx="1" class="card-accent"/>
|
||||
<rect x="0" y="0" width="418" height="130" rx="6" fill="transparent" class="card-border"/>
|
||||
<rect x="0" y="0" width="3" height="130" rx="1" class="card-accent"/>
|
||||
<text x="18" y="22" class="feat-title">SSH Terminal Access</text>
|
||||
<text x="18" y="40" class="feat-body">Full-featured terminal with split-screen support (up to 4 panels)</text>
|
||||
<text x="18" y="55" class="feat-body">with a browser-like tab system. Includes support for customizing</text>
|
||||
@@ -22,111 +18,98 @@
|
||||
<text x="18" y="85" class="feat-body">components.</text>
|
||||
|
||||
<!-- Row 1, Col 2: Remote Desktop Access -->
|
||||
<rect x="442" y="0" width="418" height="136" rx="6" class="card-bg"/>
|
||||
<rect x="442" y="0" width="418" height="136" rx="6" class="card-border"/>
|
||||
<rect x="442" y="0" width="3" height="136" rx="1" class="card-accent"/>
|
||||
<rect x="442" y="0" width="418" height="130" rx="6" fill="transparent" class="card-border"/>
|
||||
<rect x="442" y="0" width="3" height="130" rx="1" class="card-accent"/>
|
||||
<text x="460" y="22" class="feat-title">Remote Desktop Access</text>
|
||||
<text x="460" y="40" class="feat-body">RDP, VNC, and Telnet support over the browser with complete</text>
|
||||
<text x="460" y="55" class="feat-body">customization and split screening.</text>
|
||||
|
||||
<!-- Row 2, Col 1: SSH Tunnel Management -->
|
||||
<rect x="0" y="148" width="418" height="136" rx="6" class="card-bg"/>
|
||||
<rect x="0" y="148" width="418" height="136" rx="6" class="card-border"/>
|
||||
<rect x="0" y="148" width="3" height="136" rx="1" class="card-accent"/>
|
||||
<text x="18" y="170" class="feat-title">SSH Tunnel Management</text>
|
||||
<text x="18" y="188" class="feat-body">Create and manage server-to-server SSH tunnels with automatic</text>
|
||||
<text x="18" y="203" class="feat-body">reconnection, health monitoring, and local, remote, or dynamic</text>
|
||||
<text x="18" y="218" class="feat-body">SOCKS forwarding. C2S preset snapshots can be saved, renamed,</text>
|
||||
<text x="18" y="233" class="feat-body">loaded, or deleted across clients.</text>
|
||||
<rect x="0" y="142" width="418" height="130" rx="6" fill="transparent" class="card-border"/>
|
||||
<rect x="0" y="142" width="3" height="130" rx="1" class="card-accent"/>
|
||||
<text x="18" y="164" class="feat-title">SSH Tunnel Management</text>
|
||||
<text x="18" y="182" class="feat-body">Create and manage server-to-server SSH tunnels with automatic</text>
|
||||
<text x="18" y="197" class="feat-body">reconnection, health monitoring, and local, remote, or dynamic</text>
|
||||
<text x="18" y="212" class="feat-body">SOCKS forwarding. C2S preset snapshots can be saved, renamed,</text>
|
||||
<text x="18" y="227" class="feat-body">loaded, or deleted across clients.</text>
|
||||
|
||||
<!-- Row 2, Col 2: Remote File Manager -->
|
||||
<rect x="442" y="148" width="418" height="136" rx="6" class="card-bg"/>
|
||||
<rect x="442" y="148" width="418" height="136" rx="6" class="card-border"/>
|
||||
<rect x="442" y="148" width="3" height="136" rx="1" class="card-accent"/>
|
||||
<text x="460" y="170" class="feat-title">Remote File Manager</text>
|
||||
<text x="460" y="188" class="feat-body">Manage files directly on remote servers with support for viewing</text>
|
||||
<text x="460" y="203" class="feat-body">and editing code, images, audio, and video. Upload, download,</text>
|
||||
<text x="460" y="218" class="feat-body">rename, delete, and move files seamlessly with sudo support.</text>
|
||||
<rect x="442" y="142" width="418" height="130" rx="6" fill="transparent" class="card-border"/>
|
||||
<rect x="442" y="142" width="3" height="130" rx="1" class="card-accent"/>
|
||||
<text x="460" y="164" class="feat-title">Remote File Manager</text>
|
||||
<text x="460" y="182" class="feat-body">Manage files directly on remote servers with support for viewing</text>
|
||||
<text x="460" y="197" class="feat-body">and editing code, images, audio, and video. Upload, download,</text>
|
||||
<text x="460" y="212" class="feat-body">rename, delete, and move files seamlessly with sudo support.</text>
|
||||
|
||||
<!-- Row 3, Col 1: Docker Management -->
|
||||
<rect x="0" y="296" width="418" height="136" rx="6" class="card-bg"/>
|
||||
<rect x="0" y="296" width="418" height="136" rx="6" class="card-border"/>
|
||||
<rect x="0" y="296" width="3" height="136" rx="1" class="card-accent"/>
|
||||
<text x="18" y="318" class="feat-title">Docker Management</text>
|
||||
<text x="18" y="336" class="feat-body">Start, stop, pause, remove containers. View container stats.</text>
|
||||
<text x="18" y="351" class="feat-body">Control containers using docker exec terminal. Not a replacement</text>
|
||||
<text x="18" y="366" class="feat-body">for Portainer or Dockge — built for managing, not creating.</text>
|
||||
<rect x="0" y="284" width="418" height="130" rx="6" fill="transparent" class="card-border"/>
|
||||
<rect x="0" y="284" width="3" height="130" rx="1" class="card-accent"/>
|
||||
<text x="18" y="306" class="feat-title">Docker Management</text>
|
||||
<text x="18" y="324" class="feat-body">Start, stop, pause, remove containers. View container stats.</text>
|
||||
<text x="18" y="339" class="feat-body">Control containers using docker exec terminal. Not a replacement</text>
|
||||
<text x="18" y="354" class="feat-body">for Portainer or Dockge — built for managing, not creating.</text>
|
||||
|
||||
<!-- Row 3, Col 2: SSH Host Manager -->
|
||||
<rect x="442" y="296" width="418" height="136" rx="6" class="card-bg"/>
|
||||
<rect x="442" y="296" width="418" height="136" rx="6" class="card-border"/>
|
||||
<rect x="442" y="296" width="3" height="136" rx="1" class="card-accent"/>
|
||||
<text x="460" y="318" class="feat-title">SSH Host Manager</text>
|
||||
<text x="460" y="336" class="feat-body">Save, organize, and manage your SSH connections with tags and</text>
|
||||
<text x="460" y="351" class="feat-body">folders. Save reusable login info and automate the deployment</text>
|
||||
<text x="460" y="366" class="feat-body">of SSH keys.</text>
|
||||
<rect x="442" y="284" width="418" height="130" rx="6" fill="transparent" class="card-border"/>
|
||||
<rect x="442" y="284" width="3" height="130" rx="1" class="card-accent"/>
|
||||
<text x="460" y="306" class="feat-title">SSH Host Manager</text>
|
||||
<text x="460" y="324" class="feat-body">Save, organize, and manage your SSH connections with tags and</text>
|
||||
<text x="460" y="339" class="feat-body">folders. Save reusable login info and automate the deployment</text>
|
||||
<text x="460" y="354" class="feat-body">of SSH keys.</text>
|
||||
|
||||
<!-- Row 4, Col 1: Server Stats -->
|
||||
<rect x="0" y="444" width="418" height="136" rx="6" class="card-bg"/>
|
||||
<rect x="0" y="444" width="418" height="136" rx="6" class="card-border"/>
|
||||
<rect x="0" y="444" width="3" height="136" rx="1" class="card-accent"/>
|
||||
<text x="18" y="466" class="feat-title">Server Stats</text>
|
||||
<text x="18" y="484" class="feat-body">View CPU, memory, and disk usage along with network, uptime,</text>
|
||||
<text x="18" y="499" class="feat-body">system information, firewall, and port monitor on most Linux</text>
|
||||
<text x="18" y="514" class="feat-body">based servers.</text>
|
||||
<rect x="0" y="426" width="418" height="130" rx="6" fill="transparent" class="card-border"/>
|
||||
<rect x="0" y="426" width="3" height="130" rx="1" class="card-accent"/>
|
||||
<text x="18" y="448" class="feat-title">Server Stats</text>
|
||||
<text x="18" y="466" class="feat-body">View CPU, memory, and disk usage along with network, uptime,</text>
|
||||
<text x="18" y="481" class="feat-body">system information, firewall, and port monitor on most Linux</text>
|
||||
<text x="18" y="496" class="feat-body">based servers.</text>
|
||||
|
||||
<!-- Row 4, Col 2: User Authentication -->
|
||||
<rect x="442" y="444" width="418" height="136" rx="6" class="card-bg"/>
|
||||
<rect x="442" y="444" width="418" height="136" rx="6" class="card-border"/>
|
||||
<rect x="442" y="444" width="3" height="136" rx="1" class="card-accent"/>
|
||||
<text x="460" y="466" class="feat-title">User Authentication</text>
|
||||
<text x="460" y="484" class="feat-body">Secure user management with admin controls and OIDC (with</text>
|
||||
<text x="460" y="499" class="feat-body">access control) and 2FA (TOTP) support. View active sessions</text>
|
||||
<text x="460" y="514" class="feat-body">across all platforms and link OIDC/Local accounts together.</text>
|
||||
<rect x="442" y="426" width="418" height="130" rx="6" fill="transparent" class="card-border"/>
|
||||
<rect x="442" y="426" width="3" height="130" rx="1" class="card-accent"/>
|
||||
<text x="460" y="448" class="feat-title">User Authentication</text>
|
||||
<text x="460" y="466" class="feat-body">Secure user management with admin controls and OIDC (with</text>
|
||||
<text x="460" y="481" class="feat-body">access control) and 2FA (TOTP) support. View active sessions</text>
|
||||
<text x="460" y="496" class="feat-body">across all platforms and link OIDC/Local accounts together.</text>
|
||||
|
||||
<!-- Row 5, Col 1: RBAC -->
|
||||
<rect x="0" y="592" width="418" height="136" rx="6" class="card-bg"/>
|
||||
<rect x="0" y="592" width="418" height="136" rx="6" class="card-border"/>
|
||||
<rect x="0" y="592" width="3" height="136" rx="1" class="card-accent"/>
|
||||
<text x="18" y="614" class="feat-title">RBAC</text>
|
||||
<text x="18" y="632" class="feat-body">Create roles and share hosts across users and roles.</text>
|
||||
<rect x="0" y="568" width="418" height="130" rx="6" fill="transparent" class="card-border"/>
|
||||
<rect x="0" y="568" width="3" height="130" rx="1" class="card-accent"/>
|
||||
<text x="18" y="590" class="feat-title">RBAC</text>
|
||||
<text x="18" y="608" class="feat-body">Create roles and share hosts across users and roles.</text>
|
||||
|
||||
<!-- Row 5, Col 2: Database Encryption -->
|
||||
<rect x="442" y="592" width="418" height="136" rx="6" class="card-bg"/>
|
||||
<rect x="442" y="592" width="418" height="136" rx="6" class="card-border"/>
|
||||
<rect x="442" y="592" width="3" height="136" rx="1" class="card-accent"/>
|
||||
<text x="460" y="614" class="feat-title">Database Encryption</text>
|
||||
<text x="460" y="632" class="feat-body">Backend stored as encrypted SQLite database files.</text>
|
||||
<rect x="442" y="568" width="418" height="130" rx="6" fill="transparent" class="card-border"/>
|
||||
<rect x="442" y="568" width="3" height="130" rx="1" class="card-accent"/>
|
||||
<text x="460" y="590" class="feat-title">Database Encryption</text>
|
||||
<text x="460" y="608" class="feat-body">Backend stored as encrypted SQLite database files.</text>
|
||||
|
||||
<!-- Row 6, Col 1: Network Graph -->
|
||||
<rect x="0" y="740" width="418" height="136" rx="6" class="card-bg"/>
|
||||
<rect x="0" y="740" width="418" height="136" rx="6" class="card-border"/>
|
||||
<rect x="0" y="740" width="3" height="136" rx="1" class="card-accent"/>
|
||||
<text x="18" y="762" class="feat-title">Network Graph</text>
|
||||
<text x="18" y="780" class="feat-body">Customize your Dashboard to visualize your homelab based off</text>
|
||||
<text x="18" y="795" class="feat-body">your SSH connections with status support.</text>
|
||||
<rect x="0" y="710" width="418" height="130" rx="6" fill="transparent" class="card-border"/>
|
||||
<rect x="0" y="710" width="3" height="130" rx="1" class="card-accent"/>
|
||||
<text x="18" y="732" class="feat-title">Network Graph</text>
|
||||
<text x="18" y="750" class="feat-body">Customize your Dashboard to visualize your homelab based off</text>
|
||||
<text x="18" y="765" class="feat-body">your SSH connections with status support.</text>
|
||||
|
||||
<!-- Row 6, Col 2: SSH Tools -->
|
||||
<rect x="442" y="740" width="418" height="136" rx="6" class="card-bg"/>
|
||||
<rect x="442" y="740" width="418" height="136" rx="6" class="card-border"/>
|
||||
<rect x="442" y="740" width="3" height="136" rx="1" class="card-accent"/>
|
||||
<text x="460" y="762" class="feat-title">SSH Tools</text>
|
||||
<text x="460" y="780" class="feat-body">Create reusable command snippets that execute with a single</text>
|
||||
<text x="460" y="795" class="feat-body">click. Run one command simultaneously across multiple terminals.</text>
|
||||
<rect x="442" y="710" width="418" height="130" rx="6" fill="transparent" class="card-border"/>
|
||||
<rect x="442" y="710" width="3" height="130" rx="1" class="card-accent"/>
|
||||
<text x="460" y="732" class="feat-title">SSH Tools</text>
|
||||
<text x="460" y="750" class="feat-body">Create reusable command snippets that execute with a single</text>
|
||||
<text x="460" y="765" class="feat-body">click. Run one command simultaneously across multiple terminals.</text>
|
||||
|
||||
<!-- Row 7, Col 1: Persistent Tabs -->
|
||||
<rect x="0" y="888" width="418" height="136" rx="6" class="card-bg"/>
|
||||
<rect x="0" y="888" width="418" height="136" rx="6" class="card-border"/>
|
||||
<rect x="0" y="888" width="3" height="136" rx="1" class="card-accent"/>
|
||||
<text x="18" y="910" class="feat-title">Persistent Tabs</text>
|
||||
<text x="18" y="928" class="feat-body">SSH sessions and tabs stay open across devices and refreshes</text>
|
||||
<text x="18" y="943" class="feat-body">if enabled in user profile.</text>
|
||||
<rect x="0" y="822" width="418" height="130" rx="6" fill="transparent" class="card-border"/>
|
||||
<rect x="0" y="822" width="3" height="130" rx="1" class="card-accent"/>
|
||||
<text x="18" y="844" class="feat-title">Persistent Tabs</text>
|
||||
<text x="18" y="862" class="feat-body">SSH sessions and tabs stay open across devices and refreshes</text>
|
||||
<text x="18" y="877" class="feat-body">if enabled in user profile.</text>
|
||||
|
||||
<!-- Row 7, Col 2: Languages -->
|
||||
<rect x="442" y="888" width="418" height="136" rx="6" class="card-bg"/>
|
||||
<rect x="442" y="888" width="418" height="136" rx="6" class="card-border"/>
|
||||
<rect x="442" y="888" width="3" height="136" rx="1" class="card-accent"/>
|
||||
<text x="460" y="910" class="feat-title">Languages</text>
|
||||
<text x="460" y="928" class="feat-body">Built-in support for ~30 languages, managed by Crowdin.</text>
|
||||
<rect x="442" y="822" width="418" height="130" rx="6" fill="transparent" class="card-border"/>
|
||||
<rect x="442" y="822" width="3" height="130" rx="1" class="card-accent"/>
|
||||
<text x="460" y="844" class="feat-title">Languages</text>
|
||||
<text x="460" y="862" class="feat-body">Built-in support for ~30 languages, managed by Crowdin.</text>
|
||||
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 8.6 KiB After Width: | Height: | Size: 7.8 KiB |
@@ -1,5 +1,3 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="44" viewBox="0 0 860 44">
|
||||
<rect width="860" height="44" fill="none"/>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="36" viewBox="0 0 860 36">
|
||||
<text x="0" y="26" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="22" font-weight="700" fill="#F39044">Features</text>
|
||||
<rect x="0" y="32" width="860" height="1" fill="#F39044" opacity="0.2"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 389 B After Width: | Height: | Size: 268 B |
@@ -1,5 +1,3 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="44" viewBox="0 0 860 44">
|
||||
<rect width="860" height="44" fill="none"/>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="36" viewBox="0 0 860 36">
|
||||
<text x="0" y="26" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="22" font-weight="700" fill="#F39044">Installation</text>
|
||||
<rect x="0" y="32" width="860" height="1" fill="#F39044" opacity="0.2"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 393 B After Width: | Height: | Size: 272 B |
@@ -1,5 +1,3 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="44" viewBox="0 0 860 44">
|
||||
<rect width="860" height="44" fill="none"/>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="36" viewBox="0 0 860 36">
|
||||
<text x="0" y="26" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="22" font-weight="700" fill="#F39044">License</text>
|
||||
<rect x="0" y="32" width="860" height="1" fill="#F39044" opacity="0.2"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 388 B After Width: | Height: | Size: 267 B |
@@ -1,5 +1,3 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="44" viewBox="0 0 860 44">
|
||||
<rect width="860" height="44" fill="none"/>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="36" viewBox="0 0 860 36">
|
||||
<text x="0" y="26" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="22" font-weight="700" fill="#F39044">Overview</text>
|
||||
<rect x="0" y="32" width="860" height="1" fill="#F39044" opacity="0.2"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 389 B After Width: | Height: | Size: 268 B |
@@ -1,5 +1,3 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="44" viewBox="0 0 860 44">
|
||||
<rect width="860" height="44" fill="none"/>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="36" viewBox="0 0 860 36">
|
||||
<text x="0" y="26" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="22" font-weight="700" fill="#F39044">Planned Features</text>
|
||||
<rect x="0" y="32" width="860" height="1" fill="#F39044" opacity="0.2"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 397 B After Width: | Height: | Size: 276 B |
@@ -1,5 +1,3 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="44" viewBox="0 0 860 44">
|
||||
<rect width="860" height="44" fill="none"/>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="36" viewBox="0 0 860 36">
|
||||
<text x="0" y="26" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="22" font-weight="700" fill="#F39044">Platform Support</text>
|
||||
<rect x="0" y="32" width="860" height="1" fill="#F39044" opacity="0.2"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 397 B After Width: | Height: | Size: 276 B |
@@ -1,5 +1,3 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="44" viewBox="0 0 860 44">
|
||||
<rect width="860" height="44" fill="none"/>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="36" viewBox="0 0 860 36">
|
||||
<text x="0" y="26" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="22" font-weight="700" fill="#F39044">Screenshots</text>
|
||||
<rect x="0" y="32" width="860" height="1" fill="#F39044" opacity="0.2"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 392 B After Width: | Height: | Size: 271 B |
@@ -1,5 +1,3 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="44" viewBox="0 0 860 44">
|
||||
<rect width="860" height="44" fill="none"/>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="36" viewBox="0 0 860 36">
|
||||
<text x="0" y="26" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="22" font-weight="700" fill="#F39044">Sponsors</text>
|
||||
<rect x="0" y="32" width="860" height="1" fill="#F39044" opacity="0.2"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 389 B After Width: | Height: | Size: 268 B |
@@ -1,5 +1,3 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="44" viewBox="0 0 860 44">
|
||||
<rect width="860" height="44" fill="none"/>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="36" viewBox="0 0 860 36">
|
||||
<text x="0" y="26" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="22" font-weight="700" fill="#F39044">Support</text>
|
||||
<rect x="0" y="32" width="860" height="1" fill="#F39044" opacity="0.2"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 388 B After Width: | Height: | Size: 267 B |
@@ -1,66 +1,56 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="340" viewBox="0 0 860 340">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="220" viewBox="0 0 860 220">
|
||||
<defs>
|
||||
<style>
|
||||
.card-bg { fill: #161b22; }
|
||||
.card-border { fill: none; stroke: #F39044; stroke-opacity: 0.22; stroke-width: 1; }
|
||||
.card-accent { fill: #F39044; }
|
||||
.plat-name { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; fill: #e6edf3; }
|
||||
.plat-sub { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 11px; fill: #F39044; opacity: 0.75; }
|
||||
.plat-name { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; fill: #F39044; }
|
||||
.plat-sub { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 11px; fill: #8b949e; }
|
||||
.plat-dist { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 11.5px; fill: #8b949e; }
|
||||
</style>
|
||||
</defs>
|
||||
|
||||
<rect width="860" height="340" fill="none"/>
|
||||
|
||||
<!-- Row 1, Col 1: Web -->
|
||||
<rect x="0" y="0" width="272" height="100" rx="6" class="card-bg"/>
|
||||
<rect x="0" y="0" width="272" height="100" rx="6" class="card-border"/>
|
||||
<rect x="0" y="0" width="272" height="100" rx="6" fill="transparent" class="card-border"/>
|
||||
<rect x="0" y="0" width="272" height="3" rx="1" class="card-accent"/>
|
||||
<text x="136" y="32" text-anchor="middle" class="plat-name">Web</text>
|
||||
<text x="136" y="56" text-anchor="middle" class="plat-dist">Any modern browser</text>
|
||||
<text x="136" y="72" text-anchor="middle" class="plat-dist">(Chrome, Safari, Firefox) · PWA</text>
|
||||
<text x="136" y="28" text-anchor="middle" class="plat-name">Web</text>
|
||||
<text x="136" y="50" text-anchor="middle" class="plat-dist">Any modern browser</text>
|
||||
<text x="136" y="66" text-anchor="middle" class="plat-dist">(Chrome, Safari, Firefox) · PWA</text>
|
||||
|
||||
<!-- Row 1, Col 2: Windows -->
|
||||
<rect x="294" y="0" width="272" height="100" rx="6" class="card-bg"/>
|
||||
<rect x="294" y="0" width="272" height="100" rx="6" class="card-border"/>
|
||||
<rect x="294" y="0" width="272" height="100" rx="6" fill="transparent" class="card-border"/>
|
||||
<rect x="294" y="0" width="272" height="3" rx="1" class="card-accent"/>
|
||||
<text x="430" y="28" text-anchor="middle" class="plat-name">Windows</text>
|
||||
<text x="430" y="44" text-anchor="middle" class="plat-sub">x64 / ia32</text>
|
||||
<text x="430" y="64" text-anchor="middle" class="plat-dist">Portable · MSI Installer</text>
|
||||
<text x="430" y="80" text-anchor="middle" class="plat-dist">Chocolatey</text>
|
||||
<text x="430" y="24" text-anchor="middle" class="plat-name">Windows</text>
|
||||
<text x="430" y="40" text-anchor="middle" class="plat-sub">x64 / ia32</text>
|
||||
<text x="430" y="60" text-anchor="middle" class="plat-dist">Portable · MSI Installer</text>
|
||||
<text x="430" y="76" text-anchor="middle" class="plat-dist">Chocolatey</text>
|
||||
|
||||
<!-- Row 1, Col 3: Linux -->
|
||||
<rect x="588" y="0" width="272" height="100" rx="6" class="card-bg"/>
|
||||
<rect x="588" y="0" width="272" height="100" rx="6" class="card-border"/>
|
||||
<rect x="588" y="0" width="272" height="100" rx="6" fill="transparent" class="card-border"/>
|
||||
<rect x="588" y="0" width="272" height="3" rx="1" class="card-accent"/>
|
||||
<text x="724" y="28" text-anchor="middle" class="plat-name">Linux</text>
|
||||
<text x="724" y="44" text-anchor="middle" class="plat-sub">x64 / ia32</text>
|
||||
<text x="724" y="64" text-anchor="middle" class="plat-dist">Portable · AUR · AppImage</text>
|
||||
<text x="724" y="80" text-anchor="middle" class="plat-dist">Deb · Flatpak</text>
|
||||
<text x="724" y="24" text-anchor="middle" class="plat-name">Linux</text>
|
||||
<text x="724" y="40" text-anchor="middle" class="plat-sub">x64 / ia32</text>
|
||||
<text x="724" y="60" text-anchor="middle" class="plat-dist">Portable · AUR · AppImage</text>
|
||||
<text x="724" y="76" text-anchor="middle" class="plat-dist">Deb · Flatpak</text>
|
||||
|
||||
<!-- Row 2, Col 1: macOS -->
|
||||
<rect x="0" y="120" width="272" height="100" rx="6" class="card-bg"/>
|
||||
<rect x="0" y="120" width="272" height="100" rx="6" class="card-border"/>
|
||||
<rect x="0" y="120" width="272" height="100" rx="6" fill="transparent" class="card-border"/>
|
||||
<rect x="0" y="120" width="272" height="3" rx="1" class="card-accent"/>
|
||||
<text x="136" y="148" text-anchor="middle" class="plat-name">macOS</text>
|
||||
<text x="136" y="164" text-anchor="middle" class="plat-sub">x64 / ia32 · v12.0+</text>
|
||||
<text x="136" y="184" text-anchor="middle" class="plat-dist">Apple App Store · DMG</text>
|
||||
<text x="136" y="200" text-anchor="middle" class="plat-dist">Homebrew</text>
|
||||
<text x="136" y="144" text-anchor="middle" class="plat-name">macOS</text>
|
||||
<text x="136" y="160" text-anchor="middle" class="plat-sub">x64 / ia32 · v12.0+</text>
|
||||
<text x="136" y="180" text-anchor="middle" class="plat-dist">Apple App Store · DMG · Homebrew</text>
|
||||
|
||||
<!-- Row 2, Col 2: iOS/iPadOS -->
|
||||
<rect x="294" y="120" width="272" height="100" rx="6" class="card-bg"/>
|
||||
<rect x="294" y="120" width="272" height="100" rx="6" class="card-border"/>
|
||||
<rect x="294" y="120" width="272" height="100" rx="6" fill="transparent" class="card-border"/>
|
||||
<rect x="294" y="120" width="272" height="3" rx="1" class="card-accent"/>
|
||||
<text x="430" y="148" text-anchor="middle" class="plat-name">iOS / iPadOS</text>
|
||||
<text x="430" y="164" text-anchor="middle" class="plat-sub">v15.1+</text>
|
||||
<text x="430" y="184" text-anchor="middle" class="plat-dist">Apple App Store · IPA</text>
|
||||
<text x="430" y="144" text-anchor="middle" class="plat-name">iOS / iPadOS</text>
|
||||
<text x="430" y="160" text-anchor="middle" class="plat-sub">v15.1+</text>
|
||||
<text x="430" y="180" text-anchor="middle" class="plat-dist">Apple App Store · IPA</text>
|
||||
|
||||
<!-- Row 2, Col 3: Android -->
|
||||
<rect x="588" y="120" width="272" height="100" rx="6" class="card-bg"/>
|
||||
<rect x="588" y="120" width="272" height="100" rx="6" class="card-border"/>
|
||||
<rect x="588" y="120" width="272" height="100" rx="6" fill="transparent" class="card-border"/>
|
||||
<rect x="588" y="120" width="272" height="3" rx="1" class="card-accent"/>
|
||||
<text x="724" y="148" text-anchor="middle" class="plat-name">Android</text>
|
||||
<text x="724" y="164" text-anchor="middle" class="plat-sub">v7.0+</text>
|
||||
<text x="724" y="184" text-anchor="middle" class="plat-dist">Google Play Store · APK</text>
|
||||
<text x="724" y="144" text-anchor="middle" class="plat-name">Android</text>
|
||||
<text x="724" y="160" text-anchor="middle" class="plat-sub">v7.0+</text>
|
||||
<text x="724" y="180" text-anchor="middle" class="plat-dist">Google Play Store · APK</text>
|
||||
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 4.0 KiB After Width: | Height: | Size: 3.5 KiB |
Reference in New Issue
Block a user