diff --git a/assets/styles/content.sass b/assets/styles/content.sass index ef0ad70..efb8c5b 100644 --- a/assets/styles/content.sass +++ b/assets/styles/content.sass @@ -17,3 +17,17 @@ main @media screen and (min-width: 60em) .annuaires columns: 3 + + +@media screen and (min-width: 60em) + .row-list + display: flex + flex-wrap: wrap + .col-list + width: 45% + min-height: 12rem + margin: 0.5rem + padding: 1rem + border: 1px solid + .col-list h3 + margin: 1rem 0 diff --git a/content/annuaires/_index.md b/content/annuaires/_index.md index 9bb17d3..4a342a9 100644 --- a/content/annuaires/_index.md +++ b/content/annuaires/_index.md @@ -1,12 +1,11 @@ --- -title: Annuaires des acteurs +title: Annuaires des low-tech menu: main: - name: 📔 Annuaires + name: 📔 Annuaires des low-tech weight: 20 --- -## Acteurs des low-tech : * [Le Low Tech Lab](https://lowtechlab.org/) * [Le Low Tech Magazine](https://solar.lowtechmagazine.com/) * [Gauthier Roussilhe](http://gauthierroussilhe.com) diff --git a/content/outils-ressources.md b/content/outils-ressources.md index 18d3d2e..5972d43 100644 --- a/content/outils-ressources.md +++ b/content/outils-ressources.md @@ -6,91 +6,125 @@ menu: weight: 30 --- -## Ressources +## Ressources pour un web low-tech +{{< row-list >}} +{{< col-list >}} +

Écoconception

+ +{{< /col-list >}} -### Lectures +{{< col-list >}} +

Rapport

+ +{{< /col-list >}} -#### Écoconception +{{< col-list >}} +

Low Tech

+ +{{< /col-list >}} -* [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 +{{< col-list >}} +

Design

+ +{{< /col-list >}} -#### Rapport +{{< col-list >}} +

Accessibilité

+ +{{< /col-list >}} -* [The shift project](https://theshiftproject.org/lean-ict/) +{{< col-list >}} +

Société

+ +{{< /col-list >}} +{{< /row-list >}} -#### Low Tech +## Outils pour un web low-tech +{{< row-list >}} +{{< col-list >}} +

Mesures

+ +{{< /col-list >}} -* Phillipe Bihouix, L'âge des Low Tech : Vers une civilisation techniquement soutenable +{{< col-list >}} +

Usage alternatif

+ +{{< /col-list >}} -#### Design +{{< col-list >}} +

Développement

+ -* Eric Meyer & Sara Wachter-Boettcher, Design for Real Life -* Erika Hall, Just Enough Research +{{< /col-list >}} -#### Accessibilité +{{< col-list >}} +

Design

+ +{{< /col-list >}} -* Laura Kalbag, Accessibility for Everyone +{{< col-list >}} +

Auto-hébergement

+ +{{< /col-list >}} -#### Société +{{< col-list >}} +

Hébergement

+ +{{< /col-list >}} -* [É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) +{{< col-list >}} +

Editeur

+ +{{< /col-list >}} +{{< /row-list >}} diff --git a/layouts/annuaires/annuaires.html b/layouts/annuaires/annuaires.html index 71ea260..1cbd77e 100644 --- a/layouts/annuaires/annuaires.html +++ b/layouts/annuaires/annuaires.html @@ -1,5 +1,5 @@ {{ define "main" }} - {{ .Title }} +

{{ .Title }}

{{ .Content }}
diff --git a/layouts/shortcodes/col-list.html b/layouts/shortcodes/col-list.html new file mode 100644 index 0000000..6f5028c --- /dev/null +++ b/layouts/shortcodes/col-list.html @@ -0,0 +1,3 @@ +
+{{.Inner}} +
diff --git a/layouts/shortcodes/row-list.html b/layouts/shortcodes/row-list.html new file mode 100644 index 0000000..af18abe --- /dev/null +++ b/layouts/shortcodes/row-list.html @@ -0,0 +1,3 @@ +
+{{.Inner}} +