{% extends "base.html" %}
{% block title %}{{ BRAND_NAME }} · News{% endblock %}

{% block main %}
<section class="panel" style="grid-column: 1 / -1;">
  <div class="panel-header">
    <span class="title">News Feed</span>
    <span class="meta">last 24h · ingest hourly @ :10 UTC</span>
  </div>
  <div class="panel-body panel-body--scroll"
       hx-get="/api/news?as=html&limit=200"
       hx-trigger="load, every 60s, tags-changed"
       hx-swap="innerHTML">
    <div class="empty">loading…</div>
  </div>
</section>
{% endblock %}