41 lines
1.9 KiB
XML
41 lines
1.9 KiB
XML
<!-- /public/visuals/sytuacje-bg.svg -->
|
|
<svg width="1920" height="1080" viewBox="0 0 1920 1080" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<linearGradient id="gHeader" x1="0" y1="0" x2="1" y2="0">
|
|
<stop offset="0" stop-color="#FDBA74"></stop>
|
|
<stop offset="0.55" stop-color="#F97316"></stop>
|
|
<stop offset="1" stop-color="#F472B6"></stop>
|
|
</linearGradient>
|
|
<linearGradient id="gBottom" x1="0" y1="1" x2="1" y2="0">
|
|
<stop offset="0" stop-color="#93C5FD"></stop>
|
|
<stop offset="1" stop-color="#3B82F6"></stop>
|
|
</linearGradient>
|
|
<filter id="blur180" x="-50%" y="-50%" width="200%" height="200%">
|
|
<feGaussianBlur stdDeviation="180"></feGaussianBlur>
|
|
</filter>
|
|
<filter id="blur140" x="-50%" y="-50%" width="200%" height="200%">
|
|
<feGaussianBlur stdDeviation="140"></feGaussianBlur>
|
|
</filter>
|
|
</defs>
|
|
|
|
<!-- delikatny pas headera -->
|
|
<rect x="0" y="0" width="1920" height="360" fill="url(#gHeader)" opacity="0.18"></rect>
|
|
|
|
<!-- miękkie „plamy” koloru (bez ostrych krawędzi) -->
|
|
<circle cx="260" cy="180" r="320" fill="#FDBA74" filter="url(#blur180)" fill-opacity="0.85"></circle>
|
|
<circle cx="760" cy="90" r="280" fill="#F472B6" filter="url(#blur140)" fill-opacity="0.70"></circle>
|
|
<circle cx="1700" cy="930" r="420" fill="#60A5FA" filter="url(#blur180)" fill-opacity="0.85"></circle>
|
|
|
|
<!-- delikatny pas dołu -->
|
|
<rect x="0" y="720" width="1920" height="360" fill="url(#gBottom)" opacity="0.20"></rect>
|
|
|
|
<!-- subtelna winieta góra/dół -->
|
|
<linearGradient id="vignette" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="black" stop-opacity="0.12"></stop>
|
|
<stop offset="0.15" stop-color="black" stop-opacity="0"></stop>
|
|
<stop offset="0.85" stop-color="black" stop-opacity="0"></stop>
|
|
<stop offset="1" stop-color="black" stop-opacity="0.14"></stop>
|
|
</linearGradient>
|
|
<rect x="0" y="0" width="1920" height="1080" fill="url(#vignette)"></rect>
|
|
</svg>
|