{% extends "blog/layout.html" %}
{% load static %}

{% block content %}

    <div id="article_list">
        {% for article in articles %}
            <a href="{% url "blog:article_detail" article.pk article.title|slugify %}">
                <article>
{#                    {% set article_image %}#}
{#                        <section class="article_image">#}
{#                            <img src="{{ static("images/no_mage_600_x_400.svg") }}">#}
{#                            <img src="{% static "images/no_image.png" %}" alt="No image"/>#}
{#                        </section>#}
{#                    {% endset %}#}
{##}
{#                    {% set article_text %}#}
{#                        <section class="article_text">#}
{#                            <header>#}
{#                                <h2>{{ article.title }}</h2>#}
{#                            </header>#}
{#                            <p>{{ article.description|safe|linebreaks }}</p>#}
{#                        </section>#}
{#                    {% endset %}#}

{#                    {{ article_image }}#}
{#                    {{ article_text }}#}
                </article>
            </a>
        {% empty %}
            <p>Aucun article</p>
        {% endfor %}
    </div>
{% endblock %}