{% 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() }} approved tags</span></div>
    <div class="tag-directory">
      {% for tag in this.children %}
        {% set usage = namespace(count=0) %}
        {% for section_id in ['blog', 'articles'] %}
          {% for item in site.query('/' ~ section_id) %}
            {% if tag._id in item.tags %}{% set usage.count = usage.count + 1 %}{% endif %}
          {% endfor %}
        {% endfor %}
        <a class="tag-directory-card" href="{{ tag|url }}">
          <span class="tag-directory-name">{{ tag.title }}</span>
          <span class="tag-directory-count">{{ usage.count }} {% if usage.count == 1 %}entry{% else %}entries{% endif %}</span>
          <span class="tag-directory-summary">{{ tag.summary }}</span>
        </a>
      {% endfor %}
    </div>
  </div>
</section>
{% endblock %}