<article class="card h-100">
    {% if post.thumbnail %}
        <a href="{{ post.url }}">
            <img src="{{ post.thumbnail }}" class="card-img-top card-thumbnail"
                 alt="{{ post.title|e('html_attr') }}"
                 loading="lazy">
        </a>
    {% endif %}
    <div class="card-body">
        <h3 class="card-title h6">
            <a href="{{ post.url }}" class="text-decoration-none text-body">{{ post.title }}</a>
        </h3>
        <p class="card-text text-body-secondary small">
            <time datetime="{{ post.date_iso }}">{{ post.date }}</time>
        </p>
    </div>
</article>
