layout: default


<div class=“home”>

<h1 class="page-heading">Posts</h1>

<ul class="post-list">
    {% assign first = true %}
    {% for post in paginator.posts %}
    <li {% if post.lead_image %}style="background-image: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0.7) 80%), url('{{ post.lead_image }}'); background-size: contain;"{% endif %}>
        <article>
            {% include post_meta.html post=post %}

            <h2>
                <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
            </h2>
            {% if paginator.page == 1 and first %}
            <div>
                {{ post.content }}
                {% assign first = false %}
            </div>
            {% else %}
            <div>
                {{ post.excerpt }}
            </div>
            <a class="read-more" href="{{ post.url | prepend: site.baseurl }}">lees verder</a>
            {% endif %}
        </article>
    </li>
    {% endfor %}
</ul>

<!-- Pagination links -->
<div class="pagination">
    {% if paginator.previous_page %}
    <a href="{{ paginator.previous_page_path }}" class="previous button">Vorige</a>
    {% else %}
    <span class="previous button">Vorige</span>
    {% endif %}
    <span class="page_number ">Pagina: {{ paginator.page }} van {{ paginator.total_pages }}</span>
    {% if paginator.next_page %}
    <a href="{{ paginator.next_page_path }}" class="next button">Volgende</a>
    {% else %}
    <span class="next button">Volgende</span>
    {% endif %}
</div>

</div>