Samle CSS i én delt fil og oppdater stempler

Flytt identisk style.css fra kalkulatorkatalogene til public/style.css
og oppdater alle index.html til å referere ../style.css.

Nye stempler: «Penger lager penger» (sparing), «Boligfesten» (bolig),
«Fødselsloteriet» (arv) + sarkastisk åpning i arv-banneret.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Ole-Morten Duesund 2026-03-13 13:54:51 +01:00
commit 22373c250b
10 changed files with 20 additions and 1122 deletions

View file

@ -6,7 +6,7 @@
<title>Rentes rente — interaktiv kalkulator</title>
<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">
<link rel="stylesheet" href="../style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.js"></script>
</head>
<body>
@ -15,7 +15,7 @@
<p class="eyebrow">Samme sparebeløp. Ikke det samme resultatet.</p>
<h1>Rentes rente<br><em>forsterker</em></h1>
<p class="lead">Noen få prosentpoeng i avkastning ser ubetydelig ut — men over tid skaper de enorme forskjeller. Se hva rentes rente gjør med sparepengene dine.</p>
<div class="stamp">Tid i markedet</div>
<div class="stamp">Penger lager penger</div>
</header>
<div class="small-diff-banner">