{% extends "base.html" %} {% block content %}

<h2 class="title is-3">{{- section.title -}}</h2>
{%- if section.extra.subtitle -%}
<p class="subtitle is-5">
    {{- section.extra.subtitle -}}
</p>
{%- endif -%}
<section class="content-section">{{- section.content | safe -}}</section>

<div class="grid mt-5">
    {%- for page in section.pages -%}
    <div class="card cell">
        <header class="card-header">
            <p class="card-header-title">{{ page.title }}</p>
        </header>
        <div class="card-image">
            <figure class="image is-square">
                <a href="{{ page.path }}">
                <img
                    src="{{ page.path ~ page.extra.img }}"
                    alt="{{ page.extra.alt | default(value="") }}"
                />
                </a>
            </figure>
        </div>
        <div class="card-content">
            <div class="content">{{ page.content | split(pat="<!-- cut -->") | first | safe }}</div>
        </div>
        <footer class="card-footer">
            <a href="{{ page.path }}" class="card-footer-item">Lire le détail</a>
        </footer>
    </div>
    {%- endfor -%}
</div>

{% endblock content %}
