design: SUSE-inspireret redesign
Some checks failed
Build and Deploy PunktFri / build-and-deploy (push) Failing after 5s

- Farveskema: SUSE skovgrøn (#0C322C) + signaturgrøn (#30BA78)
- Typografi: Source Sans 3 + JetBrains Mono til tekniske elementer
- Installer-layout: venstre grønne border-accenter på sektionsoverskrifter
- Hero: venstre-alignet med grøn left-border på intro-tekst
- Lister: panel-stil med border-top accent (rød/grøn)
- Footer: mørk grøn (matcher header)
- Knap: SUSE grøn med mørk tekst
This commit is contained in:
Henrik Jess Nielsen
2026-04-26 22:34:11 +02:00
parent afddfc4242
commit df365ec49f
3 changed files with 287 additions and 158 deletions

View File

@@ -5,6 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="PunktFri — non-profit registratorinitiativ for selvhostere med egne navneservere.">
<title>{% block title %}PunktFri{% endblock %}</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,300;0,400;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>

View File

@@ -6,13 +6,15 @@
<!-- 1. Hero -->
<section class="hero">
<h1>PunktFri</h1>
<p class="tagline">Din domæneaftale. Ingen mellemled. Ingen markup.</p>
<p class="intro">
Punktum dk tvinger fra 2026 alle .dk-domæneejere til at bruge en kommerciel forhandler.
Det rammer dig, der kører egne navneservere og aldrig har haft brug for hjælp.
Vi undersøger, om vi kan gøre noget ved det — på vores egne præmisser.
</p>
<div class="hero-inner">
<h1>Punkt<span class="accent">Fri</span></h1>
<p class="tagline">Din domæneaftale. Ingen mellemled. Ingen markup.</p>
<p class="intro">
Punktum dk tvinger fra 2026 alle .dk-domæneejere til at bruge en kommerciel forhandler.
Det rammer dig, der kører egne navneservere og aldrig har haft brug for hjælp.
Vi undersøger, om vi kan gøre noget ved det — på vores egne præmisser.
</p>
</div>
</section>
<!-- 2. Problemet -->