diff --git a/static/style.css b/static/style.css index a18ebce..aa7f618 100644 --- a/static/style.css +++ b/static/style.css @@ -923,3 +923,83 @@ footer { line-height: 1.7; padding-top: 1rem; } + +/* ── Compare grid (forening vs. firma) ─────────────────────── */ +.compare-grid { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 1.5rem; + margin: 1.5rem 0; +} + +@media (max-width: 640px) { + .compare-grid { grid-template-columns: 1fr; } +} + +.compare-col { + border: 1px solid var(--border); + border-radius: 6px; + padding: 1.25rem 1.5rem; +} + +.compare-col h3 { + font-size: 0.85rem; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0.05em; + color: var(--muted); + margin: 0 0 1rem 0; + display: flex; + align-items: center; + gap: 0.5rem; + flex-wrap: wrap; +} + +.compare-col.is-preferred { + border-color: var(--primary); + background: var(--primary-bg); +} + +.compare-col.is-preferred h3 { + color: var(--primary); +} + +.preferred-badge { + font-size: 0.7rem; + font-weight: 600; + background: var(--primary); + color: #fff; + padding: 0.15rem 0.5rem; + border-radius: 3px; + text-transform: uppercase; + letter-spacing: 0.04em; +} + +.compare-col ul { + list-style: none; + padding: 0; + margin: 0; +} + +.compare-col ul li { + padding: 0.5rem 0; + font-size: 0.88rem; + line-height: 1.55; + border-bottom: 1px solid var(--border); + color: var(--text); +} + +.compare-col ul li:last-child { border-bottom: none; } + +.compare-col:not(.is-preferred) ul li::before { + content: '–'; + color: var(--muted); + margin-right: 0.5rem; +} + +.compare-col.is-preferred ul li::before { + content: '✓'; + color: var(--primary); + margin-right: 0.5rem; + font-weight: 700; +} diff --git a/templates/index.html b/templates/index.html index bbedc72..30ecdaf 100644 --- a/templates/index.html +++ b/templates/index.html @@ -78,6 +78,42 @@ + +
+
+

Hvorfor en forening — og ikke et firma?

+

+ Det er et bevidst valg med konkrete konsekvenser for dig som domæneindehaver. +

+
+
+

Et ApS eller A/S

+
    +
  • Har ejere eller aktionærer der forventer afkast
  • +
  • Kan sælges eller opkøbes — uden at du er spurgt
  • +
  • Kan ændre forretningsmodel, priser og scope frit
  • +
  • Har et kommercielt incitament til at udvide servicen du betaler for
  • +
  • Dine domænedata er en del af en forretning
  • +
+
+
+

En forening PunktFri-modellen

+
    +
  • Ingen ejere — formålet er fastlagt i vedtægterne og kan kun ændres af medlemmerne
  • +
  • Kan ikke sælges — en forening opløses, den handles ikke
  • +
  • Offentligt regnskab — foreningers økonomi er transparent
  • +
  • Ingen profitmotiv — overskud må ikke uddeles, kun geninvesteres i formålet
  • +
  • Du er medlem, ikke kunde — du ejer en andel af det fælles
  • +
+
+
+

+ Det betyder konkret: ingen kan købe PunktFri og begynde at tjene penge på dine domæner. + Foreningen eksisterer udelukkende for at løse ét problem — ikke for at vokse sig stor. +

+
+
+