tags.html

---
layout: default
title: Tags
permalink: /tags/
---

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

<div class="container">
  <div class="section">
    <div class="row">
      <div class="col s12 m6">
        <article>
          <div class="card">
            <div class="card-content">
              <span class="card-title">Tags</span>
              {% for tag in site.tags %}
                <div class="chip" onclick="$('#posts').collapsible('open', {{ forloop.index0 }});">{{ tag | first }}</div>
              {% endfor %}
            </div>
          </div>
        </article>
      </div>
      <div class="col s12 m6">
        <article>
          <div class="card">
            <div class="card-content">
              <span class="card-title">Posts</span>
              <ul class="collapsible" data-collapsible="expandable" id="posts">
                {% for tag in site.tags %}
                <li>
                {% capture tag_name %}{{ tag | first }}{% endcapture %}
                <div class="collapsible-header">{{ tag_name }}</div>
                <div class="collapsible-body">
                  <ul class="collection">
                    {% for post in site.tags[tag_name] %}
                    <li class="collection-item">
                      <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>