hjess/PunktFri
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rewrite copy (positive tone) + redesign target grid
All checks were successful
Build and Deploy PunktFri / build-and-deploy (push) Successful in 47s
Details

Browse Source 
- All section copy rewritten: solution-first framing, no 'klagesang'
- Hero: 'Selvhosternes registrar. Bygget af jer. Kostpris.'
- Section order: target identity first, then what we build, then background
- Rename 'Problemet' → 'Baggrunden', 'Idéen' → 'Hvad vi bygger'
- Remove all victim language (tvinger, mod din vilje, ingen teknisk gevinst)
- Target grid: drop colored backgrounds/borders, clean bordered grid
  with row separators, blue checkmarks, muted dashes — no template feel
- Fix inline color styles → CSS classes (.required, .optional)
- Footer: slight copy improvement
This commit is contained in:
Henrik Jess Nielsen
2026-04-26 23:27:49 +02:00
parent df27882c77
commit 187d95043b
4 changed files with 106 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
static/style.css
View File

@@ -1,20 +1,25 @@
:root {
--primary: #0043CE;
--primary-d: #002D9C;
--primary-bg: #EEF4FF;
--dark: #161616;
--text: #525252;
--muted: #8D8D8D;
--gray-20: #E0E0E0;
--gray-10: #F4F4F4;
--primary: #2563EB;
--primary-d: #1D4ED8;
--primary-bg: #EFF6FF;
--hero-bg: #0F172A;
--dark: #111827;
--text: #374151;
--muted: #9CA3AF;
--border: #E5E7EB;
--section-alt:#F9FAFB;
--white: #FFFFFF;
--red: #DA1E28;
--red-bg: #FFF1F1;
--red-border: #FFB3B8;
--green: #198038;
--green-bg: #DEFBE6;
--green-bdr: #A7F0BA;
--red: #DC2626;
--red-bg: #FEF2F2;
--red-border: #FECACA;
--green: #16A34A;
--green-bg: #F0FDF4;
--green-bdr: #BBF7D0;
--mono: 'IBM Plex Mono', 'Fira Code', 'Consolas', monospace;
/* legacy aliases so tak/admin still work */
--gray-20: #E5E7EB;
--gray-10: #F9FAFB;
}
*, *::before, *::after {
@@ -755,3 +760,13 @@ footer {
padding: 2.5rem 1.25rem;
}
}
/* ── Form helpers ──────────────────── */
.required {
color: var(--red);
}
.optional {
color: var(--muted);
font-weight: 400;
}

2
templates/base.html
View File

@@ -25,7 +25,7 @@
<div class="footer-inner">
<p><strong>PunktFri er ikke live endnu.</strong> Dette er en interessetilkendegivelse — ingen forpligtelse, ingen faktura, intet abonnement.</p>
<p>Kontakt: <a href="mailto:info@punktfri.dk">info@punktfri.dk</a></p>
<p class="footer-small">PunktFri er en idé under undersøgelse. Ingen forening er stiftet, ingen akkreditering er søgt.</p>
<p class="footer-small">PunktFri er en idé under etablering. Ingen forening er stiftet endnu, ingen akkreditering er søgt. Vi undersøger om interessen er der — og det ser ud til at den er.</p>
</div>
</footer>
</body>

141
templates/index.html
View File

