diff --git a/assets/styles/html.sass b/assets/styles/html.sass
index d1d51cd..67f92a5 100644
--- a/assets/styles/html.sass
+++ b/assets/styles/html.sass
@@ -2,18 +2,50 @@ html
/*-webkit-font-smoothing: antialiased*/
/*--moz-osx-font-smoothing: grayscale*/
scroll-behavior: smooth
- /* In most browsers, this defaults to 16 pixels */
- font-size: 100%
+ /* 18px */
+ font-size: 112.5%
body
+ font-weight: 400
+ line-height: 1.65
+ font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
color: $color-primary
background-color: $color-secondary
- font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
-p,
-ul:not([class]),
-ol[class],
-dl,
-table
- margin-bottom: -webkit-calc(1.115rem + 0.1vw)
- margin-bottom: calc(1.115rem + 0.1vw)
+p
+ margin-bottom: 1.15rem
+
+h1,
+h2,
+h3,
+h4,
+h5
+ margin: 2.75rem 0 1.05rem
+ font-weight: 400
+ line-height: 1.15
+
+h4,
+h5
+ margin: 1.375rem 0 0.75rem
+ font-weight: 400
+ line-height: 1.15
+
+h1
+ margin-top: 0
+ font-size: 1.802em
+
+h2
+ font-size: 1.602em
+
+h3
+ font-size: 1.424em
+
+h4
+ font-size: 1.266em
+
+h5
+ font-size: 1.125em
+
+small,
+.text_small
+ font-size: 0.889em
diff --git a/assets/styles/variables.sass b/assets/styles/variables.sass
index 9660b6b..4125210 100644
--- a/assets/styles/variables.sass
+++ b/assets/styles/variables.sass
@@ -1,2 +1,3 @@
$color-primary: black
$color-secondary: white
+$space: 2.75rem
diff --git a/content/annuaires.md b/content/annuaires.md
index 602ad08..3fd94cf 100644
--- a/content/annuaires.md
+++ b/content/annuaires.md
@@ -1,6 +1,18 @@
---
-title: Annuaires
+title: Annuaires des acteurs
weight: 2
---
-Document de Gauthier : https://docs.google.com/spreadsheets/d/1IjRMnvsSdR1aBWDFzWcXx4Z3hKFpmO9VfSMFDqJMeaA/edit?usp=sharing
+## Acteurs des low-tech :
+* [Le Low Tech Lab](https://lowtechlab.org/)
+* [Le Low Tech Magazine](https://solar.lowtechmagazine.com/)
+* [Gauthier Roussilhe](http://gauthierroussilhe.com)
+* [Fairness](https://fairness.coop)
+* [Bertrand Keller](https://bertrandkeller.info/)
+* [Fivos Avgerinos](http://afivos.com)
+* [Timothée Goguely](http://timothee.goguely.com/)
+* [Collectif Bam](https://collectifbam.fr/)
+* [Geoffrey Dorne](https://designandhuman.com)
+* [Simon Constans](http://sconstans.fr/)
+* [Gaëtan Janssens](https://low.plopcom.fr/)
+* [Pikselkraft](https://www.pikselkraft.com/)
diff --git a/content/guides.md b/content/guides.md
deleted file mode 100644
index 4feab03..0000000
--- a/content/guides.md
+++ /dev/null
@@ -1,4 +0,0 @@
----
-title: Guides
-weight: 3
----
diff --git a/content/outils-ressources.md b/content/outils-ressources.md
new file mode 100644
index 0000000..907af23
--- /dev/null
+++ b/content/outils-ressources.md
@@ -0,0 +1,93 @@
+---
+title: Outils et ressources
+weight: 3
+---
+
+## Ressources
+
+### Lectures
+
+#### Écoconception
+
+* [Guide de conversion numérique au low tech](http://gauthierroussilhe.com/fr/posts/convert-low-tech)
+* [James Christie, Sustainable Web Design](https://alistapart.com/article/sustainable-web-design/)
+* Écoconception web : les 115 bonnes pratiques – 3ème édition
+
+#### Rapport
+
+* [The shift project](https://theshiftproject.org/lean-ict/)
+
+#### Low Tech
+
+* Phillipe Bihouix, L'âge des Low Tech : Vers une civilisation techniquement soutenable
+
+#### Design
+
+* Eric Meyer & Sara Wachter-Boettcher, Design for Real Life
+* Erika Hall, Just Enough Research
+
+#### Accessibilité
+
+* Laura Kalbag, Accessibility for Everyone
+
+#### Société
+
+* [Éloi Laurent, Et si nous nous trompions de transition ? Pour un luddisme écologique](http://lapenseeecologique.com/et-si-nous-nous-trompions-de-transition-pour-un-luddisme-ecologique/)
+
+### Conférences & Podcasts
+
+* Design et consommation
+ * [Groupe d'éducation en design](https://groupe.design/)
+ * [Repenser le numérique dans les limites planétaires - BlendWebMix - Gauthier Roussilhe](https://www.youtube.com/watch?v=pvl6QeeBOaU&feature=emb_title)
+* Vie privée
+ * [The Future of Internet Regulation at the European Parliament](https://ar.al/2019/11/29/the-future-of-internet-regulation-at-the-european-parliament/)
+ * [Laura Kalbag / ffconf 2019](https://www.youtube.com/watch?v=WkeGGNdOv4g&feature=youtu.be) | [lien invidio.us](https://invidio.us/watch?v=WkeGGNdOv4g)
+
+## Outils
+
+### Mesures
+
+* [Website Carbon Calculator](https://www.websitecarbon.com/)
+* [Ecoindex](http://www.ecoindex.fr/)
+* [Website Carbon](https://www.websitecarbon.com/)
+* [GTmetrix](https://gtmetrix.com)
+
+### Usage alternatif
+
+* [nightnight](https://www.nightnight.みんな/details)
+* [Kiwix](https://www.kiwix.org/)
+* [El paquete](https://fr.wikipedia.org/wiki/El_paquete_hebdomadaire)
+* [DakNet](https://ieeexplore.ieee.org/document/1319279)
+
+### Développement
+
+#### Générateurs statique
+
+* [Hugo](https://gohugo.io/)
+* [Jekyll](https://jekyllrb.com/)
+* [Kirby](https://getkirby.com/)
+* [Getpublii](https://getpublii.com/)
+* [Mavo.io](https://mavo.io/)
+* [11ty](https://www.11ty.dev/)
+
+### Design
+
+* [Small Technology](https://small-tech.org/)
+* [Disrupt Design](https://www.disruptdesign.co/)
+
+### Auto-hébergement
+
+* [RaspberryPi](https://www.raspberrypi.org/)
+* [NextCloud](https://nextcloud.com/)
+* [Fediverse](https://fediverse.party/)
+
+### Hébergement
+
+* [Commons host](https://commons.host/)
+* [Greenhost](https://greenhost.net/)
+* [Ikoula](https://www.ikoula.com/fr)
+* [Site.js](https://sitejs.org/)
+
+### Editeur
+
+* [Marktext](https://github.com/marktext/marktext)