Files
peikarband/assets/hero-person.svg

58 lines
2.3 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 550 600">
<!-- Person with laptop -->
<defs>
<linearGradient id="laptopGrad" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#3b82f6;stop-opacity:1" />
<stop offset="100%" style="stop-color:#1e40af;stop-opacity:1" />
</linearGradient>
</defs>
<!-- Table/Desk -->
<rect x="0" y="350" width="540" height="20" fill="#F59E0B" rx="5"/>
<rect x="520" y="350" width="20" height="250" fill="#9CA3AF" rx="3"/>
<!-- Laptop -->
<rect x="80" y="250" width="200" height="120" fill="url(#laptopGrad)" rx="8" stroke="#1e40af" stroke-width="3"/>
<rect x="95" y="270" width="170" height="80" fill="#1e3a8a" rx="4"/>
<!-- Login box -->
<rect x="110" y="285" width="140" height="50" fill="#374151" rx="6"/>
<circle cx="125" cy="300" r="3" fill="#10B981"/>
<circle cx="145" cy="300" r="3" fill="#10B981"/>
<circle cx="165" cy="300" r="3" fill="#10B981"/>
<circle cx="185" cy="300" r="3" fill="#10B981"/>
<circle cx="205" cy="300" r="3" fill="#10B981"/>
<rect x="115" y="315" width="120" height="12" fill="#10B981" rx="6"/>
<!-- Browser dots -->
<circle cx="225" cy="265" r="3" fill="#EF4444"/>
<circle cx="240" cy="265" r="3" fill="#F59E0B"/>
<circle cx="255" cy="265" r="3" fill="#10B981"/>
<!-- Person -->
<!-- Head -->
<circle cx="400" cy="80" r="40" fill="#FCA5A5"/>
<!-- Hair -->
<path d="M360 70 Q370 40, 400 35 Q430 40, 440 70 Q440 90, 420 95 L380 95 Q360 90, 360 70 Z" fill="#1e3a8a"/>
<!-- Body (Green shirt) -->
<rect x="350" y="120" width="100" height="150" fill="#10B981" rx="10"/>
<path d="M350 130 Q400 140, 450 130" stroke="#059669" stroke-width="3" fill="none"/>
<!-- Arms -->
<rect x="320" y="150" width="30" height="80" fill="#FCA5A5" rx="8"/>
<rect x="450" y="150" width="30" height="80" fill="#FCA5A5" rx="8"/>
<!-- Hands on laptop -->
<ellipse cx="280" cy="260" rx="20" ry="12" fill="#FCA5A5"/>
<ellipse cx="380" cy="280" rx="20" ry="12" fill="#FCA5A5"/>
<!-- Legs (Blue pants) -->
<rect x="360" y="270" width="35" height="150" fill="#3b82f6" rx="8"/>
<rect x="405" y="270" width="35" height="150" fill="#2563eb" rx="8"/>
<!-- Background circle -->
<circle cx="450" cy="200" r="100" fill="#D1FAE5" opacity="0.3"/>
</svg>