hugo-saasify-theme/static/images/feature-3.svg

35 lines
1.9 KiB
XML
Raw Normal View History

2024-11-20 16:57:44 +11:00
<svg width="600" height="400" viewBox="0 0 600 400" xmlns="http://www.w3.org/2000/svg">
<rect width="600" height="400" fill="#f3f4f6"/>
<rect x="20" y="20" width="560" height="360" rx="8" fill="#ffffff" stroke="#e5e7eb" stroke-width="2"/>
<!-- Header -->
<rect x="40" y="40" width="200" height="24" rx="4" fill="#e5e7eb"/>
<rect x="40" y="72" width="160" height="16" rx="4" fill="#f3f4f6"/>
<!-- Code Editor Window -->
<rect x="40" y="120" width="520" height="220" rx="4" fill="#f3f4f6"/>
<!-- Code Lines -->
<rect x="60" y="140" width="120" height="16" rx="2" fill="#9333ea" opacity="0.6"/>
<rect x="60" y="164" width="180" height="16" rx="2" fill="#60a5fa" opacity="0.6"/>
<rect x="80" y="188" width="160" height="16" rx="2" fill="#818cf8" opacity="0.6"/>
<rect x="80" y="212" width="140" height="16" rx="2" fill="#818cf8" opacity="0.6"/>
<rect x="60" y="236" width="200" height="16" rx="2" fill="#60a5fa" opacity="0.6"/>
<rect x="60" y="260" width="160" height="16" rx="2" fill="#9333ea" opacity="0.6"/>
<rect x="80" y="284" width="180" height="16" rx="2" fill="#818cf8" opacity="0.6"/>
<!-- Line Numbers -->
<text x="45" y="152" font-family="monospace" font-size="12" fill="#6b7280">1</text>
<text x="45" y="176" font-family="monospace" font-size="12" fill="#6b7280">2</text>
<text x="45" y="200" font-family="monospace" font-size="12" fill="#6b7280">3</text>
<text x="45" y="224" font-family="monospace" font-size="12" fill="#6b7280">4</text>
<text x="45" y="248" font-family="monospace" font-size="12" fill="#6b7280">5</text>
<text x="45" y="272" font-family="monospace" font-size="12" fill="#6b7280">6</text>
<text x="45" y="296" font-family="monospace" font-size="12" fill="#6b7280">7</text>
<!-- Status Bar -->
<rect x="40" y="360" width="520" height="20" rx="4" fill="#f3f4f6"/>
<circle cx="60" cy="370" r="4" fill="#34d399"/>
<rect x="80" y="366" width="80" height="8" rx="4" fill="#9ca3af"/>
</svg>