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

feat: refine nightdrive world and authored car

Browse Source 
Integrate the Blender grand tourer with a cohesive shader-driven road, terrain, atmosphere, lighting, and post-processing pass. Refine responsive drive dynamics and sign lifecycle behavior, and add durable visual, accessibility, and performance verification evidence.
This commit is contained in:
LucaP
2026-09-02 23:16:25 +03:00
parent 7dae835ac5
commit bc18bc2043
73 changed files with 1555 additions and 293 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/styles/layout.css
View File

@@ -85,14 +85,20 @@
.hero-journey__content {
display: grid;
inline-size: min(39rem, 46vw);
gap: 1.1rem;
padding: clamp(1.5rem, 2.5vw, 2.5rem);
inline-size: min(34rem, 39vw);
gap: 1rem;
padding: clamp(1.4rem, 2.2vw, 2.1rem);
border: 1px solid var(--line);
border-inline-start: 3px solid var(--cyan);
border-radius: var(--radius-surface);
background: var(--surface);
box-shadow: var(--panel-shadow);
border-inline-end: 0;
border-radius: 3px 0 0 3px;
background: linear-gradient(
90deg,
rgb(5 12 23 / 96%) 0 72%,
rgb(5 12 23 / 74%) 88%,
rgb(5 12 23 / 0%) 100%
);
box-shadow: -1.4rem 2rem 4rem rgb(0 5 15 / 24%);
}
.portfolio-section {
@@ -120,8 +126,12 @@
}
.portfolio-section[data-layout="full-diagram"] {
inline-size: 78%;
margin-inline: 11%;
inline-size: 68%;
margin-inline: 16%;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
}
.portfolio-section[data-layout="project-stage"] {
@@ -147,13 +157,13 @@
}
.portfolio-section[data-layout="toolkit-field"] {
inline-size: 78%;
margin-inline: 11%;
inline-size: 68%;
margin-inline: 16%;
}
.portfolio-section[data-layout="destination"] {
inline-size: min(54rem, 62%);
margin-inline: auto;
inline-size: min(42rem, 46%);
margin-inline: 4% auto;
}
.portfolio-section footer {
@@ -166,7 +176,7 @@
}
.hero-journey__content {
inline-size: min(34rem, 62vw);
inline-size: min(31rem, 58vw);
}
.portfolio-section[data-layout="right-rail"] {
@@ -269,8 +279,13 @@
.hero-journey__content {
inline-size: 100%;
gap: 0.9rem;
padding: 1.4rem;
background: var(--surface-strong);
padding: 1.25rem 1.15rem 1.35rem;
background: linear-gradient(
90deg,
rgb(5 12 23 / 97%) 0 82%,
rgb(5 12 23 / 58%) 94%,
rgb(5 12 23 / 0%) 100%
);
}
.portfolio-section,