{% switch p.parent.title %}
  {% case 'Publique' %}
    <div class="publique-card card-displayed">
  {% case 'Sociale' %}
    <div class="sociale-card card-displayed">
  {% case 'Culturelle' %}
    <div class="culturelle-card card-displayed">
{% endswitch %}
  {% set url = p.media.videos|first.url %}
  {% if url != null %}
  <figure class="projet-card loaded">
    <a href="{{ p.url }}">
      {# <video autoplay muted loop src="{{ url('theme://images/loader/circle.mp4') }}" data-src="{{ p.media.videos|first.url }}" type="video/mp4" class="lazy loader"> #}
      <video autoplay muted loop src="{{ p.media.videos|first.url }}" type="video/mp4">
  {% else %}
  <figure class="projet-card">
    <a href="{{ p.url }}">
      <img src="{{ url('theme://images/loader/rolling.svg') }}" data-src="{{ p.media.images|first.url }}" alt="{{ p.title }}" class="lazy loader">
  {% endif %}
    </a>
    <a href="{{ p.url }}">
      <figcaption>
        {% switch p.parent.title %}
          {% case 'Publique' %}
            <span class="publique-title">
          {% case 'Sociale' %}
            <span class="sociale-title">
          {% case 'Culturelle' %}
            <span class="culturelle-title">
        {% endswitch %}
        {{ p.title }}</span>,
        {% for tag in p.taxonomy.tag %}{{ tag }}, {% endfor %}
        {{ p.date|date("Y") }}
      </figcaption>
    </a>
  </figure>
</div>
