archive.html

---
title: Browse the Archive
permalink: "/archive/"
layout: default
image:
  twitter: "/public/wtfjht-t.jpg"
  facebook: "/public/wtfjht-f.jpg"
---

<div class="browse-archive">
  <h1 class="browse-archive__heading">Browse the Archive</h1>
  <p class="browse-archive__summary">{{ site.posts | size | number_with_commas }} posts since January 2017</p>

  <p class="browse-archive__calendar">
    <a href="/big-grid/">View as calendar heatmap &rarr;</a>
  </p>

  <section class="browse-archive__section">
    <h2 class="browse-archive__section-title">By Date</h2>
    {% assign years = site.archives | where:"type", "year" %}
    {% for year in years reversed %}
      <div class="browse-archive__year">
        <a href="{{ year.url }}" class="browse-archive__year-link">{{ year.posts[0].date | date:"%Y" }}</a>
        {% assign months = site.archives | where:"type", "month" %}
        <span class="browse-archive__months">
        {%- assign first_month = true -%}
        {%- for month in months reversed -%}
          {%- assign monthYear = month.posts[0].date | date:"%Y" -%}
          {%- assign yearYear = year.posts[0].date | date:"%Y" -%}
          {%- if monthYear == yearYear -%}
            {%- unless first_month -%}<span class="browse-archive__sep" aria-hidden="true"> · </span>{%- endunless -%}
            <a href="{{ month.url }}" class="browse-archive__month">{{ month.posts[0].date | date:"%b" }}</a>
            {%- assign first_month = false -%}
          {%- endif -%}
        {%- endfor -%}
        </span>
      </div>
    {% endfor %}
  </section>

  <section class="browse-archive__section">
    <h2 class="browse-archive__section-title">By Topic</h2>
    {% assign sorted_tags = site.tags | sort %}
    <ul class="browse-archive__tags">
      {% for tag in sorted_tags %}
        {% assign tag_name = tag[0] %}
        {% assign tag_posts = tag[1] %}
        {% capture tag_display %}{% include tag-name.html tag=tag_name %}{% endcapture %}
        <li class="browse-archive__tag">
          <a href="/tags/{{ tag_name }}/">{{ tag_display }} <span class="browse-archive__tag-count">{{ tag_posts | size }}</span></a>
        </li>
      {% endfor %}
    </ul>
  </section>
</div>