wersja pokazowa 02.09.2025

This commit is contained in:
2025-09-05 15:36:13 +02:00
parent 534a1f62ab
commit 4015121a60
14 changed files with 2069 additions and 1452 deletions

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 161 KiB

8
public/visuals/grid.svg Normal file
View File

@@ -0,0 +1,8 @@
<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>
<defs>
<pattern id='grid' width='24' height='24' patternUnits='userSpaceOnUse'>
<path d='M 24 0 L 0 0 0 24' fill='none' stroke='rgba(0,0,0,0.08)' stroke-width='1'/>
</pattern>
</defs>
<rect width='100%' height='100%' fill='url(#grid)'/>
</svg>

After

Width:  |  Height:  |  Size: 347 B

BIN
public/visuals/hero.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 86 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 MiB

BIN
public/visuals/ink.mp4 Normal file

Binary file not shown.

BIN
public/visuals/noise.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

View File

@@ -0,0 +1,44 @@
<!-- /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>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@@ -0,0 +1,40 @@
<!-- /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>

After

Width:  |  Height:  |  Size: 1.9 KiB