nonscollectif-org/src/index.njk

---
layout: layouts/home.njk
description: Le NonSco’llectif œuvre pour préserver une liberté qui nous est chère, celle de choisir le mode d’instruction délivré à nos enfants.
---

<blockquote>
    <a href="/qui-sommes-nous">NonSco’llectif</a> œuvre pour préserver une liberté qui nous est chère, celle de choisir le mode d’instruction délivré à nos enfants.
</blockquote>

<a target="_blank" href="/evenements/table-ronde-20-avril-2023/">
    <img alt="Table ronde" src="/images/table-ronde-avril-2023.jpg" class="mx-auto w-11/12 lg:max-w-3xl border-2 border-black drop-shadow-md" />
</a>

<a class="centered-button" href="/evenements/table-ronde-20-avril-2023" target="_blank">Infos et inscriptions</a>


<h2>Les dernières actualités de notre collectif …</h2>

{% set liste = collections.actusHome  %}

<ol id="actualites-liste" class="flex flex-col md:grid md:gap-4 md:grid-cols-3">
    {% 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-slate-900 bg-slate-900 rounded-lg m-2 text-white drop-shadow-md">
                    <span class="m-2 font-bold actualite-vignette-titre">{{ actualite.data.title }}</span>
                    <img alt="{{ actualite.data.title }}" src="{{actualite.data.image}}" />
                    <blockquote class="text-sm m-2 h-28 overflow-y-auto">{{ actualite.data.page.excerpt | toHTML | safe }}</blockquote>
                    <time class="bg-white text-slate-800 rounded-b-lg px-4 py-1 text-center" datetime="{{ actualite.date | htmlDateString }}">{{ actualite.date | readableDate }}</time>
                </div>
            </a>
        </li>
    {% endfor %}
</ol>
<a href="/actualites" class="centered-button">Toutes les actus</a>

<h2>On parle de nous</h2>

<div class="wrapper-news">

    {% for article in collections.presseHome %}
        <a href="{{ article.url }}">
            <article class="news-card">
                <div class="news-head">
                    <img alt="{{ article.data.media | mediaName }}" src="{{ article.data.media | mediaLogo }}" />
                    <h3>{{article.data.title}}</h3>
                </div>
                <time datetime="{{ article.data.date | htmlDateString }}">
                    {{ article.data.date | readableDate}}
                </time>
                {% if article.data.quotes and article.data.quotes.length %}
                    <cite>« {{ article.data.quotes[0] }} »</cite>
                {% endif %}
                {% if article.data.articleImage %}
                    <img alt="{{ article.data.title }}" src="{{ article.data.articleImage }}" />
                {% endif %}
                {% if article.data.iframe %}
                    {{ article.data.iframe | safe }}
                {% endif %}
                <button class="button">Voir</button>
            </article>
        </a>
    {% endfor %}

</div>

<a href="/presse" class="centered-button">Revue de presse</a>

<h2>Cagnotte</h2>

Le NonSco'llectif continue à se mobiliser pour faire sauter l'article 49 de cette loi absurde. On ne s'arrêtera pas au Tribunal Administratif !