{% extends "base.html" %}
{% block main %}
<h1 class="text-4xl font-bold tracking-tight">Cookies</h1>
<p class="mt-4 max-w-2xl text-muted">
  Denne side bruger cookies til at forbedre din oplevelse og lave anonym statistik over,
  hvordan siden bruges. <strong class="text-text">Ved at bruge siden accepterer du, at der
  sættes cookies.</strong> Du kan altid slette dem igen i din browser.
</p>

<h2 class="mt-10 text-2xl font-bold tracking-tight">Hvad bruger vi dem til?</h2>
<div class="mt-5 grid gap-4">
  <div class="wt-card">
    <h3 class="font-semibold tracking-tight">Statistik &amp; analyse</h3>
    <p class="mt-2 text-sm text-muted">
      Jeg bruger <strong class="text-text">Matomo</strong> til at se hvor mange der besøger siden,
      og hvordan den bruges, så jeg kan gøre den bedre. Matomo kører på mine egne servere, dine
      data bliver <strong class="text-text">ikke delt med tredjeparter</strong> og ikke solgt.
    </p>
    <ul class="mt-3 space-y-1 text-sm text-muted">
      <li><code class="rounded bg-surface-2 px-1.5 py-0.5">_pk_id</code>: et tilfældigt id der tæller dig som samme besøgende over tid (op til 1 år).</li>
      <li><code class="rounded bg-surface-2 px-1.5 py-0.5">_pk_ses</code>: markerer dit aktuelle besøg (udløber efter ca. 30 minutter).</li>
      <li><code class="rounded bg-surface-2 px-1.5 py-0.5">WEC_VID</code>: et tilsvarende besøgs-id på mine egne tjenester.</li>
    </ul>
  </div>

  <div class="wt-card">
    <h3 class="font-semibold tracking-tight">Funktionelt</h3>
    <p class="mt-2 text-sm text-muted">
      Husker dine valg på siden. Det er ikke sporing, og det forlader aldrig din browser.
    </p>
    <ul class="mt-3 space-y-1 text-sm text-muted">
      <li><code class="rounded bg-surface-2 px-1.5 py-0.5">theme</code>: dit valgte tema (lyst/mørkt/terminal).</li>
      <li><code class="rounded bg-surface-2 px-1.5 py-0.5">wec_cookie_ack</code>: husker at du har set denne cookie-besked, så den ikke dukker op igen.</li>
    </ul>
  </div>
</div>

<p class="mt-8 text-sm text-muted">
  Spørgsmål? Skriv til <a href="mailto:asger@weirsoe.dk" class="text-accent underline">asger@weirsoe.dk</a>.
</p>
{% endblock %}