---
layout: default
title: Tags
---

<div class="main-content">
  <header class="page-header">
    <h1 class="page-title">Tags</h1>
    <p class="page-description muted">All posts organized by tag</p>
  </header>

  <!-- Collect all unique tags -->
  {% assign all_tags = site.posts | map: 'tags' | join: ',' | split: ',' | uniq | sort %}
  
  {% for tag in all_tags %}
    {% assign tagged_posts = site.posts | where_exp: 'post', 'post.tags contains tag' | sort: 'date' | reverse %}
    {% if tagged_posts.size > 0 %}
    <section class="tag-section" id="{{ tag | slugify }}">
      <h2 class="tag-filter-title">
        <a href="#{{ tag | slugify }}" class="internal-link plain">#{{ tag }}</a>
        <span class="tag-count muted">{{ tagged_posts | size }} post{{ tagged_posts | size | pluralize: 's' }}</span>
      </h2>
      <ul class="post-list">
        {% for post in tagged_posts %}
        <li class="post-item">
          <header class="post-item-header">
            <h3 class="post-item-title">
              <a href="{{ post.url | relative_url }}" class="plain">{{ post.title }}</a>
            </h3>
            <div class="post-item-meta small">
              <time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: '%B %d, %Y' }}</time>
              {% if post.reading-time %}
                <span class="reading-time">{{ post.reading-time }} minute read</span>
              {% endif %}
            </div>
          </header>
          <div class="post-item-excerpt">
            {{ post.excerpt | markdownify | strip_html | truncatewords: 25 }}
            <p><a href="{{ post.url | relative_url }}" class="plain">Keep reading &rarr;</a></p>
          </div>
        </li>
        {% endfor %}
      </ul>
    </section>
    {% endif %}
  {% endfor %}
</div>