<!DOCTYPE html> <html lang=“{{ page.lang | default: site.lang }}”> {% include head.html %} <body class=“black-90 {% if page.class or layout.class %}{{ page.class | default: layout.class | join: ' ' | prepend: ' ' }}{% endif %}”>

<div class=“flex flex-column items-center”>

<div class="mw7 w-100 ph3 ph4-ns">
  <h1 class="f5 fw4 lh-title mb0 pb2 bb b--light-gray">{% if page.type == 'year' %}Posts from {{ page.date | date: "%Y" }}{% elsif page.type == 'month' %}Posts from {{ page.date | date: "%B %Y" }}{% elsif page.type == 'day' %}Posts from {{ page.date | date: site.date_format }}{% else %}Posts with {{ page.type }} '{{ page.title }}'{% endif %}</h1>

  {% for post in page.posts %}
  <a class="link black-80 hover-silver" href="{{ post.url | relative_url }}">
    <article class="f5 lh-copy fw3 pb4 bb b--light-gray">
      <div class="f6 fw6 lh-title ttu tracked mv4"><time>{{ post.date | date: "%b %Y" }}</time></div>
      <h3 class="f3 fw6 lh-title mb0">{{ post.title | escape }}</h3>
      <p class="f5 fw3 lh-copy mv2">{{ post.excerpt | remove: '<p>' | remove: '</p>' }}</p>

      <div class="f6 fw3 silver mt0">
        {% if post.last_modified_at %}
        <span>{{ site.data.theme.text.updated }} <time>{{ post.last_modified_at | date: site.date_format }}</time></span>
        {% else %}
        <time>{{ post.date | date: site.date_format }}</time>
        {% endif %}
        <span class="ttl">&middot; {% include read_time.html %}</span>
      </div>
    </article>
  </a>
  {% endfor %}

</div>

</div>

{% include footer.html %} </body> </html>