45 lines
2.1 KiB
XML
45 lines
2.1 KiB
XML
<!-- /public/visuals/sytuacje-bg-blue.svg -->
|
|
<svg width="1920" height="1080" viewBox="0 0 1920 1080" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<!-- chłodny header -->
|
|
<linearGradient id="gHeader" x1="0" y1="0" x2="1" y2="0">
|
|
<stop offset="0" stop-color="#A5F3FC"></stop> <!-- cyan-200 -->
|
|
<stop offset="0.55" stop-color="#60A5FA"></stop> <!-- blue-400 -->
|
|
<stop offset="1" stop-color="#3B82F6"></stop> <!-- blue-500 -->
|
|
</linearGradient>
|
|
|
|
<!-- chłodny bottom -->
|
|
<linearGradient id="gBottom" x1="0" y1="1" x2="1" y2="0">
|
|
<stop offset="0" stop-color="#BFDBFE"></stop> <!-- blue-200 -->
|
|
<stop offset="1" stop-color="#60A5FA"></stop> <!-- blue-400 -->
|
|
</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.22"></rect>
|
|
|
|
<!-- miękkie plamy: zimne odcienie (bez ciepłych tonów) -->
|
|
<circle cx="260" cy="180" r="320" fill="#38BDF8" filter="url(#blur180)" fill-opacity="0.85"></circle> <!-- sky-400 -->
|
|
<circle cx="760" cy="90" r="280" fill="#22D3EE" filter="url(#blur140)" fill-opacity="0.70"></circle> <!-- cyan-400 -->
|
|
<circle cx="1680" cy="930" r="440" fill="#3B82F6" filter="url(#blur180)" fill-opacity="0.88"></circle> <!-- blue-500 -->
|
|
|
|
<!-- chłodny pas dołu -->
|
|
<rect x="0" y="720" width="1920" height="360" fill="url(#gBottom)" opacity="0.23"></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.10"></stop>
|
|
<stop offset="0.16" stop-color="black" stop-opacity="0"></stop>
|
|
<stop offset="0.84" stop-color="black" stop-opacity="0"></stop>
|
|
<stop offset="1" stop-color="black" stop-opacity="0.12"></stop>
|
|
</linearGradient>
|
|
<rect x="0" y="0" width="1920" height="1080" fill="url(#vignette)"></rect>
|
|
</svg>
|