categories.html

---
layout: default
title: Categories
permalink: /categories/
---

{% capture url %}{{ site.url | append: "$" | replace: "/$", "" | replace: "$", "" }}{% endcapture %}

<div class="container">
  <div class="section">
    <div class="row">
      <div class="col s12">
        <article>
          <div class="card">
            <div class="card-content">
              <span class="card-title truncate">Categories</span>
              <ul class="collapsible" data-collapsible="expandable">
                {% for cat in site.categories %}
                <li>
                {% capture cat_name %}{{ cat | first }}{% endcapture %}
                <div class="collapsible-header truncate">{{ cat_name }}</div>
                <div class="collapsible-body">
                  <ul class="collection">
                    {% for post in site.categories[cat_name] %}
                    <li class="collection-item truncate">
                      <strong><time datetime="{{ post.date }}">{{ post.date | date_to_string }}</time></strong><br>
                      <a href="{{ url }}{{ post.url }}">{{ post.title }}</a>
                    </li>
                    {% endfor %}
                  </ul>
                </div>
                </li>
                {% endfor %}
              </ul>
            </div>
          </div>
        </article>
      </div>
    </div>
  </div>
</div>