Add images/web-stack-scheme.svg

This commit is contained in:
igovnow 2024-08-29 14:05:51 +00:00
parent cb03023b7e
commit 7e6dbe37e2

View File

@ -0,0 +1,36 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
<!-- Background -->
<rect width="800" height="600" fill="#f0f0f0"/>
<!-- Internet cloud -->
<ellipse cx="400" cy="50" rx="100" ry="40" fill="#d1ecf1" stroke="#0c5460" stroke-width="2"/>
<text x="400" y="55" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#0c5460">Internet</text>
<!-- Caddy -->
<rect x="350" y="120" width="100" height="60" rx="10" ry="10" fill="#d4edda" stroke="#155724" stroke-width="2"/>
<text x="400" y="155" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#155724">Caddy</text>
<!-- Varnish -->
<rect x="350" y="220" width="100" height="60" rx="10" ry="10" fill="#fff3cd" stroke="#856404" stroke-width="2"/>
<text x="400" y="255" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#856404">Varnish</text>
<!-- Ghost -->
<rect x="200" y="320" width="100" height="60" rx="10" ry="10" fill="#cce5ff" stroke="#004085" stroke-width="2"/>
<text x="250" y="355" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#004085">Ghost</text>
<!-- Gitea -->
<rect x="500" y="320" width="100" height="60" rx="10" ry="10" fill="#e2e3e5" stroke="#383d41" stroke-width="2"/>
<text x="550" y="355" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#383d41">Gitea</text>
<!-- MySQL -->
<rect x="350" y="420" width="100" height="60" rx="10" ry="10" fill="#f8d7da" stroke="#721c24" stroke-width="2"/>
<text x="400" y="455" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#721c24">MySQL</text>
<!-- Connections -->
<line x1="400" y1="90" x2="400" y2="120" stroke="#0c5460" stroke-width="2"/>
<line x1="400" y1="180" x2="400" y2="220" stroke="#155724" stroke-width="2"/>
<line x1="400" y1="280" x2="250" y2="320" stroke="#856404" stroke-width="2"/>
<line x1="400" y1="280" x2="550" y2="320" stroke="#856404" stroke-width="2"/>
<line x1="250" y1="380" x2="400" y2="420" stroke="#004085" stroke-width="2"/>
<line x1="550" y1="380" x2="400" y2="420" stroke="#383d41" stroke-width="2"/>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB