Lisää ruotsin kieli + kolme kielinappia (FI/SV/EN)

- Vaihda yksittäinen kielitoggle kolmen napin ryhmäksi
- Lisää data-sv attribuutit kaikkiin teksteihin (ruotsinkieliset käännökset)
- Päivitä script.js tukemaan kolmea kieltä
- Vaihda bannerin teksti: "parempaa huomista" (oli "tulevaisuutta")

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-08 23:01:25 +02:00
parent 37c653fc7e
commit c248cc0a6a
3 changed files with 77 additions and 45 deletions

View File

@@ -128,22 +128,39 @@ ul {
color: var(--color-accent);
}
.lang-toggle {
background: var(--color-dark);
color: white;
border: none;
padding: 0.4rem 0.8rem;
font-weight: 700;
font-size: 0.75rem;
letter-spacing: 0.05em;
.lang-buttons {
display: flex;
gap: 0;
border-radius: 4px;
overflow: hidden;
border: 1px solid var(--color-dark);
}
.lang-btn {
background: transparent;
color: var(--color-dark);
border: none;
padding: 0.35rem 0.6rem;
font-weight: 700;
font-size: 0.7rem;
letter-spacing: 0.05em;
cursor: pointer;
transition: background 0.2s;
transition: all 0.2s;
font-family: var(--font);
}
.lang-toggle:hover {
.lang-btn:not(:last-child) {
border-right: 1px solid var(--color-dark);
}
.lang-btn.active {
background: var(--color-dark);
color: white;
}
.lang-btn:hover:not(.active) {
background: var(--color-accent);
color: white;
}
.hamburger {