<div class="component-wrapper">
  <div class="grid__item width-10-12 width-12-12-m">
    {% for post in site.posts %}
      {% assign author = site.data.authors[post.author] %}
      <div class="blog-list-item grid-wrapper">
        <div class="post-title grid__item width-12-12">
          <h3><a href="{{site.baseurl}}{{ post.url }}">{{ post.title }}</a></h3>
        </div>
        <div class="grid__item width-8-12 width-12-12-m byline-wrapper">
          {% if author.emailhash %}
            <img class="headshot" src="https://www.gravatar.com/avatar/{{ author.emailhash }}">
          {% endif %}
          <p class="byline">By {{ author.name }} | {{ post.date | date: '%B %d, %Y' }}</p>
        </div>
        <div class="grid__item width-4-12 width-12-12-m">{% include share-page.html %}</div>
        <div class="grid__item width-12-12">
          {% if post.synopsis %}
            <p>{{ post.synopsis | strip_html }}</p>
          {% else %}
            <p>{{ post.content | strip_html | truncatewords: 75 }}</p>
          {% endif %}
        </div>
        <div class="grid__item width-12-12"><a href="{{site.baseurl}}{{ post.url }}">Read More ></a></div>
      </div>
    {% endfor %}
    {% if paginator.total_pages > 1 %}
      <div class="paginator-btns">
        {% if paginator.previous_page %}
          <a href="{{ paginator.previous_page_path | prepend: site.baseurl }}" class="button-cta secondary">Newer Posts</a>
        {% endif %}
        {% if paginator.next_page %}
          <a href="{{ paginator.next_page_path | prepend: site.baseurl }}" class="button-cta secondary">Older Posts</a>
        {% endif %}
      </div>
    {% endif %}
  </div>
</div>