diff --git a/public/arv/index.html b/public/arv/index.html index 4198f84..7a491f3 100644 --- a/public/arv/index.html +++ b/public/arv/index.html @@ -24,6 +24,7 @@ +

Lik innsats. Ulikt utgangspunkt.

@@ -100,7 +101,7 @@
-
Formue over tid
+

Formue over tid

A sparer fra null, B starter med arv — begge sparer likt
@@ -115,7 +116,7 @@
-
Absolutt forskjell
+

Absolutt forskjell

Gapet = arven med rentes rente — vokser alltid
@@ -131,7 +132,7 @@
-
Arvens andel av Bs formue
+

Arvens andel av Bs formue

Andelen synker over tid, men det absolutte beløpet vokser alltid
diff --git a/public/bolig/index.html b/public/bolig/index.html index 5eeb246..ec62ed5 100644 --- a/public/bolig/index.html +++ b/public/bolig/index.html @@ -24,6 +24,7 @@ +

Samme prisvekst. Ikke det samme resultatet.

@@ -100,7 +101,7 @@
-
Boligverdi over tid
+

Boligverdi over tid

Begge boliger stiger med samme prosentsats
@@ -115,7 +116,7 @@
-
Absolutt verdidifferanse
+

Absolutt verdidifferanse

Kronedifferansen mellom boligene — vokser hvert år
@@ -131,7 +132,7 @@
-
Egenkapitalvekst
+

Egenkapitalvekst

Belåningen forsterker forskjellen — egenkapitalgapet vokser raskere enn verdigapet
diff --git a/public/boligeierskap/index.html b/public/boligeierskap/index.html index c8d5a8f..335ee54 100644 --- a/public/boligeierskap/index.html +++ b/public/boligeierskap/index.html @@ -94,6 +94,7 @@ +

SSB-data 2015–2024

@@ -140,7 +141,7 @@
-
Tre virkeligheter
+

Tre virkeligheter

Norske husholdninger fordelt etter reelt eierskap, 2024
@@ -162,7 +163,7 @@
-
Gjelden vokser
+

Gjelden vokser

Fordeling av boliglånsstørrelse blant eiere, 2015–2024
@@ -185,7 +186,7 @@
-
Alder avgjør
+

Alder avgjør

Eierskap etter husholdningstype, 2024
diff --git a/public/boutgifter/index.html b/public/boutgifter/index.html index 6730f68..231fb49 100644 --- a/public/boutgifter/index.html +++ b/public/boutgifter/index.html @@ -101,6 +101,7 @@ +

SSB-data 2015–2024

@@ -143,7 +144,7 @@
-
Boutgifter spiser inntekten
+

Boutgifter spiser inntekten

Boutgifter som andel av inntekt, etter inntektskvartil, 2024
@@ -168,7 +169,7 @@
-
Byrden vokser
+

Byrden vokser

Andel med boutgifter >40 % av inntekt, per kvartil, 2015–2024
@@ -186,7 +187,7 @@
-
Penger kjøper eierskap
+

Penger kjøper eierskap

