---
layout: default
---

<section class="flex justify-center mt3">
  <div class="mw7 w-100 pa3 pa4-ns">
    <h3 class="f5 f4-ns fw3 mb0 pb2 bb b--light-gray">{{ site.data.theme.text.latest_articles | default: "Recent Posts" }}</h3>
    
    {% for post in site.posts limit: site.data.theme.text.post_limit %}
    <a class="link black-80 hover-silver" href="{{ post.url | relative_url }}">
      <article class="post pv4 bb b--light-gray">
        <div class="f5 fw3 silver lh-copy">
          {% 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>
        <h3 class="f3 f2-ns fw6 lh-title mt0 mb0">{{ post.title | escape }}</h3>
        <p class="f5 f4-ns fw3 lh-copy mv2">{{ post.excerpt | remove: '<p>' | remove: '</p>' }}</p>
        <div class="f6 fw3 silver lh-copy mb0">{{ site.data.theme.text.read_more | capitalize }}</div>
      </article>
    </a>
    {% endfor %}
    <div class="inline-flex">
      <a class="f5 f4-ns fw3 link black-80 hover-silver ba br2 bw1 mv4 pv2 ph3" href="{{ site.data.theme.text.full_archive_url | relative_url }}">{{ site.data.theme.text.full_archive | default: "All Posts" }}</a>    
    </div>
  </div>
</section>