jukka/konesaliturku.fi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Erota Vihreä konesali -osio visuaalisesti Hinnat-osiosta

Browse Source 
Lisätty vihreä gradienttitausta, elliptinen jakaja ja
luontoteemainen SVG-kuvitus (tuulivoimalat, aurinko, lehdet, mäet).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jukka Lampikoski
2026-03-09 20:38:46 +02:00
parent 2e051efc2d
commit ff2c54db57
2 changed files with 112 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
style.css
View File

@@ -1027,7 +1027,60 @@ a:hover {
/* === Green Energy (simplified) === */
.section-green {
background: linear-gradient(175deg, #ecfdf5 0%, #d1fae5 40%, #ecfdf5 100%);
position: relative;
overflow: hidden;
}
.section-green::before {
content: '';
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: 60px;
background: var(--color-bg-alt);
clip-path: ellipse(55% 100% at 50% 0%);
z-index: 1;
}
.section-green::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image:
radial-gradient(circle at 15% 30%, rgba(5, 150, 105, 0.06) 0%, transparent 50%),
radial-gradient(circle at 85% 70%, rgba(5, 150, 105, 0.05) 0%, transparent 40%);
pointer-events: none;
z-index: 0;
}
.section-green > .container,
.section-green > .illustration-right {
position: relative;
z-index: 2;
}
.green-decoration {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 0;
}
.green-decoration svg {
width: 100%;
height: 100%;
}
.section-green > .green-decoration {
z-index: 1;
}
.green-energy {