53 lines
1.5 KiB
HTML
53 lines
1.5 KiB
HTML
---
|
|
layout: default
|
|
title: Blog
|
|
generator: pagination
|
|
pagination:
|
|
max_per_page: 10
|
|
use: [posts]
|
|
---
|
|
{% block content %}
|
|
<h1>Blog</h1>
|
|
|
|
<ul class="listing">
|
|
{% for post in page.pagination.items %}
|
|
<li class="listing-item">
|
|
{{ include('post/header', {
|
|
page: post,
|
|
title_tag: 'h2'
|
|
}) }}
|
|
|
|
{% include 'post/intro-image' with { page: post } %}
|
|
|
|
<div class="mb-4">
|
|
{% if post.blocks.excerpt %}
|
|
{{ post.blocks.excerpt|markdown }}
|
|
{% else %}
|
|
{{ post.blocks.content|markdown }}
|
|
{% endif %}
|
|
</div>
|
|
|
|
<p>
|
|
<a href="{{ post.url }}">Read more →</a>
|
|
</p>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
|
|
{% if page.pagination.previous_page or page.pagination.next_page %}
|
|
<ul class="list-reset flex">
|
|
{% if page.pagination.next_page %}
|
|
<li class="w-1/2">
|
|
<a href="{{ site.url }}{{ page.pagination.next_page.url }}">← Older posts</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
{% if page.pagination.previous_page %}
|
|
<li class="w-1/2 text-right">
|
|
<a href="{{ site.url }}{{ page.pagination.previous_page.url }}">Newer posts →</a>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
{% endif %}
|
|
{% endblock %}
|