PunktFri/templates/index.html

{% extends "base.html" %}

{% block title %}PunktFri — Selvhosternes registrar{% endblock %}

{% block content %}

<!-- 1. Hero -->
<section class="hero">
    <div class="hero-inner">
        <h1>Punkt<span class="accent">Fri</span></h1>
        <p class="tagline">Selvhosternes registrar. Bygget af jer. Kostpris.</p>
        <p class="intro">
            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. For dig -->
<section class="section">
    <div class="section-inner">
        <h2>Det er dig vi bygger det til</h2>
        <p>
            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>
        <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>
            <div class="target-box not-for">
                <h3>Ikke for dig, hvis</h3>
                <ul>
                    <li>Du vil have webhosting</li>
                    <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 med flest features</li>
                </ul>
            </div>
        </div>
    </div>
</section>

<!-- 3. Hvad vi bygger -->
<section class="section">
    <div class="section-inner">
        <h2>Hvad vi bygger <span class="status-badge">Under etablering</span></h2>
        <p>
            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>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 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>

<!-- 4. Baggrunden -->
<section class="section">
    <div class="section-inner">
        <h2>Baggrunden</h2>
        <p>
            Punktum dk ændrer reglerne for .dk-domæner. Her er hvad der sker, og hvornår.
        </p>

        <div class="timeline">
            <div class="timeline-item">
                <div class="timeline-marker is-now"></div>
                <div class="timeline-body">
                    <span class="timeline-date">Nu — april 2026</span>
                    <h3>Direkte registrering virker stadig</h3>
                    <p>Har du administreret dine domæner direkte hos Punktum dk, kører det fortsat. Men det ændrer sig om kort tid.</p>
                </div>
            </div>
            <div class="timeline-item">
                <div class="timeline-marker is-soon"></div>
                <div class="timeline-body">
                    <span class="timeline-date">1. juli 2026 <span class="timeline-badge">Snart</span></span>
                    <h3>Nye .dk-domæner kræver registrator</h3>
                    <p>Direkte registrering af nye domæner hos Punktum dk udgår. Du skal have en akkrediteret registrator — uanset om du bruger deres services eller ej.</p>
                </div>
            </div>
            <div class="timeline-item">
                <div class="timeline-marker is-future"></div>
                <div class="timeline-body">
                    <span class="timeline-date">1. juli 2028</span>
                    <h3>Alle eksisterende domæner skal overføres</h3>
                    <p>Også domæner registreret direkte hos Punktum dk skal nu have en registrator som formelt mellemled. Intet ændrer sig teknisk — men det administrative led er obligatorisk.</p>
                </div>
            </div>
        </div>

        <p class="section-note" style="margin-top: 2rem;">
            Kommercielle registratorer opkræver typisk 90–150 kr/år per domæne. PunktFri sigter mod kostpris.
        </p>
    </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>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>

<!-- 6. FAQ -->
<section class="section">
    <div class="section-inner">
        <h2>Spørgsmål og svar</h2>

        <div class="faq">
            <details class="faq-item">
                <summary>Er det bindende at tilmelde sig?</summary>
                <div class="faq-answer">
                    <p>Nej overhovedet ikke. Tilmelding her er kun en interessetilkendegivelse. Du forpligter dig til ingenting, betaler ingenting. Vi kontakter dig én gang, når der er nyt — og ikke mere.</p>
                </div>
            </details>

            <details class="faq-item">
                <summary>Hvad koster PunktFri?</summary>
                <div class="faq-answer">
                    <p>Det afhænger af akkrediteringsomkostninger, drift og antal medlemmer — og det kender vi ikke præcist endnu. Modellen er kostpris uden markup. Vi regner med, at det kan holdes væsentligt under de 90–150 kr/år kommercielle udbydere tager.</p>
                </div>
            </details>

            <details class="faq-item">
                <summary>Rører I mine navneservere, DNS-records eller zoner?</summary>
                <div class="faq-answer">
                    <p>Nej. Din infrastruktur er din. PunktFri håndterer udelukkende det formelle registratorforhold til Punktum dk. Vi ændrer ingenting på NS-records, zonefiler eller konfiguration. Du fortsætter præcis som nu.</p>
                </div>
            </details>

            <details class="faq-item">
                <summary>Hvad er en registrator egentlig?</summary>
                <div class="faq-answer">
                    <p>En registrator er en akkrediteret organisation, der må registrere og administrere .dk-domæner på vegne af domæneejere. Punktum dk er selve registret — den øverste myndighed. En registrator er det formelle mellemled, Punktum dk nu kræver for alle domæner. PunktFri vil fungere som registrator, men som non-profit og udelukkende for teknisk selvstyrende brugere.</p>
                </div>
            </details>

            <details class="faq-item">
                <summary>Hvornår er PunktFri klar?</summary>
                <div class="faq-answer">
                    <p>Vi arbejder på det. Målet er at have forening stiftet og akkreditering ansøgt inden 1. juli 2026-deadlinen for nye domæner. Tilmeldingerne her er afgørende for, om vi har den kritiske masse til at gå videre — juridisk, teknisk og organisatorisk.</p>
                </div>
            </details>

            <details class="faq-item">
                <summary>Kan jeg overføre mine eksisterende domæner til PunktFri?</summary>
                <div class="faq-answer">
                    <p>Det er præcis planen. Når PunktFri er akkrediteret, kan du overføre dine domæner fra Punktum dks direkte registrering — eller fra en anden registrator — til PunktFri. Du beholder naturligvis dine egne navneservere og al konfiguration.</p>
                </div>
            </details>

            <details class="faq-item">
                <summary>Hvad sker der med mine domæner, hvis jeg intet gør inden 2028?</summary>
                <div class="faq-answer">
                    <p>Punktum dk har endnu ikke offentliggjort præcis, hvad der sker — men de vil sandsynligvis tvinge en overflytning til en registrator, du ikke selv har valgt. Det er bedre at vælge sin registrator på egne præmisser og i god tid.</p>
                </div>
            </details>
        </div>
    </div>
</section>

<!-- 6. Signup -->
<section class="section form-section" id="tilmeld">
    <div class="section-inner">
        <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 interessen er tilstrækkelig til at gå videre.
            Kun én opdatering når vi ved mere. Ingen spam, ingen salg.
        </p>

        {% if error %}
        <div class="error-msg">{{ error }}</div>
        {% endif %}

        <form class="signup-form" method="post" action="/">
            <div class="form-group">
                <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 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 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 class="required">*</span></label>
                <div class="radio-group">
                    <label>
                        <input type="radio" name="egne_ns" value="ja" required>
                        Ja
                    </label>
                    <label>
                        <input type="radio" name="egne_ns" value="nej">
                        Nej
                    </label>
                </div>
            </div>

            <div class="form-group">
                <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 med</button>
        </form>
    </div>
</section>

{% endblock %}