{% extends "base.html" %}
{% block main %}
<h1 class="text-4xl font-bold tracking-tight">Status</h1>
<p class="mt-4 max-w-2xl text-muted">
  Live status for de offentlige dele af mit homelab, målt af en self-hosted
  <a class="text-accent hover:underline" href="https://uptime.kuma.pet" target="_blank" rel="noopener">Uptime Kuma</a>.
</p>

<div class="mt-8 wt-card wt-card--flush">
  <iframe src="https://status.weircon.dk/status/weircon" title="Uptime Kuma statusside" loading="lazy"
          class="h-[70vh] w-full" style="border:0"></iframe>
</div>
<p class="mt-3 text-sm text-muted">
  Vises siden ikke? Åbn den direkte: <a class="text-accent hover:underline" href="https://status.weircon.dk/status/weircon" target="_blank" rel="noopener">https://status.weircon.dk/status/weircon</a>
</p>
{% endblock %}