@@ -1,6 +1,6 @@
{% extends "base.html" %}
{% block title %}PunktFri — Din domæneaftale. Ingen mellemled.{% endblock %}
{% block title %}PunktFri — Selvhosternes registrar{% endblock %}
{% block content %}
@@ -8,40 +8,36 @@
<section class="hero">
<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="tagline">Selvhosternes registrar. Bygget af jer. Kostpris.</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.
Fra 2026 kræver Punktum dk en akkrediteret registrator for alle .dk-domæner.
Vi bygger præcis det, selvhostere har manglet: et ikke-kommercielt, teknisk kompetent alternativ
— til kostpris, med demokratisk styring og nul indblanding i din infrastruktur.
</p>
<a href="#tilmeld" class="hero-cta">Tilmeld din interesse →</a>
</div>
</section>
<!-- 2. Problemet -->
<!-- 2. For dig -->
<section class="section">
<div class="section-inner">
<h2>Problemet</h2>
<h2>Det er dig vi bygger det til</h2>
<p>
Punktum dk ændrer reglerne. Fra 2026 kan du ikke længere administrere dit .dk-domæne direkte
— du skal have en akkrediteret forhandler som mellemled. Uanset om du har brug for det eller ej.
Du kender dine navneservere. Du har klaret domæneadministrationen selv i årevis.
Du har ikke brug for hosting, support eller et panel fyldt med features, du aldrig ville bruge.
Det eneste du mangler er et tyndt, kompetent administrativt lag mod Punktum dk — og det er præcis hvad PunktFri er.
</p>
<ul class="problem-list">
<li><strong>1. juli 2026:</strong> Nye .dk-domæner kræver en forhandler. Ingen direkte registrering mere.</li>
<li><strong>1. juli 2028:</strong> Alle eksisterende .dk-domæner skal overføres til en forhandler.</li>
<li><strong>Selvhostere rammes direkte:</strong> Kører du egne navneservere og har altid klaret dig selv hos Punktum dk, skal du nu have et administrativt mellemled — mod din vilje.</li>
<li><strong>Prisstigningen er reel:</strong> Kommercielle forhandlere opkræver typisk 90–150 kr/år per domæne. Du betalte ~50 kr direkte. Det er dobbelt til tredobbelt pris for et lag, du ikke har bedt om.</li>
<li><strong>Ingen teknisk gevinst:</strong> Du mister ikke kontrol over dine navneservere — men du tvinges alligevel til at betale en forhandler for at "hjælpe" dig.</li>
<div class="target-grid">
<div class="target-box is-for">
<h3>For dig, hvis</h3>
<ul>
<li>Du kører egne navneservere (BIND, PowerDNS, Knot osv.)</li>
<li>Du har administreret direkte hos Punktum dk i årevis</li>
<li>Du vil beholde fuld kontrol over din infrastruktur</li>
<li>Du bare har brug for det formelle lag mod Punktum dk</li>
<li>Du er ligeglad med panels, features og support</li>
</ul>
</div>
</section>
<!-- 3. Hvem er PunktFri for? -->
<section class="section">
<div class="section-inner">
<h2>Er det noget for dig?</h2>
<p>PunktFri er tænkt til en meget specifik gruppe. Vær ærlig med dig selv.</p>
<div class="target-grid">
<div class="target-box not-for">
<h3>Ikke for dig, hvis</h3>
<ul>
@@ -49,57 +45,68 @@
<li>Du vil have DNS-hosting</li>
<li>Du har brug for support på "min hjemmeside virker ikke"</li>
<li>Du ikke ved hvad en navneserver er</li>
<li>Du leder efter den billigste registrar</li>
</ul>
</div>
<div class="target-box is-for">
<h3>For dig, hvis</h3>
<ul>
<li>Du kører egne navneservere (BIND, PowerDNS, Knot osv.)</li>
<li>Du har administreret direkte hos Punktum dk i årevis</li>
<li>Du vil beholde fuld kontrol over din infrastruktur</li>
<li>Du bare har brug for et tyndt administrativt lag mod Punktum dk</li>
<li>Du er ligeglad med support, panels og features</li>
<li>Du leder efter den billigste registrar med flest features</li>
</ul>
</div>
</div>
</div>
</section>
<!-- 4. Idéen bag PunktFri -->
<!-- 3. Hvad vi bygger -->
<section class="section">
<div class="section-inner">
<h2>Idéen bag PunktFri <span class="status-badge">Under undersøgelse</span></h2>
<h2>Hvad vi bygger <span class="status-badge">Under etablering</span></h2>
<p>
PunktFri er på nuværende tidspunkt en idé — ikke en organisation.
Vi undersøger, om det er muligt og realistisk at etablere følgende:
Vi er selvhostere, der tager sagen i egne hænder. PunktFri etableres som en
non-profit forening og ansøger om akkreditering som registrator hos Punktum dk.
Det er et præcist stykke arbejde — juridisk, teknisk og organisatorisk. Vi ved hvad vi laver.
</p>
<ul class="idea-items">
<li>En non-profit forening, der ansøger om akkreditering som registrator hos Punktum dk</li>
<li>Kostprismodel — ingen markup, ingen upsell, ingen abonnementsservice, du ikke har bedt om</li>
<li>Demokratisk struktur — medlemmerne bestemmer, ikke investorer eller kommercielle interesser</li>
<li>Du beholder dine egne navneservere fuldstændigt — vi rører ikke din infrastruktur</li>
<li>Minimal administration: vi håndterer kun det formelle forhold til Punktum dk på dine vegne</li>
<li>Non-profit forening med åben, demokratisk struktur — medlemmerne bestemmer, ikke investorer</li>
<li>Akkrediteret registrator hos Punktum dk — vi håndterer det formelle på dine vegne</li>
<li>Kostprismodel — ingen markup, ingen upsell, ingen abonnementsservice du ikke har bedt om</li>
<li>Nul kontakt med din infrastruktur — dine navneservere, dine zoner, din kontrol</li>
<li>Minimal administration: det ene lag du har brug for, og intet andet</li>
</ul>
<p style="margin-top: 1.25rem; font-size: 0.875rem; color: #6b7280;">
Intet er besluttet endnu. Denne side er til for at afdække, om der er nok interesse til,
at det kan bære sig — juridisk, økonomisk og praktisk.
<p class="section-note">
Tilmeldingerne her bruges til at vurdere, om der er tilstrækkelig interesse til at gå videre
— juridisk, økonomisk og praktisk. Intet er besluttet endnu.
</p>
</div>
</section>
<!-- 5. Hvad PunktFri IKKE er -->
<!-- 4. Baggrunden -->
<section class="section">
<div class="section-inner">
<h2>Hvad PunktFri ikke er</h2>
<p>For at undgå enhver tvivl:</p>
<h2>Baggrunden</h2>
<p>
Punktum dk ændrer reglerne for .dk-domæner. Fra 2026 kræves en akkrediteret registrator
for alle domæner — også dem der har kørt perfekt i årevis uden hjælp fra nogen.
</p>
<ul class="problem-list">
<li><strong>1. juli 2026:</strong> Nye .dk-domæner kræver en registrator. Direkte registrering udgår.</li>
<li><strong>1. juli 2028:</strong> Alle eksisterende .dk-domæner skal overføres til en registrator.</li>
<li><strong>Selvhostere berøres administrativt:</strong> Intet ændrer sig teknisk — dine navneservere kører videre. Men der skal nu være et formelt mellemled til Punktum dk.</li>
<li><strong>Kommercielle alternativer er dyre:</strong> Typisk 90–150 kr/år per domæne for et lag, der ikke tilfører teknisk værdi for selvhostere. PunktFri sigter mod kostpris.</li>
</ul>
</div>
</section>
<!-- 5. Hvad PunktFri ikke er -->
<section class="section">
<div class="section-inner">
<h2>Scope: det vi gør — og det vi ikke gør</h2>
<p>PunktFri er snævert fokuseret. Vi gør ét ting godt:</p>
<ul class="not-list">
<li>En hostingudbyder</li>
<li>En DNS-udbyder</li>
<li>En supportlinje</li>
<li>En forretning</li>
<li>Et panel med features</li>
<li>Noget du betaler for nu</li>
<li>Registratorrollen mod Punktum dk</li>
</ul>
<p style="margin-top: 1.25rem;">Vi gør ikke:</p>
<ul class="not-list">
<li>Hosting</li>
<li>DNS-hosting</li>
<li>Support</li>
<li>Panels eller dashboards</li>
<li>Kommercielle produkter</li>
</ul>
</div>
</section>
@@ -107,12 +114,12 @@
<!-- 6. Signup -->
<section class="section form-section" id="tilmeld">
<div class="section-inner">
<h2>Er du interesseret?</h2>
<p class="lead">Tilmeld dig som interesseret — det forpligter dig til ingenting.</p>
<p class="founding-note">De første, der tilmelder sig, er med til at afgøre, om idéen er levedygtig — og får direkte indflydelse på, hvordan foreningen eventuelt formes.</p>
<h2>Er du med?</h2>
<p class="lead">Tilmeld dig som interesseret — ingen forpligtelse, ingen faktura.</p>
<p class="founding-note">De første tilmeldte er med til at forme, hvordan foreningen etableres — og får direkte indflydelse på vedtægter, model og struktur.</p>
<p class="disclaimer">
Vi bruger dine oplysninger til at vurdere, om der er tilstrækkelig interesse til at gå videre.
Ingen spam, ingen salg, ingen automatiske abonnementer. Kun en enkelt opdatering, når vi ved mere.
Vi bruger dine oplysninger til at vurdere om interessen er tilstrækkelig til at gå videre.
Kun én opdatering når vi ved mere. Ingen spam, ingen salg.
</p>
{% if error %}
@@ -121,25 +128,25 @@
<form class="signup-form" method="post" action="/">
<div class="form-group">
<label for="navn">Navn <span style="color:#ef4444">*</span></label>
<label for="navn">Navn <span class="required">*</span></label>
<input type="text" id="navn" name="navn" required autocomplete="name" placeholder="Dit navn">
</div>
<div class="form-group">
<label for="email">E-mail <span style="color:#ef4444">*</span></label>
<label for="email">E-mail <span class="required">*</span></label>
<input type="email" id="email" name="email" required autocomplete="email" placeholder="du@eksempel.dk">
</div>
<div class="form-group">
<label for="domaener">
Antal .dk-domæner du administrerer <span style="color:#ef4444">*</span>
Antal .dk-domæner du administrerer <span class="required">*</span>
</label>
<input type="number" id="domaener" name="domaener" required min="1" placeholder="fx 3">
<span class="hint">Inkludér alle domæner, du selv holder styr på</span>
</div>
<div class="form-group">
<label>Kører du egne navneservere? <span style="color:#ef4444">*</span></label>
<label>Kører du egne navneservere? <span class="required">*</span></label>
<div class="radio-group">
<label>
<input type="radio" name="egne_ns" value="ja" required>
@@ -153,11 +160,11 @@
</div>
<div class="form-group">
<label for="kommentar">Kommentarer eller spørgsmål <span style="color:#475569; font-weight:400">(valgfrit)</span></label>
<textarea id="kommentar" name="kommentar" placeholder="Har du tanker om modellen, bekymringer, eller noget vi bør tænke over?"></textarea>
<label for="kommentar">Kommentarer eller spørgsmål <span class="optional">(valgfrit)</span></label>
<textarea id="kommentar" name="kommentar" placeholder="Tanker om modellen, bekymringer, eller noget vi bør tænke over?"></textarea>
</div>
<button type="submit" class="submit-btn">Ja, jeg er interesseret</button>
<button type="submit" class="submit-btn">Ja, jeg er med</button>
</form>
</div>
</section>

2
templates/tak.html
View File

@@ -19,7 +19,7 @@
Jo flere selvhostere der tilkendegiver interesse, jo bedre argumenterer vi overfor
Punktum dk og potentielle medstiftere. Send dem linket.
</p>
<div class="share-text" id="shareText">Punktum dk tvinger fra 2026 alle .dk-domæneejere ind under en kommerciel forhandler — selvom du kører egne navneservere og aldrig har haft brug for hjælp. PunktFri undersøger, om vi kan lave en non-profit registrator til os selv. Tilmeld din interesse: https://punktfri.dk</div>
<div class="share-text" id="shareText">Punktum dk kræver fra 2026 en registrator for alle .dk-domæner — også for selvhostere med egne navneservere. PunktFri er et non-profit initiativ, der bygger præcis det mellemled, der mangler: kostpris, demokratisk styring, ingen indblanding i din infrastruktur. Tilmeld din interesse: https://punktfri.dk</div>
<button class="copy-btn" onclick="copyShare()">Kopiér tekst</button>
<span class="copy-confirm" id="copyConfirm">Kopieret!</span>
</div>