mirror of
https://github.com/Termix-SSH/Termix.git
synced 2026-07-15 21:03:47 +00:00
chore: continued redesign readme
This commit is contained in:
@@ -1,56 +1,56 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="220" viewBox="0 0 860 220">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="780" height="220" viewBox="0 0 780 220">
|
||||
<defs>
|
||||
<style>
|
||||
.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: #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; }
|
||||
.cb { fill: none; stroke: #F39044; stroke-opacity: 0.22; stroke-width: 1; }
|
||||
.ca { fill: #F39044; }
|
||||
.pn { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; fill: #F39044; }
|
||||
.ps { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 11px; fill: #8b949e; }
|
||||
.pd { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 11.5px; fill: #8b949e; }
|
||||
</style>
|
||||
</defs>
|
||||
|
||||
<!-- Row 1, Col 1: Web -->
|
||||
<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>
|
||||
<!-- R1C1: Web y=0..100 -->
|
||||
<rect x="0" y="0" width="245" height="100" fill="transparent" class="cb"/>
|
||||
<rect x="0" y="0" width="245" height="3" class="ca"/>
|
||||
<text x="122" y="28" text-anchor="middle" class="pn">Web</text>
|
||||
<text x="122" y="50" text-anchor="middle" class="pd">Any modern browser</text>
|
||||
<text x="122" y="66" text-anchor="middle" class="pd">(Chrome, Safari, Firefox) · PWA</text>
|
||||
|
||||
<!-- Row 1, Col 2: Windows -->
|
||||
<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>
|
||||
<!-- R1C2: Windows y=0..100 -->
|
||||
<rect x="267" y="0" width="245" height="100" fill="transparent" class="cb"/>
|
||||
<rect x="267" y="0" width="245" height="3" class="ca"/>
|
||||
<text x="389" y="24" text-anchor="middle" class="pn">Windows</text>
|
||||
<text x="389" y="40" text-anchor="middle" class="ps">x64 / ia32</text>
|
||||
<text x="389" y="60" text-anchor="middle" class="pd">Portable · MSI Installer</text>
|
||||
<text x="389" y="76" text-anchor="middle" class="pd">Chocolatey</text>
|
||||
|
||||
<!-- Row 1, Col 3: Linux -->
|
||||
<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>
|
||||
<!-- R1C3: Linux y=0..100 -->
|
||||
<rect x="535" y="0" width="245" height="100" fill="transparent" class="cb"/>
|
||||
<rect x="535" y="0" width="245" height="3" class="ca"/>
|
||||
<text x="657" y="24" text-anchor="middle" class="pn">Linux</text>
|
||||
<text x="657" y="40" text-anchor="middle" class="ps">x64 / ia32</text>
|
||||
<text x="657" y="60" text-anchor="middle" class="pd">Portable · AUR · AppImage</text>
|
||||
<text x="657" y="76" text-anchor="middle" class="pd">Deb · Flatpak</text>
|
||||
|
||||
<!-- Row 2, Col 1: macOS -->
|
||||
<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>
|
||||
<!-- R2C1: macOS y=120..220 -->
|
||||
<rect x="0" y="120" width="245" height="100" fill="transparent" class="cb"/>
|
||||
<rect x="0" y="120" width="245" height="3" class="ca"/>
|
||||
<text x="122" y="144" text-anchor="middle" class="pn">macOS</text>
|
||||
<text x="122" y="160" text-anchor="middle" class="ps">x64 / ia32 · v12.0+</text>
|
||||
<text x="122" y="180" text-anchor="middle" class="pd">Apple App Store · DMG · Homebrew</text>
|
||||
|
||||
<!-- Row 2, Col 2: iOS/iPadOS -->
|
||||
<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>
|
||||
<!-- R2C2: iOS/iPadOS y=120..220 -->
|
||||
<rect x="267" y="120" width="245" height="100" fill="transparent" class="cb"/>
|
||||
<rect x="267" y="120" width="245" height="3" class="ca"/>
|
||||
<text x="389" y="144" text-anchor="middle" class="pn">iOS / iPadOS</text>
|
||||
<text x="389" y="160" text-anchor="middle" class="ps">v15.1+</text>
|
||||
<text x="389" y="180" text-anchor="middle" class="pd">Apple App Store · IPA</text>
|
||||
|
||||
<!-- Row 2, Col 3: Android -->
|
||||
<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>
|
||||
<!-- R2C3: Android y=120..220 -->
|
||||
<rect x="535" y="120" width="245" height="100" fill="transparent" class="cb"/>
|
||||
<rect x="535" y="120" width="245" height="3" class="ca"/>
|
||||
<text x="657" y="144" text-anchor="middle" class="pn">Android</text>
|
||||
<text x="657" y="160" text-anchor="middle" class="ps">v7.0+</text>
|
||||
<text x="657" y="180" text-anchor="middle" class="pd">Google Play Store · APK</text>
|
||||
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.2 KiB |
Reference in New Issue
Block a user