{% extends "base.html" %}

{% block content %}
{% set signes = get_section(path="signes/_index.md") %}
{% set vocabulaire = get_section(path="vocabulaire/_index.md") %}
{% set grammaire = get_section(path="grammaire/_index.md") %}
{% set textes = get_section(path="textes/_index.md") %}
{% set articles = get_section(path="articles/_index.md") %}

{% set recent = signes.pages | concat(with=vocabulaire.pages) %}
{% set recent = recent | concat(with=grammaire.pages) %}
{% set recent = recent | concat(with=textes.pages) %}
{% set recent = recent | filter(attribute="date") | sort(attribute="date") | reverse %}

{% include "partials/section-header.html" %}

<section class="home-intro">
    <div class="home-intro__text">
        {{ section.content | safe }}
    </div>

    <figure class="home-intro__figure">
        <img class="home-intro__image" src="{{ get_url(path='images/DP-12499-013.webp') | safe }}" width="640"
            height="1120" alt="Tablette cunéiforme portant une lettre privée en akkadien paléo-babylonien"
            decoding="async">
        <figcaption class="home-intro__caption">
            Lettre privée paléo-babylonienne, vers 1632 av. J.-C. —
            <a href="https://www.metmuseum.org/art/collection/search/321706" target="_blank" rel="noopener noreferrer">
                The Metropolitan Museum of Art, 86.11.111
            </a>.
        </figcaption>
    </figure>
</section>

{% if articles.pages %}
{% set article = articles.pages | first %}

<section class="home-latest" aria-labelledby="home-latest-title">
    <h2 id="home-latest-title">Dernier article</h2>

    <article class="home-latest__entry">
        <h3>
            <a href="{{ article.permalink | safe }}">{{ article.title }}</a>
        </h3>

        <p class="entry-date">
            <time datetime="{{ article.date }}">{{ article.date | date(format="%d/%m/%Y") }}</time>
        </p>

        {% if article.description %}
        <p class="home-latest__description">{{ article.description }}</p>
        {% endif %}

        <a class="home-latest__link" href="{{ article.permalink | safe }}">Lire l’article</a>
    </article>
</section>
{% endif %}

{% set directory_sections = [
    signes,
    vocabulaire,
    grammaire,
    textes,
    articles
] %}

<nav class="home-directory" aria-labelledby="home-directory-title">
    <h2 id="home-directory-title">Explorer les carnets</h2>

    <ul class="home-directory__list">
        {% for directory_section in directory_sections %}
        <li>
            <a href="{{ directory_section.permalink | safe }}">
                {{ directory_section.title }}
            </a>

            {% if directory_section.description %}
            <p>{{ directory_section.description }}</p>
            {% endif %}
        </li>
        {% endfor %}
    </ul>
</nav>

{% if recent %}
<section aria-labelledby="recent-title">
    <h2 id="recent-title">Dernières fiches</h2>
    <ul class="entry-list">
        {% for item in recent | slice(end=3) %}
        <li>
            <a href="{{ item.permalink | safe }}">
                {% if "/signes/" in item.path %}
                {% set sign = item.extra | get(key="sign", default="") %}
                {% if sign %}
                <span class="cuneiform" lang="und-Xsux" aria-hidden="true">{{ sign }}</span>
                {% endif %}
                {% endif %}
                {% if "/vocabulaire/" in item.path %}<span lang="akk-Latn">{{ item.title }}</span>{% else %}{{
                item.title }}{% endif %}
            </a>
            <div class="entry-list__meta">
                {% if "/signes/" in item.path %}
                Signe
                {% elif "/vocabulaire/" in item.path %}
                Vocabulaire
                {% elif "/grammaire/" in item.path %}
                Grammaire
                {% elif "/textes/" in item.path %}
                Texte
                {% endif %}
                · <time datetime="{{ item.date }}">{{ item.date | date(format="%d/%m/%Y") }}</time>
            </div>
        </li>
        {% endfor %}
    </ul>
</section>
{% endif %}

<section class="home-about" aria-labelledby="home-about-title">
    <h2 id="home-about-title">À propos de ce site</h2>
    <p>
        Ce site évolue au rythme de mon apprentissage et ne prétend pas se substituer à une grammaire ou à un
        dictionnaire spécialisé. J’apprends pour l’instant le paléo-babylonien : les formes et les analyses présentées
        ici concernent donc principalement cette période. Les autres périodes ou dialectes seront précisés au fil de mes
        découvertes. Les principaux ouvrages sur lesquels je m’appuie sont présentés dans la bibliographie.
    </p>
    <p>
        Les fiches peuvent être consultées à l’écran, imprimées ou enregistrées au format PDF.
    </p>
    <p>
        Suggestions, remarques et corrections sont les bienvenues ; un lien de contact est disponible ci-dessous.
    </p>
</section>
{% endblock content %}