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:
parent
3ffb404250
commit
22373c250b
10 changed files with 20 additions and 1122 deletions
|
|
@ -6,7 +6,7 @@
|
|||
<title>Arvens forsprang — 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,12 +15,12 @@
|
|||
<p class="eyebrow">Lik innsats. Ulikt utgangspunkt.</p>
|
||||
<h1>Arvens<br><em>forsprang</em></h1>
|
||||
<p class="lead">Person A starter fra null. Person B arver en sum. Begge sparer likt — men gapet lukkes aldri. Se hvordan arv forsterkes over tid.</p>
|
||||
<div class="stamp">Ulik startlinje</div>
|
||||
<div class="stamp">Fødselsloteriet</div>
|
||||
</header>
|
||||
|
||||
<div class="small-diff-banner">
|
||||
<span class="sd-icon">↗</span>
|
||||
<span>En arv på <strong>500 000 kr</strong> vokser til over <strong id="banner-gap">—</strong> på 30 år — uten at B løfter en finger.</span>
|
||||
<span>Pass på å velge rike foreldre. En arv på <strong>500 000 kr</strong> vokser til over <strong id="banner-gap">—</strong> på 30 år — uten at B løfter en finger.</span>
|
||||
</div>
|
||||
|
||||
<main>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue