45 lines
1.7 KiB
Text
45 lines
1.7 KiB
Text
|
---
|
||
|
|
layout: layouts/base.njk
|
||
|
|
title: Poetry
|
||
|
|
pagination:
|
||
|
|
data: collections.poetry
|
||
|
|
size: 10
|
||
|
|
alias: items
|
||
|
|
reverse: true
|
||
|
|
permalink: "/poetry/{% if pagination.pageNumber > 0 %}page-{{ pagination.pageNumber + 1 }}/{% endif %}"
|
||
|
|
---
|
||
|
|
|
||
|
|
<h1 class="text-2xl font-bold mb-4">Poetry</h1>
|
||
|
|
<p class="text-gray-600 dark:text-gray-400 mb-6">Collected poems with their own pages.</p>
|
||
|
|
|
||
|
|
{% set items = items | default([]) %}
|
||
|
|
{% if items | length == 0 %}
|
||
|
|
<p class="text-gray-500 dark:text-gray-400 italic">No poems yet. Add files under <code>src/poetry/</code>.</p>
|
||
|
|
{% else %}
|
||
|
|
<section class="space-y-6">
|
||
|
|
{% for item in items %}
|
||
|
|
<article class="border-b pb-4">
|
||
|
|
<h2 class="text-lg font-semibold"><a href="{{ item.url }}">{{ item.data.title or 'Untitled' }}</a></h2>
|
||
|
|
{% if item.date %}
|
||
|
|
<time class="text-xs text-gray-500" datetime="{{ item.date | htmlDateString }}">{{ item.date | readableDate }}</time>
|
||
|
|
{% endif %}
|
||
|
|
</article>
|
||
|
|
{% endfor %}
|
||
|
|
</section>
|
||
|
|
<nav class="mt-8 flex items-center justify-between" aria-label="Pagination">
|
||
|
|
{% if pagination.href.previous %}
|
||
|
|
<a class="px-4 py-2 rounded bg-gray-100 dark:bg-gray-800 hover:bg-gray-200" href="{{ pagination.href.previous }}">← Newer</a>
|
||
|
|
{% else %}
|
||
|
|
<span class="px-4 py-2 text-gray-400">← Newer</span>
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
<span class="text-sm text-gray-600 dark:text-gray-400">Page {{ pagination.pageNumber + 1 }} of {{ pagination.pages | length }}</span>
|
||
|
|
|
||
|
|
{% if pagination.href.next %}
|
||
|
|
<a class="px-4 py-2 rounded bg-gray-100 dark:bg-gray-800 hover:bg-gray-200" href="{{ pagination.href.next }}">Older →</a>
|
||
|
|
{% else %}
|
||
|
|
<span class="px-4 py-2 text-gray-400">Older →</span>
|
||
|
|
{% endif %}
|
||
|
|
</nav>
|
||
|
|
{% endif %}
|