{% extends "default.html" %}
{% block title %}Home{% endblock %}
{% block content %}
    <h1>All articles</h1>

    {% for article in articles %}
        <article class="content-area">
            {% if article["image"] %}
                <img src="{{ article['image'] }}" alt="{{ article['image-alt'] }}" class="article-image">
            {% endif %}
            <h2><a href="/articles/{{ article.file_name }}" class="article-title">{{ article["title"] }}</a></h2>
            <div class="home-article-date">{{ article.date | strftime("%Y-%m-%d") }}</div>
            <p>{{ article.content | first_paragraph | markdown }}</p>
        </article>
    {% endfor %}
{% endblock %}