categories.html

---
layout: page
title: Categories
background: "/assets/images/bg-posts.jpg"
---


<div id="archives">
  {% for category in site.categories %}
  <div class="archive-group">
    {% capture category_name %}{{ category | first }}{% endcapture %}
    <div id="{{ category_name | slugify }}"></div>
    <p></p>
    <h2 class="category-head bg-dark text-light p-2 text-center">{{ category_name }}</h2>
    <a name="{{ category_name | slugify }}"></a>
    <p></p>

    {% for post in site.categories[category_name] %}
    <article class="archive-item">
      <a href="{{ site.baseurl }}/{{ post.url }}" class="text-decoration-none">
        <h2 class="post-title">{{post.title}}</h2>

        {% if post.subtitle %}
        <h3 class="post-subtitle font-weight-light">{{ post.subtitle }}</h3>
        {% else %}
        <h3 class="post-subtitle font-weight-light">
          {{ post.excerpt | strip_html | truncatewords: 15 }}
        </h3>
        {% endif %}
      </a>

      <p class="post-meta my-0">
        Posted by {% if post.author %} {{ post.author }} {% else %} {{ site.author
        }} {% endif %} on {{ post.date | date: '%B %d, %Y' }} &middot; {% include
        read_time.html content=post.content %}
      </p>

    </article>

    <hr />
    {% endfor %}
  </div>
  {% endfor %}
</div>