xeno/Portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: immerse the portfolio in a chromatic synthwave night

Browse Source 
Carry rose, violet, coral, electric blue and cyan through the interface, road, terrain, signs and atmosphere. Add a Blender-authored paint edition and matching runtime fallback captures. Interpolate atmospheric color on a small sky lattice and enrich existing speed effects without another rendering pass.

Preserve approved copy, project media, metadata, navigation contracts and adaptive audio. Verified with typecheck, client/SSR builds, validated prerendering, artifact and transfer checks, responsive Chrome interaction, fallback checks and Intel-backed performance sampling.
This commit is contained in:
LucaP
2026-09-05 13:17:53 +03:00
parent 43e510341e
commit 5d5935a1f8
24 changed files with 693 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/styles/evolution.css
View File

@@ -781,9 +781,9 @@ body {
pointer-events: none;
background: linear-gradient(
90deg,
rgb(8 13 24 / 98%),
rgb(8 13 24 / 88%) 31%,
rgb(8 13 24 / 25%) 51%,
rgb(var(--night-ink-rgb, 8 13 24) / 98%),
rgb(var(--night-ink-rgb, 8 13 24) / 88%) 31%,
rgb(var(--night-ink-rgb, 8 13 24) / 25%) 51%,
transparent 70%
);
}
@@ -816,9 +816,9 @@ body {
inset-block-start: -70px;
background: linear-gradient(
180deg,
rgb(8 13 24 / 98%) 0%,
rgb(8 13 24 / 92%) 43%,
rgb(8 13 24 / 35%) 64%,
rgb(var(--night-ink-rgb, 8 13 24) / 98%) 0%,
rgb(var(--night-ink-rgb, 8 13 24) / 92%) 43%,
rgb(var(--night-ink-rgb, 8 13 24) / 35%) 64%,
transparent 85%
);
}
@@ -852,9 +852,9 @@ body {
.hero-journey::before {
background: linear-gradient(
180deg,
rgb(8 13 24 / 96%) 0%,
rgb(8 13 24 / 90%) 55%,
rgb(8 13 24 / 28%) 73%,
rgb(var(--night-ink-rgb, 8 13 24) / 96%) 0%,
rgb(var(--night-ink-rgb, 8 13 24) / 90%) 55%,
rgb(var(--night-ink-rgb, 8 13 24) / 28%) 73%,
transparent 90%
);
}
@@ -863,9 +863,9 @@ body {
.hero-journey::before {
background: linear-gradient(
180deg,
rgb(8 13 24 / 98%) 0%,
rgb(8 13 24 / 92%) 53%,
rgb(8 13 24 / 48%) 66%,
rgb(var(--night-ink-rgb, 8 13 24) / 98%) 0%,
rgb(var(--night-ink-rgb, 8 13 24) / 92%) 53%,
rgb(var(--night-ink-rgb, 8 13 24) / 48%) 66%,
transparent 85%
);
}