feat(content): added much content

pages/eco.md

@@ -1,6 +1,132 @@
 ---
 layout: title-image
-image: brumm.avif
+image: moutain.jpg
+text-align: center
 ---
 
 # <span class="highlight">Sobriété</span> et performances
+
+Utiliser uniquement ce dont on a besoin.
+
+<!--
+Autant en terme de fonctionnalités que de ressources.
+Exemple T-shirt
+-->
+
+---
+layout: title-image
+image: pinky.jpg
+---
+
+# Contexte et législation
+
+- Il n'y a pas (encore) de cadre légal
+- Il existe un référentiel officiel&nbsp;: le [Référentiel général d'écoconception de services numériques](https://www.arcep.fr/mes-demarches-et-services/entreprises/fiches-pratiques/referentiel-general-ecoconception-services-numeriques.html) (RGESN) géré par l'ARCOM
+- Le RGESN se base en grande partie sur les [115 bonnes pratiques](https://collectif.greenit.fr/ecoconception-web/115-bonnes-pratiques-eco-conception_web.html) du collectif Green-IT.
+
+---
+layout: fact
+---
+
+# Sobriété
+
+<div v-click>tout simplement.</div>
+
+---
+layout: title-image
+image: monkey.jpg
+---
+
+# Idées reçues
+
+- ça fait des [sites moches…](https://lowww.directory/)
+- &laquo;&nbsp;On me bride ma créativité ALED !&nbsp;&raquo;
+- la direction/le client ne veut pas
+- on ne génère pas d'engagement qui [levrage les K€](https://www.instagram.com/reel/C9KqdlAI-OQ/) pour convertir les KPI 🤯
+- c'est cher
+
+<!--
+on appelle ça des contraintes, les contraintes stimulent la créativité.
+avez-vous demandé et informé ?
+OSKOUR
+interface simplifiée = interface plus facile/rapide à designer et développer.
+-->
+
+---
+layout: title-image
+image: 'brumm.avif'
+---
+
+# Performances
+
+## Leviers
+
+- Images
+  - dimensionner correctement
+  - compression et conversion (webp, avif)
+- Vidéos
+  - compression et conversion (webm, av1, h265, vp9)
+- Fonts
+  - compression et conversion (woff2)
+  - subsetting
+- Code source
+  - minification
+  - compression (gzip, brotli)
+
+<!--
+squoosh et/ou plugin WP
+-->
+
+---
+layout: auto-grid
+columns: 2
+---
+
+# Sécurité
+
+::content::
+
+<div>
+
+## Le strict minimum&nbsp;:
+
+- certificat TLS
+- pare feu
+- permissions
+- mots de passe forts
+- authentification à deux facteurs
+
+## Wordpress
+
+- mises à jour régulières
+- qualité des plugins
+- qualité des thèmes
+- ne pas modifier un réglages inconnu
+- ne pas exécuter du code non compris
+
+</div>
+
+<div>
+
+## Pour aller plus loin&nbsp;:
+
+- gestionnaire de mots de passe
+- outils et services hors <abbr title="Google Amazon Facebook Apple Microsofta">GAFAM</abbr>
+- [filigraner](https://filigrane.beta.gouv.fr/) ses documents
+- méfiance partout, confiance nulle-part
+
+![](/images/2fa.jpg)
+
+</div>
+
+<!--
+De nombreux réglages sont déjà activés. À vous de ne pas faire n'importe quoi avec le backoffice.
+-->
+
+---
+layout: end
+class: text-center
+hideInToc: true
+---
+
+À+ 🤙