{% extends "base.html" %}
{% block body %}
<section class="hero compact">
  <div class="shell narrow">
    <p class="eyebrow">{{ this.eyebrow }}</p>
    <h1>{{ this.summary }}</h1>
  </div>
</section>
<section class="activity-section">
  <div class="shell">
    <div class="section-heading"><span>{{ this.title }}</span><span>{{ this.children.count() }} entries</span></div>
    <div class="card-grid">
      {% for item in this.children %}
        <article class="entry-card accent-{{ item.kicker|lower }}">
          <div class="entry-meta"><span class="label">{{ item.kicker }}</span><time>{{ item.date|dateformat('YYYY.MM.dd') }}</time></div>
          <h2><a href="{{ item|url }}">{{ item.title }}</a></h2>
          <p>{{ item.summary }}</p>
          <a class="read-more" href="{{ item|url }}">Read entry →</a>
        </article>
      {% endfor %}
    </div>
  </div>
</section>
{% endblock %}