Add images/web-stack-scheme.svg
This commit is contained in:
parent
cb03023b7e
commit
7e6dbe37e2
36
images/web-stack-scheme.svg
Normal file
36
images/web-stack-scheme.svg
Normal 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 |
Loading…
Reference in New Issue
Block a user