layout: default


<div class=“content-wrapper”>

{% include carousel.html %}
<div class="content mx-auto p-3">
  {% for post in paginator.posts %}
  <div class="width-lg-stretch py-4 flex space-between postcard">
    <div class="full-width">
      <h3 class="mb-3">
        <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
      </h3>
      <div class="my-2 col-1 border-bottom-thick"></div>

      {% if post.blurb %}
      <p class="my-3">{{ post.blurb | truncatewords:25 }}</p>
      {% else %}
      <p class="my-3">{{ post.content | strip_html | truncatewords:40 }}</p>
      {% endif %}

      <span class="mb-3 bold secondary">{{ post.date | date: '%d %b %Y' }}</span>
    </div>
    <div class="mr-2 ml-lg-2 mr-lg-0 flex align-center">
      {% if post.image %}
      <a href="{{ post.url | prepend: site.baseurl }}">
        <img class="image-thumbnail image-lg-stretch" src="{{ post.image | prepend: site.baseurl }}"></a>
      {% endif %}</div>
  </div>
  {% endfor %}

  {% if paginator.total_pages > 1 %}
  <div class="mt-4 flex space-between">
    {% if paginator.previous_page %}
    <div class="border-left-thick">
      <a href="{{ paginator.previous_page_path | prepend: site.baseurl }}">
        <h5 class="ml-3">newer posts</h5>
      </a>
    </div>
    {% else %}
    <div class="col-1"></div>
    {% endif %}

    <h5>page {{ paginator.page }} of {{ paginator.total_pages }}</h5>

    {% if paginator.next_page %}
    <div class="border-right-thick text-right">
      <a href="{{ paginator.next_page_path | prepend: site.baseurl }}">
        <h5 class="mr-3">older posts</h5>
      </a>
    </div>
    {% else %}
    <div class="col-1"></div>
    {% endif %}
  </div>
  {% endif %}
</div>

</div>