{% extends "base.html" %}
{% block main %}
{% set d = load_data(path="data/colophon.json") %}
<h1 class="text-4xl font-bold tracking-tight">Kolofon</h1>
<p class="mt-4 max-w-2xl text-muted">
  Hele kæden fra commit til din skærm kører på udstyr jeg selv drifter. Ingen CDN’er,
  ingen tredjeparts-fonts, ingen eksterne trackere.. bare en statisk side der gør hvad den får besked på.
</p>

<div class="mt-8 wt-card wt-card--flush">
  <table class="w-full text-sm">
    <tbody>
      {% for row in d.stack %}
        <tr class="border-b border-border/60 last:border-0">
          <td class="w-40 bg-surface/60 px-4 py-3 font-semibold align-top">{{ row.k }}</td>
          <td class="px-4 py-3 text-muted">{{ row.v }}</td>
        </tr>
      {% endfor %}
    </tbody>
  </table>
</div>

<section class="mt-10">
  <h2 class="text-sm font-semibold uppercase tracking-widest text-accent">Sikkerhed</h2>
  <p class="mt-3 max-w-2xl text-sm text-muted">
    Fundet noget der ser forkert ud? Skriv til <a class="text-accent hover:underline" href="mailto:asger@weirsoe.dk">asger@weirsoe.dk</a>.
    Der ligger også en <a class="text-accent hover:underline" href="/.well-known/security.txt">security.txt</a> (RFC 9116).
  </p>
</section>

<p class="mt-10 text-sm text-muted">
  Se også <a class="text-accent hover:underline" href="/uses">uses</a>.
</p>
{% endblock %}