---
layout: page
title: Categories
permalink: /categories/
description: Browse all blog posts by categories
---

<div class="categories-page">
  <div class="categories-list">
    {% assign sorted_categories = site.categories | sort %}
    {% for category in sorted_categories %}
      <div class="category-section" id="{{ category[0] | slugify }}">
        <h2 class="category-title">
          <i data-feather="folder" class="category-icon"></i>
          {{ category[0] | capitalize }}
          <span class="post-count">({{ category[1].size }})</span>
        </h2>
        <ul class="post-list">
          {% assign sorted_posts = category[1] | sort: 'date' | reverse %}
          {% for post in sorted_posts %}
            <li class="post-item">
              <a href="{{ post.url | relative_url }}" class="post-link">
                <span class="post-title">{{ post.title }}</span>
                <span class="post-date">
                  <i data-feather="calendar" class="icon"></i>
                  {{ post.date | date: "%b %-d, %Y" }}
                </span>
              </a>
            </li>
          {% endfor %}
        </ul>
      </div>
    {% endfor %}
  </div>
</div>