<div class=“col s12 cat-div”>

<div class="cat-list">
  {% for cat in site.categories %}
  {% capture test %}{{cat[0] | slice: 0}}{% endcapture %}
  {% capture testup %}{{cat[0] | slice: 0 | upcase}}{% endcapture %}
  <a class="cat-chip" href="#{{cat[0] | slugify}}{% if test == testup %}_cap{% endif %}"><div class="chip z-depth-1">{{cat[0]}}</div></a>
  {% endfor %}
</div>
<div class="divider"></div>
<div class="cat-index">
  {% for cat in site.categories %}
  {% capture test %}{{cat[0] | slice: 0}}{% endcapture %}
  {% capture testup %}{{cat[0] | slice: 0 | upcase}}{% endcapture %}
  <h4 id="{{cat[0] | slugify}}{% if test == testup %}_cap{% endif %}">{{cat[0]}}</h4>
  <ul class="cat-post">
    {% for post in cat[1] %}
    <a class="post-title" href="{{site.baseurl}}{{post.url}}" target="_blank">
      <li>
        {{post.title}}
        <small class="post-date">{{post.date | date_to_string}}</small>
      </li>
    </a>
    {% endfor %}
  </ul>
  {% endfor %}
</div>

</div>