---
layout: default
---

<div class="frontpage">
    {% for post in paginator.posts %}
        <div class="frontpage-item">
            <a href="{{ post.url | prepend: site.baseurl }}">
                <h3 class="title is-3">{{ post.title }}</h3>
            </a>
            <time datetime="{{ post.date }}" class="frontpage-time has-text-grey-light">{{ post.date | date: "%B %d, %Y" }}</time>

            <p class="show-if-mobile">
                {{ post.content | truncatewords: 60 | strip_html }}
            </p>

            <p class="frontpage-item-readmore">
                <a href="{{ post.url | prepend: site.baseurl }}" class="button is-{{ site.color }}">
                   <strong>Read more</strong>
                </a>
            </p>
            <br><br>
        </div>
    {% endfor %}
</div>

<div class="pagination">
  {% if paginator.previous_page %}
    <a href="{{ paginator.previous_page_path | prepend: site.baseurl }}" class="left-arrow">&#8592;</a>
  {% endif %}

  {% if paginator.next_page %}
    <a href="{{ paginator.next_page_path | prepend: site.baseurl }}" class="right-arrow">&#8594;</a>
  {% endif %}

  <span class="page-number">{{ paginator.page }}</span>
  
</div>