ehsan-minadd/peikarband
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

[DESIGN-005] Replace illustrations with custom hero images (feat)
Some checks failed
CD - Build & Deploy / release (push) Has been cancelled
Details
CD - Build & Deploy / build-and-push (push) Has been cancelled
Details
CD - Build & Deploy / package-helm (push) Has been cancelled
Details
CD - Build & Deploy / deploy-staging (push) Has been cancelled
Details
CD - Build & Deploy / deploy-production (push) Has been cancelled
Details
CI / test (3.11) (push) Has been cancelled
Details
CI / test (3.12) (push) Has been cancelled
Details
CI / security (push) Has been cancelled
Details

Browse Source 
- Added custom SVG illustrations (shield and person with laptop)
- Replaced generic illustration with branded hero image
- Shield decoration in background with rotation animation
- Updated floating card to use shield icon
- Changed colors to match new illustrations (gold/orange shield)
- Person with laptop matches brand identity
- All images stored in assets/ for local control
This commit is contained in:
Ehsan.Asadi
2025-12-26 17:06:52 +03:30
parent 1dab36d4ef
commit cf82b9d3f4
3 changed files with 107 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
assets/hero-person.svg Normal file
View File

@@ -0,0 +1,56 @@
<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>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB