feat: repasse la page cagnotte en md

.eleventy.js

@@ -1,6 +1,14 @@
 const { DateTime } = require("luxon");
 
 const pluginNavigation = require("@11ty/eleventy-navigation");
+const markdownIt = require('markdown-it')
+const markdownItAttrs = require('markdown-it-attrs')
+
+const markdownItOptions = {
+  html: true,
+  breaks: true,
+  linkify: true
+}
 
 module.exports = function(eleventyConfig) {
   eleventyConfig.addPlugin(pluginNavigation);
@@ -34,16 +42,17 @@ module.exports = function(eleventyConfig) {
 
   eleventyConfig.addFilter("nlToBr", string => string.replaceAll('\n', '<br>'))
 
+  eleventyConfig.setLibrary('md', markdownIt(markdownItOptions).use(markdownItAttrs))
+
   return {
     dir: {
       input: 'src'
     },
 
     // Pre-process *.md files with: (default: `liquid`)
-    markdownTemplateEngine: "njk",
+    // markdownTemplateEngine: "njk",
 
     // Pre-process *.html files with: (default: `liquid`)
     htmlTemplateEngine: "njk",
   }
 }
-

package.json

@@ -18,6 +18,8 @@
     "@11ty/eleventy-navigation": "^0.3.3",
     "autoprefixer": "^10.4.7",
     "concurrently": "^7.3.0",
+    "markdown-it": "^13.0.1",
+    "markdown-it-attrs": "^4.1.4",
     "postcss-cli": "^10.0.0",
     "tailwindcss": "^3.1.6"
   }

src/infos/cagnotte.md

@@ -0,0 +1,16 @@
+---
+title: Cagnotte
+permalink: /cagnotte/
+eleventyNavigation:
+  key: Cagnotte
+  order: 5
+---
+
+Au sein de NonSco’llectif, plusieurs familles ont déjà reçu un refus de l’académie pour pratiquer l’IEF, et se lancent dans une procédure judiciaire devant le tribunal administratif. Cette procédure a été confiée à une avocate déjà très impliquée dans la défense des familles face à l’Education Nationale, Maître Églantine Habib.
+
+Mais tout cela a évidemment un coût, et c’est la raison pour laquelle nous lançons cette cagnotte. Ces familles ont besoin de votre aide ! Demain, ce sont peut-être vos enfants qui seront concernés, et nous sommes convaincus que la solidarité doit être de mise dès maintenant.
+
+**Nous nous engageons à la transparence la plus totale** : nous publierons toutes les dépenses liées aux procédures judiciaires et le cas échéant, l’excédent sera reversé à un autre collectif impliqué dans la défense d’autres familles.
+
+[Je participe](https://www.papayoux.com/fr/cagnotte/sauvons-la-liberte-d-instruction){.centered-button target=_blank}
+

src/infos/cagnotte.njk

@@ -1,19 +0,0 @@
----
-title: Cagnotte
-permalink: /cagnotte/
-eleventyNavigation:
-  key: Cagnotte
-  order: 5
----
-
-<div class="flex flex-col">
-
-<p>Au sein de NonSco’llectif, plusieurs familles ont déjà reçu un refus de l’académie pour pratiquer l’IEF, et se lancent dans une procédure judiciaire devant le tribunal administratif. Cette procédure a été confiée à une avocate déjà très impliquée dans la défense des familles face à l’Education Nationale, Maître Églantine Habib.</p>
-
-<p>Mais tout cela a évidemment un coût, et c’est la raison pour laquelle nous lançons cette cagnotte. Ces familles ont besoin de votre aide ! Demain, ce sont peut-être vos enfants qui seront concernés, et nous sommes convaincus que la solidarité doit être de mise dès maintenant.</p>
-
-  <p><strong>Nous nous engageons à la transparence la plus totale</strong> : nous publierons toutes les dépenses liées aux procédures judiciaires et le cas échéant, l’excédent sera reversé à un autre collectif impliqué dans la défense d’autres familles.</p>
-
-<a class="text-xl mt-6 px-6 py-3 text-white no-underline bg-amber-600 rounded hover:bg-slate-600 hover:underline  mx-auto" href="https://www.papayoux.com/fr/cagnotte/sauvons-la-liberte-d-instruction" target="_blank">Je participe</a>
-
-</div>

src/style/global.pcss

@@ -20,3 +20,7 @@
 .big-float-right {
     @apply w-fit p-4 md:float-right md:w-1/2 lg:w-1/3 md:m-4 ;
 }
+
+.centered-button {
+    @apply w-40 block text-xl mt-6 px-6 py-3 text-white no-underline bg-amber-600 rounded hover:bg-slate-600 hover:underline mx-auto;
+}