add challenge 11(portifolio)

This commit is contained in:
vista-man
2025-06-19 01:03:59 +02:00
parent 8faefd26ae
commit 5245c6f9b1
27 changed files with 1937 additions and 0 deletions

View File

@@ -0,0 +1,60 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
<defs>
<linearGradient id="mainGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#2563eb" />
<stop offset="100%" stop-color="#4f46e5" />
</linearGradient>
<radialGradient id="shine" cx="70%" cy="30%" r="60%">
<stop offset="0%" stop-color="#fff" stop-opacity="0.7"/>
<stop offset="100%" stop-color="#fff" stop-opacity="0"/>
</radialGradient>
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="2" stdDeviation="2.5" flood-color="#6366f1" flood-opacity="0.25"/>
</filter>
<radialGradient id="glow" cx="50%" cy="50%" r="50%">
<stop offset="60%" stop-color="#a5b4fc" stop-opacity="0.18"/>
<stop offset="100%" stop-color="#6366f1" stop-opacity="0"/>
</radialGradient>
<linearGradient id="purpleOverlay" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#a78bfa" stop-opacity="0.18"/>
<stop offset="100%" stop-color="#7c3aed" stop-opacity="0.22"/>
</linearGradient>
</defs>
<!-- Background -->
<rect x="2" y="2" width="60" height="60" rx="16" fill="url(#mainGradient)"/>
<!-- Subtle purple overlay -->
<rect x="2" y="2" width="60" height="60" rx="16" fill="url(#purpleOverlay)"/>
<!-- Faint geometric grid (more purple, more visible) -->
<g opacity="0.22">
<rect x="14" y="14" width="36" height="36" rx="8" fill="none" stroke="#a78bfa" stroke-width="1.2"/>
<line x1="32" y1="14" x2="32" y2="50" stroke="#a78bfa" stroke-width="1"/>
<line x1="14" y1="32" x2="50" y2="32" stroke="#a78bfa" stroke-width="1"/>
</g>
<!-- Soft glowing ring -->
<circle cx="32" cy="32" r="23" fill="none" stroke="url(#glow)" stroke-width="7"/>
<!-- Shine overlay for premium look -->
<ellipse cx="38" cy="18" rx="18" ry="8" fill="url(#shine)"/>
<!-- Stylized P with purple highlight and indigo shadow -->
<g filter="url(#shadow)">
<path d="M22 48V16h12q10 0 10 8.5t-10 8.5h-8v15z" fill="#fff"/>
<path d="M30 20h4q6 0 6 4.5t-6 4.5h-4z" fill="#6366f1"/>
<path d="M28 28q7 0 7-4.5" stroke="#a78bfa" stroke-width="2.2" fill="none" opacity="0.85"/>
</g>
<!-- Accent star -->
<g>
<polygon points="52,10 53,13 56,13 53.5,15 54.5,18 52,16.5 49.5,18 50.5,15 48,13 51,13" fill="#ffe066" opacity="0.95"/>
<polygon points="52,11.5 52.7,13.5 54.5,13.5 53,14.7 53.7,16.5 52,15.5 50.3,16.5 51,14.7 49.5,13.5 51.3,13.5" fill="#fff" opacity="0.7"/>
<!-- Indigo accent dot near star -->
<circle cx="57" cy="12" r="1.1" fill="#6366f1" opacity="0.85"/>
</g>
<!-- Accent dot cluster (more purple/indigo) -->
<g>
<circle cx="16" cy="48" r="1.3" fill="#a78bfa" opacity="0.95"/>
<circle cx="19" cy="50" r="0.7" fill="#7c3aed" opacity="0.85"/>
<circle cx="14.5" cy="51.5" r="0.5" fill="#6366f1" opacity="0.85"/>
</g>
<!-- Strong indigo inner border -->
<rect x="7" y="7" width="50" height="50" rx="12" fill="none" stroke="#6366f1" stroke-width="1.5" opacity="0.45"/>
<!-- Subtle white border -->
<rect x="2" y="2" width="60" height="60" rx="16" fill="none" stroke="#fff" stroke-width="1.5" opacity="0.18"/>
</svg>

After

Width:  |  Height:  |  Size: 3.1 KiB