{% extends "base.html" %}

{% block body %}
<section class="hero">
    <span class="eyebrow">Projet DevOps · CESI</span>
    <h1>{{ section.title }}</h1>
    <p>Documentation du script <code>create_repo.sh</code> — création automatisée
       de dépôts sur la forge via l'API REST.</p>
</section>

<main class="wrap">
    <div class="cards">
        {% for page in section.pages %}
        <a class="card" href="{{ page.permalink }}">
            <div class="icon">📄</div>
            <h3>{{ page.title }}</h3>
            <p>{{ page.description | default(value="Lire la documentation") }}</p>
            <span class="arrow">Lire →</span>
        </a>
        {% endfor %}
        <a class="card" href="https://forge.gwenaelremond.fr/adam/exercice">
            <div class="icon">🔗</div>
            <h3>Dépôt sur la forge</h3>
            <p>Voir le projet exercice sur forge.gwenaelremond.fr</p>
            <span class="arrow">Ouvrir →</span>
        </a>
    </div>
</main>
{% endblock body %}