Improve landing page: hero CTA, founding member note, share box on tak
All checks were successful
Build and Deploy PunktFri / build-and-deploy (push) Successful in 49s

- Add hero CTA button linking directly to signup form (#tilmeld anchor)
- Add id='tilmeld' anchor to signup section
- Add founding-note: early signups shape the initiative
- Improve /tak page: share box with pre-written copy-paste text + clipboard button
- Update tak contact link styling (remove inline styles)
- Add CSS for .hero-cta, .founding-note, .share-box, .copy-btn, .copy-confirm
This commit is contained in:
Henrik Jess Nielsen
2026-04-26 23:12:10 +02:00
parent 51a9e55cf8
commit 7a42b8bfa3
3 changed files with 135 additions and 3 deletions

View File

@@ -14,6 +14,7 @@
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>
<a href="#tilmeld" class="hero-cta">Tilmeld din interesse →</a>
</div>
</section>
@@ -104,10 +105,11 @@
</section>
<!-- 6. Signup -->
<section class="section form-section">
<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>
<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.

View File

@@ -12,10 +12,33 @@
Vi vender tilbage med en enkelt opdatering, når vi ved, om der er tilstrækkelig
interesse til at gå videre med idéen.
</p>
<p style="font-size: 0.8rem; color: #9ca3af;">
Spørgsmål? Skriv til <a href="mailto:info@punktfri.dk" style="color: #6366f1;">info@punktfri.dk</a>
<div class="share-box">
<p class="share-heading">Kender du andre, der er i samme situation?</p>
<p class="share-sub">
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>
<button class="copy-btn" onclick="copyShare()">Kopiér tekst</button>
<span class="copy-confirm" id="copyConfirm">Kopieret!</span>
</div>
<p class="tak-contact">
Spørgsmål? Skriv til <a href="mailto:info@punktfri.dk">info@punktfri.dk</a>
</p>
<a href="/" class="back-link">← Tilbage til forsiden</a>
</div>
</section>
<script>
function copyShare() {
var text = document.getElementById('shareText').innerText;
navigator.clipboard.writeText(text).then(function() {
var confirm = document.getElementById('copyConfirm');
confirm.style.display = 'inline';
setTimeout(function() { confirm.style.display = 'none'; }, 2500);
});
}
</script>
{% endblock %}