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

@@ -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 %}