feat: ajoute parution Au Féminin

.eleventy.js

@@ -8,7 +8,7 @@ const markdownItAttrs = require('markdown-it-attrs')
 
 const markdownItOptions = {
   html: true,
-  breaks: true,
+  breaks: false,
   linkify: true
 }
 
@@ -27,6 +27,10 @@ module.exports = function(eleventyConfig) {
   eleventyConfig.addPassthroughCopy("src/idees-recues/images");
   eleventyConfig.addPassthroughCopy("src/actualites/images");
 
+  eleventyConfig.addFilter("toHTML", str => {
+    return new markdownIt(markdownItOptions).renderInline(str);
+  });
+
   eleventyConfig.addFilter("readableDate", dateObj => {
     return DateTime.fromJSDate(dateObj, {zone: 'utc'}).setLocale("fr").toFormat("dd LLL yyyy");
   });

src/actualites.njk

@@ -15,8 +15,8 @@ eleventyNavigation:
       <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 }}" class="max-h-56 object-cover object-top" src="{{actualite.data.image}}" />
-          <blockquote class="text-sm m-2 h-28 overflow-y-auto">{{ actualite.data.page.excerpt  }}</blockquote>
+          <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>

src/actualites/2022-08-19-parution-au-feminin.md

@@ -0,0 +1,17 @@
+---
+title: Notre témoignage dans Au Féminin
+description: Le magazine Au Féminin est venu nous interroger sur notre pratique de l'instruction en famille, ainsi que sur la situation dans laquelle l'administration nous met …
+date: 2022-08-19
+image: /presse/images/aufeminin.jpg
+---
+
+Le magazine [Au Féminin](https://www.aufeminin.com/enfant/temoignage-c-est-injuste-on-refuse-a-mon-fils-le-droit-d-etre-instruit-en-famille-a-la-maison-s4047432.html) est également venu nous interroger sur notre pratique de l'instruction en famille, ainsi que sur la situation dans laquelle l'administration nous met …
+
+---
+
+[Lire](https://www.aufeminin.com/enfant/temoignage-c-est-injuste-on-refuse-a-mon-fils-le-droit-d-etre-instruit-en-famille-a-la-maison-s4047432.html){target=_blank .centered-button}
+
+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 : [Notre cagnotte](/cagnotte/)
+

src/presse/2022-08-19-au-feminin.md

@@ -0,0 +1,18 @@
+---
+title: "Au Féminin : C’est injuste, on refuse à mon fils le droit d’être instruit en famille, à la maison"
+description: "« Une situation plus que difficile pour les familles à quelques semaines de la rentrée scolaire. »" 
+date: 2022-08-19
+---
+
+Le magazine [Au Féminin](https://www.aufeminin.com/enfant/temoignage-c-est-injuste-on-refuse-a-mon-fils-le-droit-d-etre-instruit-en-famille-a-la-maison-s4047432.html) est également venu nous interroger sur notre pratique de l'instruction en famille, ainsi que sur la situation dans laquelle l'administration nous met …
+
+> « les [idées reçues](/idees-recues) autour de cette pédagogie sont nombreuses. L’une d’entre elles porte sur le [manque supposé de socialisation des enfants](/idees-recues/sociabilisation).
+Certains pensent à tort que les bambins sont uniquement à la maison, seuls avec l’un de leurs parents en train d’apprendre et de faire machinalement des exercices. Alors que ce n’est pas la réalité. »
+
+[Lire](https://www.aufeminin.com/enfant/temoignage-c-est-injuste-on-refuse-a-mon-fils-le-droit-d-etre-instruit-en-famille-a-la-maison-s4047432.html){target=_blank .centered-button}
+
+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 : [Notre cagnotte](/cagnotte/)
+
+

src/presse/index.njk

@@ -13,6 +13,20 @@ eleventyNavigation:
 
 <div class="wrapper-news">
 
+  <a href="/presse/2022-08-19-au-feminin" target="_blank">
+    <article class="news-card">
+      <div class="news-head">
+        <img alt="Au Féminin" src="/presse/images/aufeminin.jpg" />
+        <h3>C’est injuste, on refuse à mon fils le droit d’être instruit en famille, à la maison</h3>
+      </div>
+      <time datetime="2022-08-09">19 août 2022</time>
+      <cite>« les idées reçues autour de cette pédagogie sont nombreuses. L’une d’entre elles porte sur le manque supposé de socialisation des enfants.
+        Certains pensent à tort que les bambins sont uniquement à la maison, seuls avec l’un de leur parent en train d’apprendre et de faire machinalement des exercices. Alors que ce n’est pas la réalité.
+         »</cite>
+      <button class="button">Lire</button>
+    </article>
+  </a>
+
   <a href="/presse/2022-08-09-la-depeche">
     <article class="news-card">
       <div class="news-head">

src/style/actualites.pcss

@@ -0,0 +1,15 @@
+#actualites-liste {
+    .actualite-vignette-titre {
+        @apply block;
+        height: 56px;
+    }
+
+    img {
+        @apply object-cover object-top w-full;
+        max-height: 14rem;
+    }
+
+    blockquote {
+        @apply text-base;
+    }
+}

src/style/global.pcss

@@ -5,6 +5,7 @@
 
 @import "header.pcss";
 @import "presse.pcss";
+@import "actualites.pcss";
 
 #sheet {
     @apply my-3 bg-orange-50 rounded-xl container mx-auto;
@@ -37,7 +38,3 @@
     @apply p-4 w-full max-w-7xl aspect-video;
 }
 
-#actualites-liste .actualite-vignette-titre {
-    height: 56px;
-}
-

src/style/presse.pcss

@@ -5,7 +5,7 @@
         @apply no-underline;
 
         .news-card {
-            @apply border-2 rounded-lg w-[500px] relative flex flex-col items-center overflow-hidden bg-slate-600;
+            @apply m-2 border-2 rounded-lg w-[480px] relative flex flex-col items-center overflow-hidden bg-slate-600;
             height: 35rem;
 
             .news-head {