{% extends "base.html" %}
{% block main %}
{% set d = load_data(path="data/forside-en.json") %}
<section class="grid items-center gap-8 py-6 sm:grid-cols-[1fr_auto]">
  <div>
    <p class="font-medium text-accent">Hi, I am</p>
    <h1 class="mt-1 text-5xl font-bold tracking-tight sm:text-6xl">Asger Weirsøe</h1>
    <p class="mt-3 text-xl font-semibold text-accent sm:text-2xl">Computer scientist &amp; Technical Solution Architect</p>
    <p class="mt-5 max-w-xl text-lg text-muted">
      M.Sc. in Computer Science from Aalborg University and Technical Solution Architect at Digisense A/S.
      I have spent my career on Danish national <strong class="text-text">e-invoicing infrastructure</strong>,
      where I have led the response when production broke and built the processes that make the next
      response better. In my spare time I run my own Proxmox homelab, tinker with AI projects and get on
      the air as a radio amateur (OZ0AGW).
    </p>
    <div class="mt-7 flex flex-wrap gap-3">
      <a href="/en/cv" class="wt-btn wt-btn--primary wt-btn--lg">See my CV</a>
      <a href="/en/chat" class="wt-btn wt-btn--lg">Ask my CV</a>
      <a href="/en/projects" class="wt-btn wt-btn--lg">Projects</a>
    </div>
  </div>
  {% include "partials/portraet.html" %}
</section>

<section class="mt-14 grid gap-4 sm:grid-cols-3">
  {% for h in d.highlights %}
    <div class="wt-card">
      <h2 class="font-semibold tracking-tight">{{ h.title }}</h2>
      <p class="mt-2 text-sm text-muted">{{ h.body }}</p>
    </div>
  {% endfor %}
</section>

<section class="mt-16">
  <h2 class="text-2xl font-bold tracking-tight">More than a CV</h2>
  <div class="mt-5 grid gap-4 sm:grid-cols-2">
    {% for c in d.kort %}
      <a href="{{ c.href | safe }}" class="group wt-card wt-card--hover">
        <h3 class="font-semibold tracking-tight group-hover:text-accent">{{ c.title }} →</h3>
        <p class="mt-2 text-sm text-muted">{{ c.desc }}</p>
      </a>
    {% endfor %}
  </div>
  <p class="mt-3 text-xs text-muted/80">Press <kbd class="wt-kbd">Ctrl/⌘ K</kbd> to jump anywhere, or run <code class="rounded bg-surface-2 px-1.5 py-0.5">curl asger.weirsoe.dk</code> in a terminal.</p>
</section>

<section class="mt-16">
  <h2 class="text-2xl font-bold tracking-tight">Frequently asked questions</h2>
  <div class="mt-5 grid gap-3">
    {% for f in d.faqs %}
      <details class="group wt-card">
        <summary class="cursor-pointer list-none font-semibold tracking-tight marker:hidden">{{ f.q }}</summary>
        <p class="mt-3 text-sm text-muted">{{ f.a }}</p>
      </details>
    {% endfor %}
  </div>
  <p class="mt-6 text-sm text-muted">The blog and the e-invoicing tools are in Danish.</p>
</section>
{% endblock %}