Boligeierskap etter inntektsgruppe og utsatte grupper, 2024
diff --git a/public/index.html b/public/index.html index d16bdbf..ba73074 100644 --- a/public/index.html +++ b/public/index.html @@ -129,7 +129,7 @@ outline: 2px solid var(--accent); outline-offset: 2px; } - .topic-card h2 { + .topic-card h3 { font-family: 'Fraunces', serif; font-size: 1.1rem; font-weight: 600; @@ -170,6 +170,10 @@ color: var(--ink3); border-top: 1px solid var(--border); } + footer nav { + margin-bottom: 0.75rem; + line-height: 2; + } footer a { color: var(--ink3); } footer a:focus-visible { outline: 2px solid var(--accent); @@ -218,13 +222,13 @@
Kalkulator -

Lønnsforskjellen vokser

+

Lønnsforskjellen vokser

Prosentvise tillegg ser rettferdige ut, men en liten forskjell i startlønn blir til hundretusener over en karriere.

Se kalkulatoren → SSB-data -

Dobbel ulikhet i lønn

+

Dobbel ulikhet i lønn

Direktørene fikk 3× flere kroner i lønnsvekst enn renholdere — og høyere prosentvekst. SSB-tall 2016–2025.

Se visualiseringen → @@ -236,19 +240,19 @@
Kalkulator -

Boligforskjellen forsterkes

+

Boligforskjellen forsterkes

To boliger stiger like mye i prosent — men belåningen forsterker gapet i egenkapital dramatisk.

Se kalkulatoren → SSB-data -

Hvem eier boligen din?

+

Hvem eier boligen din?

Bare 1 av 3 eier fritt. 38 % deler med banken, 28 % leier. Unge aleneboende? 2 av 3 leier.

Se visualiseringen → SSB-data -

Det er dyrt å være fattig

+

Det er dyrt å være fattig

41 % av de fattigste bruker over 40 % av inntekten på bolig. Blant de rikeste: 7 %. SSB-data 2015–2024.

Se visualiseringen → @@ -260,13 +264,13 @@
Kalkulator -

Rentes rente forsterker

+

Rentes rente forsterker

Likt sparebeløp, ulik avkastning. Noen få prosentpoeng i forskjell skaper enorme gap over tid.

Se kalkulatoren → Kalkulator -

Arvens forsprang

+

Arvens forsprang

Person A starter fra null, person B arver. Begge sparer likt — men gapet lukkes aldri.

Se kalkulatoren → @@ -276,7 +280,16 @@ diff --git a/public/lonn/index.html b/public/lonn/index.html index ff92b2d..ed80235 100644 --- a/public/lonn/index.html +++ b/public/lonn/index.html @@ -24,6 +24,7 @@ +

Samme prosent. Ikke det samme resultatet.

@@ -103,7 +104,7 @@
-
Årslønn over tid
+

Årslønn over tid

Begge lønninger vokser med samme prosentsats
@@ -118,7 +119,7 @@
-
Absolutt lønnsforskjell per år
+

Absolutt lønnsforskjell per år

Kroneforskjellen i årslønn — vokser hvert år
@@ -134,7 +135,7 @@
-
Lønnsforskjell per måned
+

Lønnsforskjell per måned

Hva B mottar ekstra på kontoen — hver måned
@@ -148,7 +149,7 @@
-
Akkumulert total lønn utbetalt
+

Akkumulert total lønn utbetalt

Summen av alle utbetalinger gjennom hele perioden
diff --git a/public/lonnsutvikling/index.html b/public/lonnsutvikling/index.html index 1a90c85..05899d9 100644 --- a/public/lonnsutvikling/index.html +++ b/public/lonnsutvikling/index.html @@ -96,6 +96,7 @@ +

Reelle tall fra SSB, 2016–2025

@@ -142,7 +143,7 @@
-
Månedslønn over tid
+

Månedslønn over tid

Gjennomsnittlig månedslønn for utvalgte yrker, 2016–2025
@@ -160,7 +161,7 @@
-
Dobbel ulikhet
+

Dobbel ulikhet

Høytlønte fikk både flere kroner og høyere prosent
@@ -181,7 +182,7 @@
-
Alle hovedyrkesgrupper
+

Alle hovedyrkesgrupper

Gjennomsnittlig månedslønn etter STYRK-yrkesgruppe, 2016–2025
diff --git a/public/sparing/index.html b/public/sparing/index.html index a40feb1..9d8ada7 100644 --- a/public/sparing/index.html +++ b/public/sparing/index.html @@ -24,6 +24,7 @@ +

Samme sparebeløp. Ikke det samme resultatet.

@@ -100,7 +101,7 @@
-
Formue over tid
+

Formue over tid

Samme sparebeløp, ulik avkastning
@@ -115,7 +116,7 @@
-
Forskjell i formue
+

Forskjell i formue

Hvor mye mer B har enn A — vokser eksponentielt
@@ -131,7 +132,7 @@
-
Avkastning vs. innbetalt
+

Avkastning vs. innbetalt

Viser hvor mye som er innskudd og hvor mye som er renter
diff --git a/public/style.css b/public/style.css index 4d0e22f..0301133 100644 --- a/public/style.css +++ b/public/style.css @@ -44,6 +44,19 @@ body { top: 0; } +/* BREADCRUMB */ +.breadcrumb { + background: var(--bg2); + padding: 0.5rem 2rem; + font-size: 12px; + color: var(--ink3); +} +.breadcrumb a { color: var(--ink3); } +.breadcrumb a:focus-visible { + outline: 2px solid var(--accent); + outline-offset: 2px; +} + /* HEADER */ header { background: var(--ink); @@ -145,7 +158,7 @@ main { flex: 1; -webkit-appearance: none; height: 3px; - background: rgba(245,242,235,0.15); + background: rgba(245,242,235,0.35); border-radius: 2px; outline: none; cursor: pointer;