feat: structuration contenu

.eleventy.js

@@ -1,15 +1,12 @@
 const { DateTime } = require("luxon");
 
 const pluginNavigation = require("@11ty/eleventy-navigation");
-const relativeUrl = require("eleventy-filter-relative-url");
 
 module.exports = function(eleventyConfig) {
   eleventyConfig.addPlugin(pluginNavigation);
 
   eleventyConfig.addPassthroughCopy("css");
 
-  eleventyConfig.addFilter('url', relativeUrl);
-
   eleventyConfig.addFilter("readableDate", dateObj => {
     return DateTime.fromJSDate(dateObj, {zone: 'utc'}).setLocale("fr").toFormat("dd LLL yyyy");
   });
@@ -32,5 +29,13 @@ module.exports = function(eleventyConfig) {
   });
 
   eleventyConfig.addFilter("nlToBr", string => string.replaceAll('\n', '<br>'))
+
+  return {
+    // Pre-process *.md files with: (default: `liquid`)
+    markdownTemplateEngine: "njk",
+
+    // Pre-process *.html files with: (default: `liquid`)
+    htmlTemplateEngine: "njk",
+  }
 }
 

_includes/layouts/base.njk

@@ -7,7 +7,7 @@
     <meta name="description" content="{{ description or metadata.description }}">
     <meta name="generator" content="{{ eleventy.generator }}">
 
-    <link rel="stylesheet" href="{{ 'css/index.css' | url }}">
+    <link rel="stylesheet" href="{{ '/css/index.css' | url }}">
     <link rel="alternate" href="{{ metadata.feed.path | url }}" type="application/atom+xml" title="{{ metadata.title }}">
     <link rel="alternate" href="{{ metadata.jsonfeed.path | url }}" type="application/json" title="{{ metadata.title }}">
   </head>

css/index.css

