<div id="listings">
  {% for tag in collections | getKeys | removeCoreTags | sortAlphabetically %}
    <div class="category">
      <div class="category-title">
        <h2>{{ tag }}</h2>
        <p>{{ tag | getTagline }}</p>
      </div>
      {% if collections[tag] | filterByDate(today) | length == 0 %}
      <p>No listings.</p>
      {% endif %}
      {% for listing in collections[tag] | filterByDate(today) %}
        <div class="listing{% if listing.data.draft %} draft{% endif %}">
          <h3>{{ listing.data.title }}</h3>
          <p class="blurb">
            <strong>
              <a href="https://{{ listing.data.url }}"
              target="_blank">{{ listing.data.handle }}</a>
            offers:</strong> {{ listing.data.blurb }}
          </p>
          <p class="listed-on">
            listed on <time datetime="{{ listing.date | htmlDateString }}"
              >{{ listing.date | readableDate() }}</time>
          </p>
        </div>
      {% endfor %}
    </div>
  {% endfor %}
</div>
