feat: revoit la page d'acceuil avec manif

pull/1/head
Jalil Arfaoui 2022-08-31 12:15:28 +02:00
parent c906f76784
commit fe3eec9128
5 changed files with 57 additions and 36 deletions

View File

@ -54,6 +54,20 @@ module.exports = function(eleventyConfig) {
eleventyConfig.addFilter("nlToBr", string => string.replaceAll('\n', '<br>'))
eleventyConfig.addCollection('actusHome', collection => {
return [
...collection
.getFilteredByTag('actualites')
.filter(post => {
console.log(post.data.tags);
return !post.data.tags.some(tag => tag === 'excludeFromHome')
}
)
.reverse()
.slice(0,3)
]
})
eleventyConfig.setLibrary('md', markdownIt(markdownItOptions).use(markdownItAttrs))
eleventyConfig.setFrontMatterParsingOptions({ excerpt: true });

View File

@ -14,7 +14,7 @@ layout: layouts/html.njk
{{ content | safe }}
{% if modified %}
<span class="text-xs">Mis à jour le <time datetime="{{ modified | htmlDateString }}">{{ modified | readableDate }}</time><span>
<span class="text-xs">Mis à jour le <time datetime="{{ modified | htmlDateString }}">{{ modified | readableDate }}</time></span>
{% endif %}
</main>

View File

@ -3,6 +3,8 @@ title: Manifestation de non-rentrée !
description: Rassemblement & manifestation le jeudi 1er septembre 2022 pour la défense de l'instruction en famille
date: 2022-08-30
image: /images/image-manif.png
tags:
- excludeFromHome
---
Cette non-rentrée 2022 est teintée d'injustice pour toute la communauté IEF !
@ -17,7 +19,7 @@ Nous ne nous laisserons pas faire !
---
![Manifestation de non-rentrée](/images/Bannière-Twitter.png){.my-8}
![Manifestation de non-rentrée](/images/Bannière-Manif.png){.my-8}
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 !

View File

Before

Width:  |  Height:  |  Size: 541 KiB

After

Width:  |  Height:  |  Size: 541 KiB

View File

@ -3,55 +3,60 @@ layout: layouts/home.njk
description: Le NonScollectif œuvre pour préserver une liberté qui nous est chère, celle de choisir le mode dinstruction délivré à nos enfants.
---
{#
<h2>Actualités</h2>
<h2>Manifestation de non-rentrée !</h2>
<img src="/images/Bannière-Manif.png" alt="Faisons du bruit pour défendre la liberté dinstruction" class="my-4" />
<strong>Cette non-rentrée 2022 est teintée d'injustice pour toute la communauté IEF !</strong>
<p>La première non-rentrée pour laquelle notre liberté est gravement menacée. La première pour laquelle de nombreuses familles se voient contraintes par ladministration de mettre leur(s) enfant(s) à lécole en dépit de leur souhait de les instruire autrement.</p>
<p><strong>Nous ne nous laisserons pas faire !</strong></p>
Le <strong><time datetime="2022-09-01">jeudi 1er septembre</time></strong>, au parc de Rochegude, un rendez-vous organisé en deux temps forts :
<ul>
<li>une dernière actu</li>
<li>une dernière actu</li>
<li>une dernière actu</li>
<li> le traditionnel et incontournable pique-nique festif de la non-rentrée des Unschorrigibles</li>
<li> et un rassemblement organisé par le NonScollectif pour faire valoir nos droits !</li>
</ul>
---
<a href="/actualites">Toutes les actus</a>
#}
<h2>On parle de nous sur M6</h2>
{#
<h2>Dernières familles</h2>
{% set listeFamilles = collections.familles | reverse | head(3) %}
{% include "familles.njk" %}
<p>Toutes les <a href="{{ '/familles/' | url }}">familles</a>.</p>
#}
{#
<h2>On parle de nous</h2>
Dans les médias et sur les réseaux, on <a href="/on-parle-de-nous">parle de nous</a> !
#}
<blockquote><a href="/qui-sommes-nous">NonScollectif</a> œuvre pour préserver une liberté qui nous est chère, celle de choisir le mode dinstruction délivré à nos enfants.</blockquote>
<iframe title="Les parents recalés - 1245 de M6 le 30&nbsp;août 2022" src="https://peertube.stream/videos/embed/ae9d2ff0-a80d-4bb4-b7a5-92a1964e64b5" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups" frameborder="0" class="mx-auto my-2 w-2/3 video-iframe"></iframe>
<h2>Les dernières actualités de notre collectif …</h2>
{% set liste = collections.actualites | reverse %}
{% set liste = collections.actusHome %}
<ol class="flex flex-col">
<ol id="actualites-liste" class="flex flex-col lg:grid lg:gap-4 lg: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 justify-start md:flex-row bg-slate-900 rounded-xl m-2 text-white drop-shadow-md p-0 overflow-hidden relative">
<time class="absolute bottom-0 text-bold text-sm right-0 bg-white text-slate-800 px-4 py-1 text-center" datetime="{{ actualite.date | htmlDateString }}">{{ actualite.date | readableDate }}</time>
<img alt="{{ actualite.data.title }}" class="hidden flex-none w-48 md:block md:rounded-none" src="{{actualite.data.image}}" />
<div class="flex flex-col">
<span class="m-2 font-bold">{{ actualite.data.title }}</span>
<blockquote class="text-sm m-2">{{ actualite.data.page.excerpt }}</blockquote>
</div>
<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">Toutes les actus</a>
<h2>On parle de nous</h2>
Dans les médias et sur les réseaux, on <a href="/presse">parle de nous</a> !
<blockquote><a href="/qui-sommes-nous">NonScollectif</a> œuvre pour préserver une liberté qui nous est chère, celle de choisir le mode dinstruction délivré à nos enfants.</blockquote>
<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 !
👉 Pour soutenir les familles dans leur combat judiciaire : <a href="/cagnotte">Notre cagnotte</a>