---
title: Actualités
layout: layouts/base.njk
eleventyNavigation:
  key: Actualités
  order: 2
---

{% set liste = collections.actualites %}

<ol class="lg:grid lg:gap-4 lg:grid-cols-3 flex">
  {% for actualite in liste %}
    <li class="{% if actualite.url == url %} famille-item-active{% endif %}">
      <a href="{{ actualite.url | url }}" class="no-underline">
        <div class="flex flex-col border-2 border-amber-900 bg-amber-900 rounded-lg m-2 text-white drop-shadow-md">
          <span class="m-2 font-bold">{{ actualite.data.title }}</span>
          <img src="{{actualite.data.image}}" />
          <blockquote class="text-sm m-2">{{ actualite.data.page.excerpt  }}</blockquote>
          <time class="bg-white text-amber-800 rounded-b-lg px-4 py-1 text-center" datetime="{{ actualite.date | htmlDateString }}">{{ actualite.date | readableDate }}</time>
        </div>
      </a>
    </li>
  {% endfor %}
</ol>