{% if article is defined %}
    <div class="card">
        <div class="metadata">
            {% if category %}
                <small>{{ category }}</small>
            {% else %}
                <p>by <twig:Molecules:UserFromNpub pubkey="{{ article.pubkey }}" /></p>
                <small>{{ article.createdAt|date('F j Y') }}</small>
            {% endif %}
        </div>
        <a href="{{ path('article-slug', {slug: article.slug}) }}">
            <div class="card-header">
                {% if category %}<small class="text-uppercase">{{ category }}</small>{% endif %}
                {% if article.image %}
                    <img src="{{ article.image }}" alt="Cover image for {{ article.title }}" onerror="this.style.display='none';" >
                {% endif %}
            </div>
            <div class="card-body">
                    <h2 class="card-title">{{ article.title }}</h2>
                    <p class="lede">
                        {{ article.summary }}
                    </p>
            </div>
        </a>
        <div class="card-footer"></div>
    </div>
{% endif %}