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>