janpeter visser
32fa2e8c1b
- middleware.ts verwijderd (hernoemd naar proxy.ts in vorige commit) - icon-master-light.svg toegevoegd als bronbestand voor app-iconen - package.json versie bijgewerkt naar 0.2.0 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
92 lines
4.1 KiB
XML
92 lines
4.1 KiB
XML
<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<!-- Background gradient -->
|
|
<linearGradient id="bg" x1="0" y1="0" x2="512" y2="512" gradientUnits="userSpaceOnUse">
|
|
<stop offset="0%" stop-color="#90b6dc"/>
|
|
<stop offset="100%" stop-color="#e7e0ff"/>
|
|
</linearGradient>
|
|
|
|
<!-- Rocket nose gradient -->
|
|
<linearGradient id="nose" x1="256" y1="52" x2="256" y2="210" gradientUnits="userSpaceOnUse">
|
|
<stop offset="0%" stop-color="#e9d5ff"/>
|
|
<stop offset="100%" stop-color="#7c3aed"/>
|
|
</linearGradient>
|
|
|
|
<!-- Glow filter -->
|
|
<filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
|
|
<feGaussianBlur stdDeviation="8" result="blur"/>
|
|
<feMerge>
|
|
<feMergeNode in="blur"/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
|
|
<!-- Flame glow -->
|
|
<filter id="flame-glow" x="-40%" y="-40%" width="180%" height="180%">
|
|
<feGaussianBlur stdDeviation="6" result="blur"/>
|
|
<feMerge>
|
|
<feMergeNode in="blur"/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
</defs>
|
|
|
|
<!-- Background rounded rect -->
|
|
<rect width="512" height="512" rx="114" fill="url(#bg)"/>
|
|
|
|
<!-- Subtle radial glow behind rocket -->
|
|
<ellipse cx="256" cy="270" rx="140" ry="160" fill="#c4b5fd" opacity="0.12"/>
|
|
|
|
<!-- ── BLOCK 1 (PBI) — bottom ── -->
|
|
<rect x="178" y="374" width="156" height="64" rx="14" fill="#dbeafe"/>
|
|
<rect x="178" y="374" width="156" height="64" rx="14" stroke="#8b5cf6" stroke-width="2" fill="none"/>
|
|
<!-- PBI label dots -->
|
|
<circle cx="210" cy="406" r="5" fill="#7c3aed" opacity="0.8"/>
|
|
<circle cx="228" cy="406" r="5" fill="#7c3aed" opacity="0.6"/>
|
|
<circle cx="246" cy="406" r="5" fill="#7c3aed" opacity="0.4"/>
|
|
|
|
<!-- ── BLOCK 2 (Story) — middle ── -->
|
|
<rect x="148" y="294" width="216" height="76" rx="14" fill="#ede9fe"/>
|
|
<rect x="148" y="294" width="216" height="76" rx="14" stroke="#a78bfa" stroke-width="2" fill="none"/>
|
|
<!-- Story label line -->
|
|
<rect x="174" y="322" width="100" height="6" rx="3" fill="#c7d2fe" opacity="0.8"/>
|
|
<rect x="174" y="338" width="68" height="6" rx="3" fill="#c7d2fe" opacity="0.6"/>
|
|
|
|
<!-- ── BLOCK 3 (Task) — upper body ── -->
|
|
<rect x="164" y="210" width="184" height="80" rx="14" fill="#e9d5ff"/>
|
|
<rect x="164" y="210" width="184" height="80" rx="14" stroke="#7c3aed" stroke-width="2" fill="none"/>
|
|
<!-- Task checkmark -->
|
|
<path d="M196 252 L212 268 L240 238" stroke="#7135f8" stroke-width="7" stroke-linecap="round" stroke-linejoin="round" fill="none" opacity="0.95"/>
|
|
|
|
<!-- ── ROCKET NOSE ── -->
|
|
<path d="M256 52 C224 52 164 112 164 210 H348 C348 112 288 52 256 52Z"
|
|
fill="url(#nose)" opacity="0.95" filter="url(#glow)"/>
|
|
|
|
<!-- Nose highlight -->
|
|
<path d="M256 70 C238 70 200 118 196 190"
|
|
stroke="white" stroke-width="3" stroke-linecap="round" opacity="0.25" fill="none"/>
|
|
|
|
<!-- ── WINDOW ── -->
|
|
<circle cx="256" cy="148" r="34" fill="#ffffff" opacity="0.85"/>
|
|
<circle cx="256" cy="148" r="26" fill="#f8f4ff" opacity="0.95"/>
|
|
<circle cx="256" cy="148" r="18" fill="#ffffff" opacity="0.9"/>
|
|
<!-- Window shine -->
|
|
<circle cx="248" cy="140" r="5" fill="white" opacity="0.85"/>
|
|
|
|
<!-- ── FINS ── -->
|
|
<path d="M164 330 L110 400 L164 400 Z" fill="#dbeafe"/>
|
|
<path d="M164 330 L110 400 L164 400 Z" stroke="#8b5cf6" stroke-width="1.5" fill="none" opacity="0.75"/>
|
|
<path d="M348 330 L402 400 L348 400 Z" fill="#dbeafe"/>
|
|
<path d="M348 330 L402 400 L348 400 Z" stroke="#8b5cf6" stroke-width="1.5" fill="none" opacity="0.75"/>
|
|
|
|
<!-- ── EXHAUST FLAME ── -->
|
|
<path d="M214 438 Q235 480 256 462 Q277 480 298 438"
|
|
stroke="#fbbf24" stroke-width="10" stroke-linecap="round" fill="none"
|
|
opacity="0.9" filter="url(#flame-glow)"/>
|
|
<path d="M228 438 Q242 468 256 455 Q270 468 284 438"
|
|
stroke="#fde68a" stroke-width="7" stroke-linecap="round" fill="none"
|
|
opacity="0.75"/>
|
|
<path d="M238 438 Q248 458 256 450 Q264 458 274 438"
|
|
stroke="#fef3c7" stroke-width="4" stroke-linecap="round" fill="none"
|
|
opacity="0.6"/>
|
|
</svg>
|