{% extends "base.html" %} {% block title %}Posts - {{ site.title }}{% endblock
%} {% block content %}
<header class="post-header">
    <h1>Posts</h1>
</header>

{% if posts | length > 0 %}
<div class="post-list">
    {% for post in posts %}
    <article class="post-card">
        <h2>
            <a href="/posts/{{ post.slug }}">{{ post.title }}</a>
        </h2>
        <div class="post-meta">
            {% if post.published_at %}
            <time>{{ post.published_at | format_date }}</time>
            {% endif %} {% if post.author %}
            <span class="separator">&middot;</span>
            <span>{{ post.author.username }}</span>
            {% endif %}
        </div>
        {% if post.body_html %}
        <p class="post-excerpt">{{ post.body_html | striptags | truncate(length=200) }}</p>
        {% elif post.excerpt %}
        <p class="post-excerpt">{{ post.excerpt | striptags | truncate(length=200) }}</p>
        {% endif %} {% if post.tags | length > 0 %}
        <div class="post-tags">
            {% for tag in post.tags %}
            <a href="/tags/{{ tag.slug }}" class="tag">{{ tag.name }}</a>
            {% endfor %}
        </div>
        {% endif %}
    </article>
    {% endfor %}
</div>

{% if total_pages is defined and total_pages > 1 %}
<nav class="pagination" aria-label="Pagination">
    {% if page > 1 %}
    {% if static_mode is defined and static_mode %}
    <a href="{% if page - 1 == 1 %}/posts{% else %}/posts/page/{{ page - 1 }}{% endif %}" aria-label="Go to previous page">&larr; Newer</a>
    {% else %}
    <a href="/posts?page={{ page - 1 }}" aria-label="Go to previous page">&larr; Newer</a>
    {% endif %}
    {% else %}
    <span></span>
    {% endif %}
    <span class="page-info" aria-current="page">Page {{ page }} of {{ total_pages }}</span>
    {% if page < total_pages %}
    {% if static_mode is defined and static_mode %}
    <a href="/posts/page/{{ page + 1 }}" aria-label="Go to next page">Older &rarr;</a>
    {% else %}
    <a href="/posts?page={{ page + 1 }}" aria-label="Go to next page">Older &rarr;</a>
    {% endif %}
    {% else %}
    <span></span>
    {% endif %}
</nav>
{% endif %} {% else %}
<div class="empty-state">
    <p>No posts published yet.</p>
    <p class="empty-state-hint">
        Start creating content in the <a href="/admin">admin panel</a>.
    </p>
</div>
{% endif %} {% endblock %}