{% extends "base.html" %}
{% block main %}
{% set d = load_data(path="data/now.json") %}
{% set g = load_data(path="data/gitea.json") %}
<h1 class="text-4xl font-bold tracking-tight">Now</h1>
<p class="mt-2 text-sm text-muted">Senest opdateret {{ g.updated }} · à la <a class="text-accent hover:underline" href="https://nownownow.com/about" target="_blank" rel="noopener">nownownow.com</a></p>

<section class="mt-8">
  <h2 class="text-sm font-semibold uppercase tracking-widest text-accent">Lige nu</h2>
  <ul class="mt-4 space-y-3">
    {% for f in d.focus %}
      <li class="wt-card text-sm">{{ f }}</li>
    {% endfor %}
  </ul>
</section>

  <section class="mt-10">
    <h2 class="text-sm font-semibold uppercase tracking-widest text-accent">Git-aktivitet</h2>
    <p class="mt-2 text-sm text-muted">{{ g.total }} bidrag i mit eget Gitea det seneste år, de seneste {{ g.weeks_shown }} uger:</p>
    <div class="mt-4 overflow-x-auto wt-card">
      <div class="heatmap" role="img" aria-label="Aktivitets-heatmap over git-bidrag">
        {% for w in g.weeks %}
          <div class="hm-col">
            {% for c in w %}<span class="hm-cell hm-{{ c.level }}" title="{{ c.date }}: {{ c.n }} bidrag"></span>{% endfor %}
          </div>
        {% endfor %}
      </div>
    </div>
    <p class="mt-2 text-xs text-muted/80">Offentlige projekter ligger på <a class="text-accent hover:underline" href="https://gitea.weircon.dk/agw" target="_blank" rel="noopener">gitea.weircon.dk</a>.</p>
  </section>

{% endblock %}