36 lines
2.1 KiB
XML
36 lines
2.1 KiB
XML
|
<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>
|