{# Usage : {% include 'components/realisation-card.html.twig' with { realisation } %}
   Effet hover scroll sur la capture (.mk). #}
<article class="realisation-card mk">
    <div class="realisation-card__shot">
        {% set shot = realisation.screenshot ? ('/images/realisations/' ~ realisation.screenshot.filename) : '/images/realisations/' ~ realisation.slug ~ '.png' %}
        <img src="{{ shot }}" alt="Aperçu du site {{ realisation.title }}" loading="lazy">
    </div>
    <div class="realisation-card__body">
        <div>
            <div class="realisation-card__name">{{ realisation.title }}</div>
            {% if realisation.category %}<div class="realisation-card__sector">{{ realisation.category }}</div>{% endif %}
        </div>
        {% if realisation.url %}
            <a class="btn btn--secondary" href="{{ realisation.url }}" target="_blank" rel="noopener">Voir</a>
        {% endif %}
    </div>
</article>