olemd/forskjeller.naiv.no
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Tilgjengelighet: Uutilsynet-krav (1.4.11, 2.4.5, 2.4.6)

Browse source 
- Øk slider-track kontrast til 0.35 for 3:1 ratio (1.4.11)
- Endre chart-titler fra div til h3 for riktig overskriftshierarki (2.4.6)
- Endre topic-card overskrifter fra h2 til h3 under gruppe-h2 (2.4.6)
- Legg til brødsmulesti på alle undersider (2.4.5)
- Legg til sitemap-nav i footer på forsiden (2.4.5)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Ole-Morten Duesund 2026-03-25 21:13:21 +01:00
commit d68dc1515b
9 changed files with 65 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

31
public/index.html
View file

@ -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 @@
<div class="topic-grid">
<a href="lonn/" class="topic-card">
<span class="tag">Kalkulator</span>
<h2>Lønnsforskjellen vokser</h2>
<h3>Lønnsforskjellen vokser</h3>
<p>Prosentvise tillegg ser rettferdige ut, men en liten forskjell i startlønn blir til hundretusener over en karriere.</p>
<span class="arrow">Se kalkulatoren &rarr;</span>
</a>
<a href="lonnsutvikling/" class="topic-card">
<span class="tag">SSB-data</span>
<h2>Dobbel ulikhet i lønn</h2>
<h3>Dobbel ulikhet i lønn</h3>
<p>Direktørene fikk 3× flere kroner i lønnsvekst enn renholdere — og høyere prosentvekst. SSB-tall 2016–2025.</p>
<span class="arrow">Se visualiseringen &rarr;</span>
</a>
@ -236,19 +240,19 @@
<div class="topic-grid">
<a href="bolig/" class="topic-card">
<span class="tag">Kalkulator</span>
<h2>Boligforskjellen forsterkes</h2>
<h3>Boligforskjellen forsterkes</h3>
<p>To boliger stiger like mye i prosent — men belåningen forsterker gapet i egenkapital dramatisk.</p>
<span class="arrow">Se kalkulatoren &rarr;</span>
</a>
<a href="boligeierskap/" class="topic-card">
<span class="tag">SSB-data</span>
<h2>Hvem eier boligen din?</h2>
<h3>Hvem eier boligen din?</h3>
<p>Bare 1 av 3 eier fritt. 38 % deler med banken, 28 % leier. Unge aleneboende? 2 av 3 leier.</p>
<span class="arrow">Se visualiseringen &rarr;</span>
</a>
<a href="boutgifter/" class="topic-card">
<span class="tag">SSB-data</span>
<h2>Det er dyrt å være fattig</h2>
<h3>Det er dyrt å være fattig</h3>
<p>41 % av de fattigste bruker over 40 % av inntekten på bolig. Blant de rikeste: 7 %. SSB-data 2015–2024.</p>
<span class="arrow">Se visualiseringen &rarr;</span>
</a>
@ -260,13 +264,13 @@
<div class="topic-grid">
<a href="sparing/" class="topic-card">
<span class="tag">Kalkulator</span>
<h2>Rentes rente forsterker</h2>
<h3>Rentes rente forsterker</h3>
<p>Likt sparebeløp, ulik avkastning. Noen få prosentpoeng i forskjell skaper enorme gap over tid.</p>
<span class="arrow">Se kalkulatoren &rarr;</span>
</a>
<a href="arv/" class="topic-card">
<span class="tag">Kalkulator</span>
<h2>Arvens forsprang</h2>
<h3>Arvens forsprang</h3>
<p>Person A starter fra null, person B arver. Begge sparer likt — men gapet lukkes aldri.</p>
<span class="arrow">Se kalkulatoren &rarr;</span>
</a>
@ -276,7 +280,16 @@
</main>
<footer>
Tallene er illustrative og ikke finansiell rådgivning · <a href="https://kode.naiv.no/olemd/forskjeller.naiv.no">Kildekode</a>
<nav aria-label="Alle sider">
<a href="lonn/">Lønnsforskjellen</a> ·
<a href="lonnsutvikling/">Lønnsutvikling</a> ·
<a href="bolig/">Boligforskjellen</a> ·
<a href="boligeierskap/">Boligeierskap</a> ·
<a href="boutgifter/">Boutgifter</a> ·
<a href="sparing/">Sparing</a> ·
<a href="arv/">Arv</a>
</nav>
<p>Tallene er illustrative og ikke finansiell rådgivning · <a href="https://kode.naiv.no/olemd/forskjeller.naiv.no">Kildekode</a></p>
</footer>
</body>