---
layout: page
# The Category layout
# © 2017-2019 Cotes Chung
# MIT Licensed
---

{% include date-format.html %}

<div id="page-category">
  <h1 class="pl-lg-2">
    <i class="far fa-folder-open fa-fw text-muted"></i>
    {{ page.title }}
    <span class="lead text-muted pl-2">{{ site.categories[page.category] | size }}</span>
  </h1>

  <ul class="post-content pl-0">
    {% for post in site.categories[page.category] %}
    <li class="d-flex justify-content-between pl-md-3 pr-md-3">
      <a href="{{ post.url | absolute_url }}">{{ post.title }}</a>
      <span class="dash flex-grow-1"></span>
      <span class="text-muted small">{{ post.date | date: POST_DATE }}</span>
    </li>
    {% endfor %}
  </ul>
</div>