---
import Base from '../layouts/Base.astro';
const STATUS_URL = 'https://status.weircon.dk/status/weircon';
---
<Base title="Status" description="Live driftsstatus for mit homelab.. self-hosted Uptime Kuma, selvfølgelig." noindex>
  <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>.
    Når man drifter ~50 containere selv, er det rart at vide hvornår man har smadret noget.
  </p>

  <div class="mt-8 wt-card wt-card--flush">
    <iframe src={STATUS_URL} 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={STATUS_URL} target="_blank" rel="noopener">{STATUS_URL}</a>
  </p>
</Base>