{% extends "base.html" %} {% block content %} {% set show_hero =
homepage_config.show_hero | default(value=true) %} {% set show_pages_config =
homepage_config.show_pages | default(value=true) %} {% set show_posts_config =
homepage_config.show_posts | default(value=true) %} {% set show_pages =
show_pages_config and homepage.show_pages | default(value=true) %} {% set
show_posts = show_posts_config and homepage.show_posts | default(value=true) %}
{% set hero_layout = homepage_config.hero_layout | default(value="centered") %}
{% set hero_height = homepage_config.hero_height | default(value="medium") %} {%
set hero_text_align = homepage_config.hero_text_align | default(value="center")
%} {% set hero_image = homepage_config.hero_image | default(value="") %} {% set
posts_layout = homepage_config.posts_layout | default(value="grid") %} {% set
posts_columns = homepage_config.posts_columns | default(value=2) %} {% set
pages_layout = homepage_config.pages_layout | default(value="grid") %} {% if
show_hero %}
<section
    class="hero hero--{{ hero_layout }} hero--{{ hero_height }} hero--align-{{ hero_text_align }}{% if hero_image %} hero--with-image{% endif %}"
    {%
    if
    hero_image
    %}
    style="--hero-image: url('{{ hero_image }}')"
    {%
    endif
    %}
>
    <div class="hero-content">
        {% if homepage.title %}
        <h1 class="hero-title">{{ homepage.title }}</h1>
        {% else %}
        <h1 class="hero-title">{{ site.title }}</h1>
        {% endif %} {% if homepage.subtitle %}
        <p class="hero-subtitle">{{ homepage.subtitle }}</p>
        {% else %}
        <p class="hero-subtitle">{{ site.description }}</p>
        {% endif %} {% if homepage.custom_content %}
        <div class="hero-custom">{{ homepage.custom_content | safe }}</div>
        {% endif %}
    </div>
</section>
{% else %} {% if homepage.custom_content %}
<section class="custom-content-section">
    <div class="custom-content">{{ homepage.custom_content | safe }}</div>
</section>
{% endif %} {% endif %} {% if pages | length > 0 and show_pages %}
<section class="pages-section">
    <h2 class="section-title">Pages</h2>
    <div class="pages-grid pages-grid--{{ pages_layout }}">
        {% for p in pages %}
        <a href="/pages/{{ p.slug }}" class="page-card">
            <div class="page-card-content">
                <h3>{{ p.title }}</h3>
                {% if p.excerpt %}
                <p>{{ p.excerpt }}</p>
                {% endif %}
            </div>
            <span class="page-card-arrow">-></span>
        </a>
        {% endfor %}
    </div>
</section>
{% endif %} {% if show_posts %}
<section class="posts-section">
    <div class="section-header">
        <h2 class="section-title">Recent Posts</h2>
        {% if posts | length > 0 %}
        <a href="/posts" class="view-all-link">View all posts -></a>
        {% endif %}
    </div>

    {% if posts | length > 0 %}
    <div
        class="post-list post-list--{{ posts_layout }} post-list--cols-{{ posts_columns }}"
    >
        {% 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.excerpt %}
            <p class="post-excerpt">{{ post.excerpt | strip_md }}</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>
    {% 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 %}
</section>
{% endif %} {% if total_pages is defined and total_pages > 1 %}
<nav class="pagination" aria-label="Pagination">
    {% if page > 1 %}
    <a href="/posts?page={{ page - 1 }}" aria-label="Go to previous page">&larr; Newer</a>
    {% else %}
    <span></span>
    {% endif %}
    <span class="page-info" aria-current="page">Page {{ page }} of {{ total_pages }}</span>
    {% if page < total_pages %}
    <a href="/posts?page={{ page + 1 }}" aria-label="Go to next page">Older &rarr;</a>
    {% else %}
    <span></span>
    {% endif %}
</nav>
{% endif %} {% endblock %}