@@ -27,7 +27,7 @@ p:last-child {
 p,
 .tmpl-post li,
 img {
-  max-width: 37.5em; /* 600px /16 */
+  /*max-width: 37.5em; !* 600px /16 *!*/
 }
 p,
 .tmpl-post li {

index.njk

@@ -5,9 +5,42 @@ key: Home
 order: 1
 ---
 
-<p>Rétablissons la vérité sur l’instruction en famille</p>
+<h1>Instruction en famille : Nous ne sommes pas des séparatistes !</h1>
+
+<p>Rétablissons <a href="/presse">la vérité</a> sur l’instruction en famille</p>
+
+<h2>Actualités</h2>
+
+<ul>
+    <li>une dernière actu</li>
+    <li>une dernière actu</li>
+    <li>une dernière actu</li>
+</ul>
+
+<a href="/actualites">Toutes les actus</a>
+
+<h2>Dernières familles</h2>
 
 {% set listeFamilles = collections.familles | head(3) %}
 {% include "familles.njk" %}
 
 <p>Toutes les <a href="{{ '/familles/' | url }}">familles</a>.</p>
+
+<h2>Qui sommes-nous ?</h2>
+
+<p><a href="/qui-sommes-nous">Un groupe de parents</a> dont les enfants sont instruits en famille et qui veut lutter pour conserver cette <a href="/droit">liberté fondamentale</a> !.<br>
+    Suite à la mise en application de la loi dite de lutte contre les séparatismes, notre choix de vie est aujourd’hui remis en question.
+    Passage d’un régime déclaratif, avec des contrôles, à un régime d’autorisation exceptionnelle.
+</p>
+
+<p>Nous nous sommes donc réunis en collectif pour :</p>
+<ul>
+    <li>faire émerger ce sujet sur la place publique.</li>
+    <li>faire comprendre à toutes et tous que nous ne sommes pas des séparatistes <a href="/familles">en ouvrant nos portes</a>
+    et en montrant concrètement qui nous sommes et <a href="/ief-demystifiee">en quoi consiste notre vie de famille IEF</a></li>
+    <li><a href="/historique">sensibiliser</a> les familles d’enfants scolarisés au fait que ce combat les concerne</li>
+</ul>
+
+<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> !

infos/actualites.md

@@ -0,0 +1,9 @@
+---
+title: Actualités
+permalink: /actualites/
+eleventyNavigation:
+  key: Actualités
+  order: 1
+---
+
+Annonce des actions, annonce des sorties de nouvelles vidéos, nouveaux témoignages, etc.

infos/contact.md

@@ -0,0 +1,9 @@
+---
+title: Contact
+permalink: /contact/
+eleventyNavigation:
+  key: Contact
+  order: 10
+---
+
+Adresse e-mail + page FB ?

infos/demystifiee.md

@@ -0,0 +1,33 @@
+---
+title: L’IEF démystifiée
+permalink: /ief-demystifiee/
+eleventyNavigation:
+  key: L’IEF démystifiée
+  order: 3
+---
+
+L’IEF démystifiée
+
+-> diaporamas de plein de photos accompagnées de petits textes ou de témoignages (écrits ou vidéo) pour démystifier en images les grands clichés sur l’IEF :
+
+1/ « Les enfants en IEF n’ont pas de vie sociale »
+(photos et descriptifs activités unscho)
+
+2/ « On ne peut pas apprendre sans école : Les enfants en IEF n’ont pas le niveau scolaire des enfants scolarisés »
+(photos et témoignage apprentissage autonome -> Clem qui a appris à lire toute seule)
+
+3/ « L’IEF est un truc pour les riches »
+(statistiques + témoignage famille au RSA ou avec un seul smic)
+
+4/ « Enseigner c’est un métier… L’IEF c’est bon pour la maternelle, mais pas plus »
+
+5/ « Il faut avoir fait des études longues pour pouvoir soi-même faire l’IEF à ses enfants »
+(référence à la demande d’avoir le bac… témoignage d’enfants IEF donc les parents ont un CAP ou autre)
+
+6/ « C’est difficile voire impossible de reprendre un cursus scolaire ou de faire des études après l’IEF »
+(j’ai une copine qui a 2 filles de 15 et 17 ans dont une passe le bac de français, elles ont été en IEF quasi toute leur vie)
+
+7/ « Les pro-IEF, c’est comme les vegan, c’est une dérive sectaire »
+(montrer la grande diversité des profils dans le collectif)
+
+etc.

infos/droit.md

@@ -1,5 +1,6 @@
 ---
 title: Qu’en dit le droit international ?
+permalink: /droit/
 eleventyNavigation:
   key: Droit
   order: 3

infos/historique.md

@@ -1,5 +1,6 @@
 ---
 title: Rappel historique
+permalink: /historique/
 eleventyNavigation:
   key: Historique
   order: 3

infos/motif-4.md

@@ -0,0 +1,11 @@
+---
+title: Motif 4
+permalink: /motif-4/
+eleventyNavigation:
+  key: Motif 4
+  order: 3
+---
+
+Petit descriptif du « motif 4 ». 
+
+Et des nombreux refus déjà essuyés par les familles.

infos/on-parle-de-nous.md

@@ -0,0 +1,7 @@
+---
+title: On parle de nous
+permalink: /on-parle-de-nous/
+eleventyNavigation:
+  key: On parle de nous
+  order: 9
+---

infos/presse.md

@@ -1,5 +1,6 @@
 ---
 title: Qu’en dit la presse ?
+permalink: /presse/
 eleventyNavigation:
   key: Presse
   order: 3

infos/qui-sommes-nous.md

@@ -0,0 +1,35 @@
+---
+title: Qui sommes-nous ?
+permalink: /qui-sommes-nous/
+eleventyNavigation:
+  key: Qui sommes-nous ?
+  order: 2
+---
+
+Un groupe de parents dont les enfants sont instruits en famille.
+
+Suite à la mise en application de la loi dite de lutte contre les séparatismes, notre choix de vie est aujourd’hui remis en question. Passage d’un régime déclaratif, avec des contrôles, à un régime d’autorisation pour des motifs précis (cf. [Motif 4](/motif-4))
+
+Les familles déjà en IEF bénéficient d’un sursit de 2 ans… Mais nous ne sommes pas dupes !
+
+Nous nous sommes donc réunis en collectif pour :
+- faire émerger ce sujet sur la place publique.
+- faire comprendre à toutes et tous que nous ne sommes pas des séparatistes en ouvrant nos portes et en montrant concrètement qui nous sommes et en quoi consiste notre vie de famille IEF
+- sensibiliser les familles d’enfants scolarisés au fait que ce combat les concerne
+
+Comment nous soutenir : en relayant nos vidéos, en partageant nos publications, en en parlant autour de vous… Vous pouvez toutes et tous être un jour concerné par l’IEF !
+
+## Nous combattons à leurs côtés
+
+### Ils luttent sur le plan légal  
+
+Liens et descriptifs des différentes assos nationales
+
+### Ils ont fait le choix d’entrer en résistance 
+
+Lien et descriptif d’Enfance Libre
+
+## Les dangereux séparatistes
+
+[Toute la liste](/familles)
+

package-lock.json

@@ -10,8 +10,7 @@
       "license": "MIT",
       "devDependencies": {
         "@11ty/eleventy": "^1.0.1",
-        "@11ty/eleventy-navigation": "^0.3.3",
+        "@11ty/eleventy-navigation": "^0.3.3"
-        "eleventy-filter-relative-url": "^0.2.1"
       }
     },
     "node_modules/@11ty/dependency-tree": {
@@ -943,15 +942,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/eleventy-filter-relative-url": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/eleventy-filter-relative-url/-/eleventy-filter-relative-url-0.2.1.tgz",
-      "integrity": "sha512-WPYsDI3J6KrrSTGORtwKbSK2fIKvezphQtMfMNx7qQXvfC4cb2CIembdrbS0OKcRkwZmO4ajS6S7jHUft1ec2A==",
-      "dev": true,
-      "peerDependencies": {
-        "@11ty/eleventy": ">= 0.12.0"
-      }
-    },
     "node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
@@ -4215,13 +4205,6 @@
         "jake": "^10.8.5"
       }
     },
-    "eleventy-filter-relative-url": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/eleventy-filter-relative-url/-/eleventy-filter-relative-url-0.2.1.tgz",
-      "integrity": "sha512-WPYsDI3J6KrrSTGORtwKbSK2fIKvezphQtMfMNx7qQXvfC4cb2CIembdrbS0OKcRkwZmO4ajS6S7jHUft1ec2A==",
-      "dev": true,
-      "requires": {}
-    },
     "emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",

package.json

@@ -12,7 +12,6 @@
   },
   "devDependencies": {
     "@11ty/eleventy": "^1.0.1",
-    "@11ty/eleventy-navigation": "^0.3.3",
+    "@11ty/eleventy-navigation": "^0.3.3"
-    "eleventy-filter-relative-url": "^0.2.1"
   }
 }