Ole-Morten Duesund
d68dc1515b
- Ø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>
215 lines
8.6 KiB
HTML
215 lines
8.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="nb">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Lønnsutvikling: prosent vs. kroner — SSB-data 2016–2025</title>
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:locale" content="nb_NO">
|
||
<meta property="og:site_name" content="Forskjeller">
|
||
<meta property="og:title" content="Lønnsutvikling: prosent vs. kroner">
|
||
<meta property="og:description" content="Direktørene fikk 3× flere kroner OG høyere prosentvekst enn renholdere. Dobbel ulikhet i norsk lønnsutvikling. SSB-data 2016–2025.">
|
||
<meta property="og:url" content="https://forskjeller.naiv.no/lonnsutvikling/">
|
||
<meta name="twitter:card" content="summary">
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,600;1,9..144,300&family=DM+Sans:wght@300;400;500&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="../style.css">
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.js"></script>
|
||
<!-- Privacy-friendly analytics by Plausible -->
|
||
<script async src="/js/script.js"></script>
|
||
<script>
|
||
window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
|
||
plausible.init({ endpoint: "/api/event" })
|
||
</script>
|
||
<style>
|
||
.source-strip {
|
||
text-align: center;
|
||
padding: 0.75rem 1rem;
|
||
font-size: 12px;
|
||
color: var(--ink3);
|
||
background: var(--bg2);
|
||
border-bottom: 1px solid var(--border);
|
||
}
|
||
.source-strip a { color: var(--ink3); text-decoration: underline; }
|
||
|
||
.comparison-grid {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr 1fr;
|
||
gap: 10px;
|
||
margin-bottom: 2.5rem;
|
||
}
|
||
@media (max-width: 560px) {
|
||
.comparison-grid { grid-template-columns: 1fr; }
|
||
}
|
||
.comparison-card {
|
||
background: var(--bg2);
|
||
border: 1px solid var(--border);
|
||
border-radius: 6px;
|
||
padding: 1.25rem;
|
||
text-align: center;
|
||
}
|
||
.comparison-card .cc-title {
|
||
font-size: 11px;
|
||
letter-spacing: 0.07em;
|
||
text-transform: uppercase;
|
||
color: var(--ink3);
|
||
margin-bottom: 0.5rem;
|
||
}
|
||
.comparison-card .cc-wage {
|
||
font-size: 0.95rem;
|
||
color: var(--ink2);
|
||
margin-bottom: 0.25rem;
|
||
}
|
||
.comparison-card .cc-growth-kr {
|
||
font-size: 1.3rem;
|
||
font-weight: 500;
|
||
color: var(--ink);
|
||
font-variant-numeric: tabular-nums;
|
||
}
|
||
.comparison-card .cc-growth-pct {
|
||
font-size: 0.85rem;
|
||
color: var(--ink3);
|
||
margin-top: 0.15rem;
|
||
}
|
||
|
||
.key-number {
|
||
text-align: center;
|
||
padding: 2rem 1rem;
|
||
margin-bottom: 2.5rem;
|
||
}
|
||
.key-number .kn-value {
|
||
font-family: 'Fraunces', serif;
|
||
font-size: clamp(2.5rem, 7vw, 4rem);
|
||
font-weight: 600;
|
||
color: var(--accent);
|
||
line-height: 1.1;
|
||
}
|
||
.key-number .kn-label {
|
||
font-size: 1rem;
|
||
color: var(--ink2);
|
||
margin-top: 0.5rem;
|
||
max-width: 500px;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<a href="#main" class="skip-link">Hopp til hovedinnhold</a>
|
||
<nav class="breadcrumb" aria-label="Brødsmuler"><a href="../">Forskjeller</a> / Dobbel ulikhet</nav>
|
||
|
||
<header>
|
||
<p class="eyebrow">Reelle tall fra SSB, 2016–2025</p>
|
||
<h1>Dobbel<br><em>ulikhet</em></h1>
|
||
<p class="lead">De høyest lønte fikk ikke bare flere kroner — de fikk også høyere prosentvis vekst. Dobbel ulikhet i praksis.</p>
|
||
<div class="stamp" aria-hidden="true">Lønnsfesten</div>
|
||
</header>
|
||
|
||
<div class="source-strip">
|
||
Data: <a href="https://www.ssb.no/statbank/table/11418/" target="_blank" rel="noopener">SSB tabell 11418</a> — Gjennomsnittlig månedslønn, alle sektorer, begge kjønn, 2016–2025
|
||
</div>
|
||
|
||
<main id="main">
|
||
|
||
<!-- Nøkkeltall -->
|
||
<div class="key-number">
|
||
<div class="kn-value">3× kronene, 10 pp mer</div>
|
||
<div class="kn-label">Administrerende direktører fikk tre ganger så mange kroner i lønnsvekst som renholdere — <em>og</em> 10 prosentpoeng høyere prosentvekst (46 % mot 36 %).</div>
|
||
</div>
|
||
|
||
<!-- Tre yrker sammenlignet -->
|
||
<div class="comparison-grid">
|
||
<div class="comparison-card">
|
||
<div class="cc-title">Renholdere</div>
|
||
<div class="cc-wage">30 680 → 42 350 kr/mnd</div>
|
||
<div class="cc-growth-kr">+11 670 kr</div>
|
||
<div class="cc-growth-pct">38,0 % vekst</div>
|
||
</div>
|
||
<div class="comparison-card">
|
||
<div class="cc-title">Sykepleiere</div>
|
||
<div class="cc-wage">42 130 → 58 290 kr/mnd</div>
|
||
<div class="cc-growth-kr">+16 160 kr</div>
|
||
<div class="cc-growth-pct">38,4 % vekst</div>
|
||
</div>
|
||
<div class="comparison-card">
|
||
<div class="cc-title">Adm. direktører</div>
|
||
<div class="cc-wage">74 140 → 108 510 kr/mnd</div>
|
||
<div class="cc-growth-kr">+34 370 kr</div>
|
||
<div class="cc-growth-pct">46,4 % vekst</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Diagram 1: Månedslønn over tid -->
|
||
<div class="chart-section">
|
||
<div class="chart-header">
|
||
<div>
|
||
<h3 class="chart-title">Månedslønn over tid</h3>
|
||
<div class="chart-desc">Gjennomsnittlig månedslønn for utvalgte yrker, 2016–2025</div>
|
||
</div>
|
||
<div class="legend" id="legend1"></div>
|
||
</div>
|
||
<div class="chart-wrap h-240"><canvas id="chart1" role="img" aria-label="Diagram: Månedslønn over tid"></canvas></div>
|
||
</div>
|
||
|
||
<div class="insight">
|
||
Avstanden mellom linjene <strong>øker</strong> for hvert år — og det skyldes ikke bare kroneverdien.
|
||
De høyest lønte fikk også høyere prosentvis vekst: direktører fikk 46 %, mens barnehageassistenter og kokker fikk rundt 35–36 %.
|
||
Forskjellen mellom en renholdsarbeider og en direktør vokste fra 43 460 til <strong>66 160 kr/mnd</strong>.
|
||
</div>
|
||
|
||
<!-- Diagram 2: Kronevekst OG prosentvekst -->
|
||
<div class="chart-section">
|
||
<div class="chart-header">
|
||
<div>
|
||
<h3 class="chart-title">Dobbel ulikhet</h3>
|
||
<div class="chart-desc">Høytlønte fikk både flere kroner og høyere prosent</div>
|
||
</div>
|
||
<div class="legend">
|
||
<span><span class="swatch" style="background:#5a5650;"></span>Kronevekst</span>
|
||
<span><span class="swatch" style="background:#c0392b;"></span>Prosentvekst</span>
|
||
</div>
|
||
</div>
|
||
<div class="chart-wrap" style="height:340px;"><canvas id="chart2" role="img" aria-label="Diagram: Dobbel ulikhet — kronevekst vs prosentvekst"></canvas></div>
|
||
</div>
|
||
|
||
<div class="insight">
|
||
Prosentveksten varierer fra 36 % (barnehageassistenter) til 46 % (direktører).
|
||
I kroner betyr det fra <strong>10 740 kr</strong> til <strong>34 370 kr</strong> ekstra per måned — en tredobling.
|
||
Høytlønte fikk altså <strong>både</strong> høyere prosent og flere kroner.
|
||
</div>
|
||
|
||
<!-- Diagram 3: Alle yrkesgrupper -->
|
||
<div class="chart-section">
|
||
<div class="chart-header">
|
||
<div>
|
||
<h3 class="chart-title">Alle hovedyrkesgrupper</h3>
|
||
<div class="chart-desc">Gjennomsnittlig månedslønn etter STYRK-yrkesgruppe, 2016–2025</div>
|
||
</div>
|
||
<div class="legend" id="legend3"></div>
|
||
</div>
|
||
<div class="chart-wrap" style="height:280px;"><canvas id="chart3" role="img" aria-label="Diagram: Alle hovedyrkesgrupper"></canvas></div>
|
||
</div>
|
||
|
||
<!-- Forklaring -->
|
||
<div class="explainer">
|
||
<h3>Hvorfor er dette viktig?</h3>
|
||
<p>Lønnsoppgjør diskuteres ofte i prosent: «alle fikk 5 % økning». Det høres rettferdig ut. Men 5 % av 30 000 kr er <strong>1 500 kr</strong>, mens 5 % av 100 000 kr er <strong>5 000 kr</strong>.</p>
|
||
<div class="formula-box">
|
||
5 % × 30 000 = <span>1 500 kr</span><br>
|
||
5 % × 100 000 = <span>5 000 kr</span><br>
|
||
Forskjell: <span>3 500 kr ekstra</span> til den som tjener mest — hvert eneste år
|
||
</div>
|
||
<p>SSB-tallene viser at dette problemet forsterkes ytterligere: de høyest lønte fikk ikke bare flere kroner, men også <strong>høyere prosentvekst</strong>. Direktører fikk 46 % lønnsvekst, mens barnehageassistenter fikk 36 % — en forskjell på 10 prosentpoeng i tillegg til kronegapet.</p>
|
||
<p>Derfor har fagbevegelsen historisk kjempet for <strong>kronetillegg</strong> i stedet for prosenttillegg — et fast beløp til alle, uavhengig av lønnsnivå.</p>
|
||
<p>Dataene på denne siden er hentet fra <a href="https://www.ssb.no/statbank/table/11418/" target="_blank" rel="noopener">SSB tabell 11418</a> (gjennomsnittlig månedslønn, alle sektorer, begge kjønn). Tallene er ikke justert for inflasjon.</p>
|
||
</div>
|
||
|
||
</main>
|
||
|
||
<footer>
|
||
<a href="../">← Alle visualiseringer</a> · Kilde: SSB tabell 11418 · Laget med Chart.js · <a href="https://kode.naiv.no/olemd/forskjeller.naiv.no">Kildekode</a>
|
||
</footer>
|
||
|
||
<script src="app.js"></script>
|
||
</body>
|
||
</html>
|