{% extends "layout.html" %}


{% block content %}
    <div class="container">

        <div class="thumbnail text-center mb-5">
            <img src="https://picsum.photos/id/12{{ article['id'] }}/600/400" alt="Nature">
            <div class="caption">
               <h2 class="mt-4">{{ article['title']|capitalize }}</h2>
               <p><em>(Cet article contient {{ article['content']|wordcount }} mots)</em></p>
               <p>{{ article['content'] }}</p>
            </div>
        </div>

    </div>
{% endblock %}