chore: continued redesign readme

This commit is contained in:
LukeGus
2026-05-20 16:58:50 -05:00
parent aa71183d08
commit 4710b6507a
11 changed files with 64 additions and 55 deletions
+34 -34
View File
@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="952" viewBox="0 0 860 952">
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="982" viewBox="0 0 860 982">
<defs>
<style>
.card-border { fill: none; stroke: #F39044; stroke-opacity: 0.22; stroke-width: 1; }
@@ -9,8 +9,8 @@
</defs>
<!-- Row 1, Col 1: SSH Terminal Access -->
<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"/>
<rect x="0" y="0" width="418" height="130" fill="transparent" class="card-border"/>
<rect x="0" y="0" width="3" height="130" 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>
@@ -18,15 +18,15 @@
<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="130" rx="6" fill="transparent" class="card-border"/>
<rect x="442" y="0" width="3" height="130" rx="1" class="card-accent"/>
<rect x="442" y="0" width="418" height="130" fill="transparent" class="card-border"/>
<rect x="442" y="0" width="3" height="130" 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="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"/>
<rect x="0" y="142" width="418" height="130" fill="transparent" class="card-border"/>
<rect x="0" y="142" width="3" height="130" 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>
@@ -34,82 +34,82 @@
<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="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"/>
<rect x="442" y="142" width="418" height="130" fill="transparent" class="card-border"/>
<rect x="442" y="142" width="3" height="130" 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="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"/>
<rect x="0" y="284" width="418" height="130" fill="transparent" class="card-border"/>
<rect x="0" y="284" width="3" height="130" 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="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"/>
<rect x="442" y="284" width="418" height="130" fill="transparent" class="card-border"/>
<rect x="442" y="284" width="3" height="130" 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="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"/>
<rect x="0" y="426" width="418" height="130" fill="transparent" class="card-border"/>
<rect x="0" y="426" width="3" height="130" 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="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"/>
<rect x="442" y="426" width="418" height="130" fill="transparent" class="card-border"/>
<rect x="442" y="426" width="3" height="130" 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="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"/>
<rect x="0" y="568" width="418" height="130" fill="transparent" class="card-border"/>
<rect x="0" y="568" width="3" height="130" 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="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"/>
<rect x="442" y="568" width="418" height="130" fill="transparent" class="card-border"/>
<rect x="442" y="568" width="3" height="130" 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="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"/>
<rect x="0" y="710" width="418" height="130" fill="transparent" class="card-border"/>
<rect x="0" y="710" width="3" height="130" 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="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"/>
<rect x="442" y="710" width="418" height="130" fill="transparent" class="card-border"/>
<rect x="442" y="710" width="3" height="130" 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="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>
<rect x="0" y="852" width="418" height="130" fill="transparent" class="card-border"/>
<rect x="0" y="852" width="3" height="130" class="card-accent"/>
<text x="18" y="874" class="feat-title">Persistent Tabs</text>
<text x="18" y="892" class="feat-body">SSH sessions and tabs stay open across devices and refreshes</text>
<text x="18" y="907" class="feat-body">if enabled in user profile.</text>
<!-- Row 7, Col 2: Languages -->
<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>
<rect x="442" y="852" width="418" height="130" fill="transparent" class="card-border"/>
<rect x="442" y="852" width="3" height="130" class="card-accent"/>
<text x="460" y="874" class="feat-title">Languages</text>
<text x="460" y="892" class="feat-body">Built-in support for ~30 languages, managed by Crowdin.</text>
</svg>

Before

Width:  |  Height:  |  Size: 7.8 KiB

After

Width:  |  Height:  |  Size: 7.6 KiB

+2 -1
View File
@@ -1,3 +1,4 @@
<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>
<text x="0" y="24" 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: 268 B

After

Width:  |  Height:  |  Size: 343 B

+2 -1
View File
@@ -1,3 +1,4 @@
<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>
<text x="0" y="24" 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: 272 B

After

Width:  |  Height:  |  Size: 347 B

+2 -1
View File
@@ -1,3 +1,4 @@
<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>
<text x="0" y="24" 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: 267 B

After

Width:  |  Height:  |  Size: 342 B

+2 -1
View File
@@ -1,3 +1,4 @@
<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>
<text x="0" y="24" 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: 268 B

After

Width:  |  Height:  |  Size: 343 B

+2 -1
View File
@@ -1,3 +1,4 @@
<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>
<text x="0" y="24" 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: 276 B

After

Width:  |  Height:  |  Size: 351 B

+2 -1
View File
@@ -1,3 +1,4 @@
<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>
<text x="0" y="24" 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: 276 B

After

Width:  |  Height:  |  Size: 351 B

+2 -1
View File
@@ -1,3 +1,4 @@
<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>
<text x="0" y="24" 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: 271 B

After

Width:  |  Height:  |  Size: 346 B

+2 -1
View File
@@ -1,3 +1,4 @@
<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>
<text x="0" y="24" 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: 268 B

After

Width:  |  Height:  |  Size: 343 B

+2 -1
View File
@@ -1,3 +1,4 @@
<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>
<text x="0" y="24" 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: 267 B

After

Width:  |  Height:  |  Size: 342 B

+12 -12
View File
@@ -10,45 +10,45 @@
</defs>
<!-- Row 1, Col 1: Web -->
<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"/>
<rect x="0" y="0" width="272" height="100" fill="transparent" class="card-border"/>
<rect x="0" y="0" width="272" height="3" class="card-accent"/>
<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" fill="transparent" class="card-border"/>
<rect x="294" y="0" width="272" height="3" rx="1" class="card-accent"/>
<rect x="294" y="0" width="272" height="100" fill="transparent" class="card-border"/>
<rect x="294" y="0" width="272" height="3" class="card-accent"/>
<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" fill="transparent" class="card-border"/>
<rect x="588" y="0" width="272" height="3" rx="1" class="card-accent"/>
<rect x="588" y="0" width="272" height="100" fill="transparent" class="card-border"/>
<rect x="588" y="0" width="272" height="3" class="card-accent"/>
<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" fill="transparent" class="card-border"/>
<rect x="0" y="120" width="272" height="3" rx="1" class="card-accent"/>
<rect x="0" y="120" width="272" height="100" fill="transparent" class="card-border"/>
<rect x="0" y="120" width="272" height="3" class="card-accent"/>
<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" fill="transparent" class="card-border"/>
<rect x="294" y="120" width="272" height="3" rx="1" class="card-accent"/>
<rect x="294" y="120" width="272" height="100" fill="transparent" class="card-border"/>
<rect x="294" y="120" width="272" height="3" class="card-accent"/>
<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" fill="transparent" class="card-border"/>
<rect x="588" y="120" width="272" height="3" rx="1" class="card-accent"/>
<rect x="588" y="120" width="272" height="100" fill="transparent" class="card-border"/>
<rect x="588" y="120" width="272" height="3" class="card-accent"/>
<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>

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB