ajout shortcode pour page ressources + css

This commit is contained in:
pikselkraft 2020-06-24 12:07:39 +02:00 committed by Simon C
parent d61e810cd5
commit 63e2c7d13a
6 changed files with 132 additions and 79 deletions

View File

@ -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

View File

@ -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)

View File

@ -6,91 +6,125 @@ menu:
weight: 30
---
## Ressources
## Ressources pour un web low-tech
{{< row-list >}}
{{< col-list >}}
<h3>Écoconception</h3>
<ul>
<li><a href="https://www.youtube.com/watch?v=pvl6QeeBOaU&feature=emb_title">Repenser le numérique dans les limites planétaires - BlendWebMix - Gauthier Roussilhe</a></li>
<li><a href="http://gauthierroussilhe.com/fr/posts/convert-low-tech">Guide de conversion numérique au low tech</a></li>
<li><a href="https://alistapart.com/article/sustainable-web-design/">James Christie, Sustainable Web Design</a></li>
<li>Écoconception web : les 115 bonnes pratiques 3ème édition</li>
</ul>
{{< /col-list >}}
### Lectures
{{< col-list >}}
<h3>Rapport</h3>
<ul>
<li><a href="https://theshiftproject.org/lean-ict/">The shift project</a></li>
</ul>
{{< /col-list >}}
#### Écoconception
{{< col-list >}}
<h3>Low Tech</h3>
<ul>
<li>Phillipe Bihouix, L'âge des Low Tech : Vers une civilisation techniquement soutenable</li>
</ul>
{{< /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 >}}
<h3>Design</h3>
<ul>
<li><a href="https://groupe.design/">Groupe d'éducation en design</a></li>
<li>Eric Meyer & Sara Wachter-Boettcher, Design for Real Life</li>
<li><a href="https://alistapart.com/article/sustainable-web-design/">James Christie, Sustainable Web Design</a></li>
<li>Erika Hall, Just Enough Research</li>
</ul>
{{< /col-list >}}
#### Rapport
{{< col-list >}}
<h3>Accessibilité</h3>
<ul>
<li>Laura Kalbag, Accessibility for Everyone/li>
</ul>
{{< /col-list >}}
* [The shift project](https://theshiftproject.org/lean-ict/)
{{< col-list >}}
<h3>Société</h3>
<ul>
<li><a href="http://lapenseeecologique.com/et-si-nous-nous-trompions-de-transition-pour-un-luddisme-ecologique/">Éloi Laurent, Et si nous nous trompions de transition ? Pour un luddisme écologique</a></li>
<li><a href="https://ar.al/2019/11/29/the-future-of-internet-regulation-at-the-european-parliament/">The Future of Internet Regulation at the European Parliament</a></li>
<li><a href="https://www.youtube.com/watch?v=WkeGGNdOv4g&feature=youtu.be">Laura Kalbag / ffconf 2019</a></li>
</ul>
{{< /col-list >}}
{{< /row-list >}}
#### Low Tech
## Outils pour un web low-tech
{{< row-list >}}
{{< col-list >}}
<h3>Mesures</h3>
<ul>
<li><a href="https://www.websitecarbon.com/">Website Carbon Calculator</a></li>
<li><a href="http://www.ecoindex.fr/">Ecoindex</a></li>
<li><a href="https://www.websitecarbon.com/">Website Carbon</a></li>
<li><a href="https://gtmetrix.com">GTmetrix</a></li>
</ul>
{{< /col-list >}}
* Phillipe Bihouix, L'âge des Low Tech : Vers une civilisation techniquement soutenable
{{< col-list >}}
<h3>Usage alternatif</h3>
<ul>
<li><a href="https://www.nightnight.みんな/details">nightnight</a></li>
<li><a href="https://www.kiwix.org/">Kiwix</a></li>
<li><a href="https://fr.wikipedia.org/wiki/El_paquete_hebdomadaire">El paquete</a></li>
<li><a href="https://ieeexplore.ieee.org/document/1319279">DakNet</a></li>
</ul>
{{< /col-list >}}
#### Design
{{< col-list >}}
<h3>Développement</h3>
<ul>
<li><a href="https://gohugo.io/">Hugo</a></li>
<li><a href="https://jekyllrb.com/">Jekyll</a></li>
<li><a href="https://getkirby.com/">Kirby</a></li>
<li><a href="https://getpublii.com/">Getpublii</a></li>
<li><a href="https://mavo.io/">Mavo.io</a></li>
<li><a href="https://www.11ty.dev/">11ty</a></li>
</ul>
* Eric Meyer & Sara Wachter-Boettcher, Design for Real Life
* Erika Hall, Just Enough Research
{{< /col-list >}}
#### Accessibilité
{{< col-list >}}
<h3>Design</h3>
<ul>
<li><a href="https://small-tech.org/">Small Technology</a></li>
<li><a href="https://www.disruptdesign.co/">Disrupt Design</a></li>
</ul>
{{< /col-list >}}
* Laura Kalbag, Accessibility for Everyone
{{< col-list >}}
<h3>Auto-hébergement</h3>
<ul>
<li><a href="https://www.raspberrypi.org/">RaspberryPi</a></li>
<li><a href="https://nextcloud.com/">NextCloud</a></li>
<li><a href="https://fediverse.party/">Fediverse</a></li>
</ul>
{{< /col-list >}}
#### Société
{{< col-list >}}
<h3>Hébergement</h3>
<ul>
<li><a href="https://commons.host/">Commons host</a></li>
<li><a href="https://greenhost.net/">Greenhost</a></li>
<li><a href="https://www.ikoula.com/fr">Ikoula</a></li>
<li><a href="https://sitejs.org/">Site.js</a></li>
</ul>
{{< /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 >}}
<h3>Editeur</h3>
<ul>
<li><a href="https://github.com/marktext/marktext">Marktext</a></li>
</ul>
{{< /col-list >}}
{{< /row-list >}}

View File

@ -1,5 +1,5 @@
{{ define "main" }}
{{ .Title }}
<h1>{{ .Title }}</h1>
<div class="annuaires">
{{ .Content }}
</div>

View File

@ -0,0 +1,3 @@
<div class="col-list">
{{.Inner}}
</div>

View File

@ -0,0 +1,3 @@
<div class="row-list">
{{.Inner}}
</div>