{% if payload.length %}
<div class="section">
  <div class="section__header">
    <h1 class="section__title">📢 {{ _('Announcements') }}</h1>
  </div>
  <div class="section__body">
    {%- for n in payload -%}
    <div class="typo fork-feed__item">
      <h2 class="fork-feed__item__title">{{ n.title }}{% if n.group %} <small class="supplementary">({{ n.group }})</small>{% endif %}</h2>
      <div class="supplementary fork-feed__item__meta">{{ datetimeSpan(n._id)|safe }}</div>
      <div class="richmedia">{{ n.content|markdown|safe }}</div>
    </div>
    {%- endfor -%}
  </div>
</div>
{% endif %}