feat: passage à Tailwind

.eleventy.js

@@ -5,9 +5,9 @@ const pluginNavigation = require("@11ty/eleventy-navigation");
 module.exports = function(eleventyConfig) {
   eleventyConfig.addPlugin(pluginNavigation);
 
-  eleventyConfig.addPassthroughCopy("css");
-  eleventyConfig.addPassthroughCopy("dl");
-  eleventyConfig.addPassthroughCopy("images");
+  eleventyConfig.addPassthroughCopy("src/css");
+  eleventyConfig.addPassthroughCopy("src/dl");
+  eleventyConfig.addPassthroughCopy("src/images");
 
   eleventyConfig.addFilter("readableDate", dateObj => {
     return DateTime.fromJSDate(dateObj, {zone: 'utc'}).setLocale("fr").toFormat("dd LLL yyyy");
@@ -33,6 +33,10 @@ module.exports = function(eleventyConfig) {
   eleventyConfig.addFilter("nlToBr", string => string.replaceAll('\n', '<br>'))
 
   return {
+    dir: {
+      input: 'src'
+    },
+
     // Pre-process *.md files with: (default: `liquid`)
     markdownTemplateEngine: "njk",
 

.eleventyignore

@@ -1,5 +1,5 @@
-familles/
-familles.njk
-infos/on-parle-de-nous.md
-infos/actualites.md
+src/familles/
+src/familles.njk
+src/infos/on-parle-de-nous.md
+src/infos/actualites.md
 

.idea/cssdialects.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="CssDialectMappings">
+    <file url="PROJECT" dialect="PostCSS" />
+  </component>
+</project>

.idea/misc.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="SwUserDefinedSpecifications">
-    <option name="specTypeByUrl">
-      <map />
-    </option>
-  </component>
-</project>

css/index.css

@@ -1,252 +0,0 @@
-/* Colors */
-:root {
-  --lightgray: #e0e0e0;
-  --gray: #C0C0C0;
-  --darkgray: #333;
-  --navy: #17050F;
-  --blue: #082840;
-  --white: #fff;
-  --beige: #fffff5;
-}
-
-/* Global stylesheet */
-* {
-  box-sizing: border-box;
-}
-
-html,
-body {
-  padding: 0;
-  margin: 0;
-  font-family: -apple-system, system-ui, sans-serif;
-  color: var(--darkgray);
-  background-color: var(--beige);
-}
-p:last-child {
-  margin-bottom: 0;
-}
-
-p, ul > li {
-  font-size: 1.1em;
-}
-
-.tmpl-post li,
-.tmpl-post img.thumnail  {
-  /*max-width: 37.5em; !* 600px /16 *!*/
-  max-height: 15em; /* 600px /16 */
-}
-p,
-.tmpl-post li {
-  line-height: 1.45;
-}
-li > p {
-  margin: 0;
-}
-.tmpl-post > ul > li {
-  margin-top: 15px;
-}
-a[href] {
-  color: var(--blue);
-}
-a[href]:visited {
-  color: var(--navy);
-}
-main {
-  padding: 1rem;
-}
-main :first-child {
-  margin-top: 0;
-}
-header {
-  border-bottom: 1px dashed var(--lightgray);
-}
-header:after {
-  content: "";
-  display: table;
-  clear: both;
-}
-table {
-  margin: 1em 0;
-}
-table td,
-table th {
-  padding-right: 1em;
-}
-
-pre,
-code {
-  font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace;
-  line-height: 1.5;
-}
-pre {
-  font-size: 14px;
-  line-height: 1.375;
-  direction: ltr;
-  text-align: left;
-  white-space: pre;
-  word-spacing: normal;
-  word-break: normal;
-  -moz-tab-size: 2;
-  -o-tab-size: 2;
-  tab-size: 2;
-  -webkit-hyphens: none;
-  -moz-hyphens: none;
-  -ms-hyphens: none;
-  hyphens: none;
-  padding: 1em;
-  margin: .5em 0;
-  background-color: #f6f6f6;
-}
-code {
-  word-break: break-all;
-}
-
-/* Header */
-.home {
-  padding: 0 1rem;
-  float: left;
-  margin: 1rem 0; /* 16px /16 */
-  font-size: 1em; /* 16px /16 */
-}
-.home :link:not(:hover) {
-  text-decoration: none;
-}
-#Logo {
-  float: left;
-  height: 4em;
-}
-
-/* Nav */
-.nav {
-  padding: 0;
-  list-style: none;
-  float: left;
-  margin-left: 1em;
-}
-.nav-item {
-  display: inline-block;
-  margin-right: 1em;
-  position: relative;
-}
-.nav-item ul {
-  display: none;
-  position: absolute;
-  background-color: #eee;
-  min-width: 260px;
-  min-height: 30px;
-  box-shadow: 0 8px 300px 0 rgba(0,0,0,0.2);
-  z-index: 1;
-  top: 20px;
-  text-align: left;
-  padding-top: 10px;
-}
-.nav-item:hover ul {
-  display: block;
-}
-
-.nav-item a[href]:not(:hover) {
-  text-decoration: none;
-}
-.nav-item-active {
-  font-weight: 700;
-  text-decoration: underline;
-}
-
-/* Posts list */
-.postlist {
-  list-style: none;
-  padding: 0;
-}
-.postlist-item {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: baseline;
-  counter-increment: start-from -1;
-  line-height: 1.8;
-}
-.postlist-item:before {
-  display: inline-block;
-  pointer-events: none;
-  content: "" counter(start-from, decimal-leading-zero) ". ";
-  line-height: 100%;
-  text-align: right;
-}
-.postlist-date,
-.postlist-item:before {
-  font-size: 0.8125em; /* 13px /16 */
-  color: var(--darkgray);
-}
-.postlist-date {
-  word-spacing: -0.5px;
-}
-.postlist-link {
-  padding-left: .25em;
-  padding-right: .25em;
-  text-underline-position: from-font;
-  text-underline-offset: 0;
-  text-decoration-thickness: 1px;
-}
-.postlist-item-active .postlist-link {
-  font-weight: bold;
-}
-.tmpl-home .postlist-link {
-  font-size: 1.1875em; /* 19px /16 */
-  font-weight: 700;
-}
-
-
-/* Tags */
-.post-tag {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  text-transform: uppercase;
-  font-size: 0.75em; /* 12px /16 */
-  padding: 0.08333333333333em 0.3333333333333em; /* 1px 4px /12 */
-  margin-left: 0.6666666666667em; /* 8px /12 */
-  margin-top: 0.5em; /* 6px /12 */
-  margin-bottom: 0.5em; /* 6px /12 */
-  color: var(--darkgray);
-  border: 1px solid var(--gray);
-  border-radius: 0.25em; /* 3px /12 */
-  text-decoration: none;
-  line-height: 1.8;
-}
-a[href].post-tag,
-a[href].post-tag:visited {
-  color: inherit;
-}
-a[href].post-tag:hover,
-a[href].post-tag:focus {
-  background-color: var(--lightgray);
-}
-.postlist-item > .post-tag {
-  align-self: center;
-}
-
-/* Warning */
-.warning {
-  background-color: #ffc;
-  padding: 1em 0.625em; /* 16px 10px /16 */
-}
-.warning ol:only-child {
-  margin: 0;
-}
-
-/* Direct Links / Markdown Headers */
-.direct-link {
-  font-family: sans-serif;
-  text-decoration: none;
-  font-style: normal;
-  margin-left: .1em;
-}
-a[href].direct-link,
-a[href].direct-link:visited {
-  color: transparent;
-}
-a[href].direct-link:focus,
-a[href].direct-link:focus:visited,
-:hover > a[href].direct-link,
-:hover > a[href].direct-link:visited {
-  color: #aaa;
-}

index.njk

@@ -1,53 +0,0 @@
----
-layout: layouts/home.njk
-eleventyNavigation:
-key: Home
-order: 1
----
-
-<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 | reverse | 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> !
-#}

package.json

@@ -8,11 +8,17 @@
   "license": "MIT",
   "scripts": {
     "clean": "rm -rf _site",
-    "dev": "yarn clean && eleventy --serve",
-    "build": "yarn clean && eleventy"
+    "tailwind:watch": "postcss src/scss/global.pcss --o src/css/global.css --watch",
+    "tailwind:build": "postcss src/scss/global.pcss --o src/css/global.css --minify",
+    "dev": "npm run clean && concurrently \"npm run tailwind:watch\" \"eleventy --serve\"",
+    "build": "npm run clean && npm run tailwind:build && eleventy"
   },
   "devDependencies": {
     "@11ty/eleventy": "^1.0.1",
-    "@11ty/eleventy-navigation": "^0.3.3"
+    "@11ty/eleventy-navigation": "^0.3.3",
+    "autoprefixer": "^10.4.7",
+    "concurrently": "^7.3.0",
+    "postcss-cli": "^10.0.0",
+    "tailwindcss": "^3.1.6"
   }
 }

postcss.config.js

@@ -0,0 +1,8 @@
+module.exports = {
+  plugins: {
+    "postcss-import": {},
+    "tailwindcss/nesting": {},
+    tailwindcss: {},
+    autoprefixer: {}
+  }
+}

src/_includes/layouts/base.njk

@@ -7,20 +7,20 @@
     <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/global.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>
   <body>
     <header>
-      <img id="Logo" src="/images/Logo.jpg"/>
-      <h1 class="home"><a href="{{ '/' | url }}">{{ metadata.title }}</a></h1>
+      <img id="Logo" class="max-h-20" src="/images/Logo.jpg"/>
+      <div id="Title" class="text-2xl font-bold"><a href="{{ '/' | url }}">{{ metadata.title }}</a></div>
 
       {% set navigationOptions = {
           listElement: "ul",
           listItemElement: "li",
-          listClass: "nav",
-          listItemClass: "nav-item",
+          listClass: "",
+          listItemClass: "",
           listItemHasChildrenClass: "",
           activeListItemClass: "nav-item-active",
           anchorClass: "",
@@ -33,7 +33,9 @@
 
     </header>
 
-    <main{% if templateClass %} class="{{ templateClass }}"{% endif %}>
+    <main{% if templateClass %} class="clear-both {{ templateClass }}"{% endif %}>
+      <h1>{{ title }}</h1>
+
       {{ content | safe }}
     </main>
 

src/index.njk

@@ -0,0 +1,34 @@
+---
+layout: layouts/home.njk
+---
+
+Page d'accueil
+
+{#
+<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 | 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> !
+#}

src/infos/cagnotte.md

@@ -6,6 +6,4 @@ eleventyNavigation:
   order: 5
 ---
 
-# Cagnotte
-
 bla bla bla

src/infos/chiffres.md

@@ -1,13 +1,11 @@
 ---
-title: Chiffres
+title: L'IEF en France
 permalink: /Chiffres/
 eleventyNavigation:
   key: Chiffres
   order: 2
 ---
 
-# L’IEF en France
-
 ## Chiffres clés
 
 Il est très difficile d’obtenir des chiffres officiels précis et récents concernant l’instruction en famille. Malgré tout, la compilation des données de rapports officiels et d’enquêtes permet de dégager quelques informations.

src/infos/contact.md

@@ -6,6 +6,4 @@ eleventyNavigation:
   order: 10
 ---
 
-# Contact
-
 Adresse e-mail + page FB ?

src/infos/demystifiee.md

@@ -11,6 +11,11 @@ eleventyNavigation:
 
 -> 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 :
 
+<img style="width: 20%; float: right"/>
+
+## «Vous rejetez l'école de la république !»
+
+
 
 <img style="width: 20%; float: right" src="/images/idee-recue-2-sociabilisation.jpg"/> 
 

src/infos/droit.md

@@ -6,8 +6,6 @@ eleventyNavigation:
   order: 3
 ---
 
-# La loi
-
 ## Qu’en disait la loi avant 2022 ?
 
 Jusqu’à la rentrée de septembre 2022, l’instruction en famille était un **droit en France**, les parents ayant le droit de choisir le mode d’instruction de leur(s) enfant(s). L’IEF n’était pas soumise à autorisation, mais uniquement à **déclaration**.

src/infos/historique.md

@@ -1,13 +1,11 @@
 ---
-title: Rappel historique
+title: Dernières évolutions IEF en France
 permalink: /historique/
 eleventyNavigation:
   key: Historique
   order: 3
 ---
 
-# Dernières évolutions IEF en France
-
  - 1998 : Systématisation des contrôles
  - 2019 : L’instruction est obligatoire dès 3 ans
  - 2020 : Blanquer indique que la loi est parfaitement équilibrée

src/infos/idees-recues/rejet-ecole.md

@@ -0,0 +1,38 @@
+---
+title: Idée reçue - Vous rejetez l'école de la république !
+permalink: /ief-demystifiee/rejet-ecole/
+eleventyNavigation:
+  key: RejetEcole
+  parent: Idees-recues
+  title: Vous rejetez l'école de la république !
+  order: 1
+---
+
+C’est peut-être l’un des arguments que les parents d’enfants en Instruction en Famille (IEF) entendent le plus souvent : « Moi, je soutiens l’école de la République, qui permet à tous les enfants d’avoir les mêmes chances de réussir dans la vie ! ».
+
+Il nous semble donc essentiel d’y répondre, une bonne fois pour toutes : nous ne sommes pas contre l’école publique, laïque et gratuite ! Du moins, nous ne sommes pas contre le concept de cette école inclusive, où chaque individualité serait respectée, où chaque enfant, quelle que soit son origine, pourrait trouver le chemin de la réussite sociale. 
+
+Mais aujourd’hui, peut-on vraiment dire que l’école répond à ces promesses ? Manque d’enseignants, dégradation dramatique des conditions de travail, inégalités des élèves devant la transmission des savoirs, harcèlement… Pas un mois ne s’écoule sans que la presse spécialisée n’évoque les lacunes d’un système éducatif à la dérive.
+
+Prenons l’exemple du « classement » PISA, acronyme de « Programme for International Student Assessment » (Programme international pour le suivi des acquis des élèves). Élaboré par l’OCDE, cet indice est largement commenté tous les trois ans. Que dit-il de la France ? Lors du dernier rapport publié en 2019, elle pointe à la 26eme place sur 79 pays…
+L’indice PISA a ses limites, largement pointées par les spécialistes. Mais il met en exergue quelques points intéressants. Par exemple, la France est le pays où les inégalités de chances sont les plus fortes entre les élèves issus d’un milieu favorisé et ceux venant d’un milieu défavorisé. En clair, **le milieu scolaire accroît les inégalités au lieu de les résoudre…**
+
+Autre exemple : les violences. Selon les chiffres du gouvernement, **5 à 6% des élèves français seraient victimes de harcèlement…** des chiffres contestés par les associations qui évoquent plutôt 10% d’enfants harcelés.
+
+Face à ce constat, ne faisons pas d’angélisme : l’école française est en mauvais état. Alors défendre le concept d’école de la République, oui, mais défendre le système éducatif actuel, non merci !
+
+<img style="width: 30%; float: right" src="/images/idee-recue-1-rejet-ecole.jpg"/>
+
+Heureusement, malgré tout cela, de nombreux enfants trouvent aujourd’hui leur place dans les écoles. Parce qu’ils rencontrent des enseignants qui leur correspondent, parce qu’ils bénéficient d’un cadre compatible avec leurs besoins…
+
+Parfois cela dure toute la scolarité, parfois cela ne dure que quelques temps. Dans les familles pratiquant l’IEF, de nombreux enfants ont aussi fréquenté les bancs de l’école à un moment, ou bien décident d’intégrer un collège ou un lycée après des années hors institution scolaire.
+
+
+La frontière entre IEF et école est donc très loin d’être hermétique, et c’est **cette perméabilité que nous voulons à tout prix conserver**.
+
+**Parce que l'école ne convient pas à tous les enfants à toutes les étapes de leur vie, nous devrions toutes et tous avoir la possibilité de pratiquer l'instruction en famille lorsque cela se révèle être la meilleure option.**
+
+
+Pour en savoir plus :
+- [https://www.education.gouv.fr/les-actes-de-violence](https://www.education.gouv.fr/les-actes-de-violence-recenses-dans-les-etablissements-publics-du-second-degre-10925)
+- [Résultats du PISA 2018](https://www.oecd.org/pisa/PISA2018%20_Resumés_I-II-III.pdf)

src/infos/idees-recues/sociabilisation.md

@@ -1,5 +1,5 @@
 ---
-title: Idée reçue - Les enfants qui ne vont pas à l´école ne sont pas sociabilisés
+title: Idée reçue - Les enfants qui ne vont pas à l´école ne sont pas sociabilisés !
 permalink: /ief-demystifiee/sociabilisation/
 eleventyNavigation:
   key: Sociabilisation
@@ -8,8 +8,6 @@ eleventyNavigation:
   order: 2
 ---
 
-# Les enfants qui ne vont pas à l´école ne sont pas sociabilisés !
-
 Les préjugés ont la vie dure ! MAIS NON : Pratiquer « l’école à la maison » ou l’instruction En Famille (IEF) ne signifie pas que l’enfant RESTE tous les jours à la maison ! D’ailleurs, au sein du NonSco'llectif, on préfère appeler ça **“l’instruction hors école”**… Car nos enfants sont bien loin de ne fréquenter que leurs parents, frères et sœurs !
 
 Selon une [grande enquête nationale](https://federation-felicia.org/liberte-educative/ief/) réalisée par l'association Felicia, **94%** des enfants ont des activités extra-familiales dans des clubs, ludothèques, médiathèques, associations culturelles et sportives, réseau IEF, centres de loisirs, conservatoires, etc. En bref, ils ont toutes et tous, quel que soit leur âge, **une vie sociale bien remplie**. Les enfants non-sco ont d’ailleurs plaisir à dire **“Je ne vais pas à l’école, je n’ai pas le temps !”** au vu des programmes riches et variés que leur offre cette liberté d’être instruits en dehors de l’institution scolaire !

src/infos/presse.md

@@ -7,8 +7,6 @@ eleventyNavigation:
   order: 3
 ---
 
-# Revue de presse
-
 ## Le Bien Public - Des familles dénoncent les refus de l'académie
 
 > «ce que vivent les familles est très violent.»

src/infos/qui-sommes-nous.md

@@ -6,8 +6,6 @@ eleventyNavigation:
   order: 2
 ---
 
-# Qui sommes-nous ?
-
 [Photo]
 
 Nous sommes un collectif composé de familles tarnaises (81) ayant choisi d’assurer nous-mêmes l’instruction de nos enfants. Indépendant, sans étiquette politique et ne représentant aucune association, NonSco’llectif œuvre main dans la main avec toutes les associations et tous les collectifs existants, pour préserver une liberté qui nous est chère, celle de choisir le mode d’instructin délivré à nos enfants. Nous fonctionnons de manière collégiale. Il n’y a aucune hiérarchie ni responsabilité centralisée. 

src/infos/ressources.md

@@ -1,13 +1,11 @@
 ---
-title: Ressources
+title: Ressources utiles
 permalink: /ressources/
 eleventyNavigation:
   key: Ressources
   order: 9
 ---
 
-# Ressources utiles
-
 ## Les rapports et articles scientifiques
 
 - [ Home-Education : Rationales, Practices and Outcomes ](http://etheses.dur.ac.uk/1005/), Paula Rothermel, University of Durham, 2002

src/infos/soutiens-ief.md

@@ -7,8 +7,6 @@ eleventyNavigation:
   order: 3
 ---
 
-# Ils défendent l'IEF
-
 ## [Artistes](/soutiens-ief/artistes)
 ## [Hommes et femmes politiques](/soutiens-ief/politiques)
 ## [Professionnels de l'éducation et de l'enfance](/soutiens-ief/professionnels)

src/infos/soutiens/artistes.md

@@ -7,9 +7,7 @@ eleventyNavigation:
   order: 3
 ---
 
-## Artistes
-
-### Albert Dupontel - L'école formate les élèves
+## Albert Dupontel - L'école formate les élèves
 
 > «Le conditionnement, il commence à l'école. Un enfant est un génie, il sait marcher et il sait parler tout seul et on le met à l'école et bizarrement, il ne sait plus rien faire.»
 
@@ -26,7 +24,7 @@ eleventyNavigation:
 Échange avec Albert Dupontel lors de l’avant première de 9 mois ferme au Pathé Orléans le 06/09/2013
 
 
-### Alexandre Astier - C'est l'école qui a tord
+## Alexandre Astier - C'est l'école qui a tord
 
 > «La nature de l'enfant, c'est d'apprendre»
 
@@ -38,7 +36,7 @@ eleventyNavigation:
 
 [source](https://www.canalplus.com/divertissement/en-aparte/h/16928081_50001)
 
-### Tribune d'Élodie Poux
+## Tribune d'Élodie Poux
 
 > «S'il n’y avait que l'école pour se socialiser, on serait tous devenus des psychopathes»
 

src/infos/soutiens/autres.md

@@ -7,8 +7,6 @@ eleventyNavigation:
   order: 8
 ---
 
-# Autres témoignages
-
 Des témoignages d'autres familles, sous d'autres formes, comme on en trouve pleins sur les Internet !
 
 ## Hors des sentiers communs

src/infos/soutiens/politiques.md

@@ -1,5 +1,5 @@
 ---
-title: Politiques
+title: Hommes et femmes politiques
 permalink: /soutiens-ief/politiques/
 eleventyNavigation:
   key: Politiques
@@ -7,9 +7,7 @@ eleventyNavigation:
   order: 2
 ---
 
-## Hommes politiques
-
-### Cédric Villani & Yannick Jadot
+## Cédric Villani & Yannick Jadot
 
 > «L'État dispose de tous les moyens nécessaires, avec l'aide des collectivités territoriales et des services de l'Éducation nationale, pour accompagner et contrôler les pratiques. Les dispositions de la loi contre le séparatisme sont inutilement restrictives et les assouplissements proposés sont des assouplissements en trompe l'oeil/de surface qui entérinent la stigmatisation de milliers de familles.»
 

src/infos/soutiens/professionnels.md

@@ -7,9 +7,7 @@ eleventyNavigation:
   order: 1
 ---
 
-## Professionnels
-
-### Syndicat unitaire des inspecteurs de l'Éducation Nationale
+## Syndicat unitaire des inspecteurs de l'Éducation Nationale
 
 > «Notre propos était de montrer que le discours du Président, centré autour de la "lutte contre les séparatismes", méconnaissait largement le phénomène complexe de l'instruction à domicile et en donnait une vision univoque et caricaturale, le réduisant à l'expression d'une dérive séparatiste islamiste.»
 
@@ -19,7 +17,7 @@ eleventyNavigation:
 
 Source [page1](../../images/professionnels-syndicat-1.jpg) [page2](../../images/professionnels-syndicat-2.jpg)
 
-### Syndicat national des personnels d'inspection / Syndicat des inspecteurs d'académie
+## Syndicat national des personnels d'inspection / Syndicat des inspecteurs d'académie
 
 > «Il est donc bien question, pour l'École, de former, avec les familles, une "communauté éducative" et non de se substituer aux familles au nom d'une légitimité que l'on prétendrait supérieure. »
 

src/infos/videos.md

@@ -6,6 +6,4 @@ eleventyNavigation:
   order: 5
 ---
 
-# Vidéos
-
 Ici vidéo de la chute 

src/scss/base.css

@@ -0,0 +1,17 @@
+@layer base {
+    body {
+        @apply text-slate-800 bg-orange-50 text-lg;
+    }
+    h1 {
+        @apply text-4xl mb-2;
+    }
+    h2 {
+        @apply text-2xl underline decoration-amber-900 decoration-4 mt-6 block;
+    }
+    main {
+        @apply p-4;
+    }
+    p {
+        @apply mt-3
+    }
+}

src/scss/global.pcss

@@ -0,0 +1,45 @@
+@import "tailwindcss/base";
+@import "base.css";
+@import "tailwindcss/components";
+@import "tailwindcss/utilities";
+
+/* Colors */
+:root {
+    --lightgray: #e0e0e0;
+    --gray: #C0C0C0;
+    --darkgray: #333;
+    --navy: #17050F;
+    --blue: #082840;
+    --white: #fff;
+    --beige: #fffff5;
+}
+
+header {
+    @apply border-b-[1px] border-dashed border-slate-700 flex flex-wrap items-center;
+
+    > div#Title {
+        @apply my-2 mx-4;
+    }
+    > ul {
+        @apply my-2;
+
+        > li {
+            @apply relative inline px-2 py-8 my-8;
+
+            > ul {
+                @apply hidden;
+            }
+        }
+        > li:hover > ul {
+            @apply block absolute left-1 flex flex-col bg-amber-200 drop-shadow-lg rounded-md border-amber-900 border-2 m-1;
+
+            > li {
+                @apply whitespace-nowrap p-1;
+            }
+
+            > li:hover {
+                @apply bg-amber-800 text-white;
+            }
+        }
+    }
+}

tailwind.config.js

@@ -0,0 +1,10 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    './src/**/*.njk',
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}