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>