@@ -1,20 +1,22 @@ 
 :root {
-  --color-primary: rgb(30, 102, 245);
-  --color-primary-light: rgb(114, 135, 253);
-  --color-bg: rgb(239, 241, 245);
-  --color-links: rgb(30, 102, 245);
-  --color-badge: hsl(220deg, 91%, 54%, 0.1);
-  --headline-1: rgb(92, 95, 119);
-  --headline-2: rgb(108, 111, 133);
-  --text-primary: rgb(76, 79, 105);
-  --text-secondary: rgb(92, 95, 119);
+  --color-primary: #4f46e5;
+  --color-primary-light: rgba(79, 70, 229, 0.08);
+  --color-bg: #f1f5f9;
+  --text-secondary: #374151;
 }
 
 body {
-  font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
-    Bitstream Vera Sans Mono, Courier New, monospace, serif;
+  font-family:
+    Menlo,
+    Monaco,
+    Lucida Console,
+    Liberation Mono,
+    DejaVu Sans Mono,
+    Bitstream Vera Sans Mono,
+    Courier New,
+    monospace,
+    serif;
   background-color: var(--color-bg);
-  color: var(--text-primary);
 }
 
 main {
@@ -26,36 +28,29 @@ 
 blockquote {
   margin: 0;
   padding-left: 1rem;
-  color: var(--text-primary);
+  color: var(--text-secondary);
   border-left: 6px solid var(--color-primary);
 }
 
 a {
-  color: var(--color-links);
+  color: var(--color-primary);
   text-decoration: none;
 }
 
 a:hover {
-  color: var(--color-primary);
+  color: #818cf8;
   text-decoration: underline;
 }
 
 h1 {
   font-size: 1.5rem;
   line-height: 2rem;
-  color: var(--headline-1);
 }
 
 h2 {
   font-size: 1.25rem;
   line-height: 1.75rem;
   margin-bottom: 1rem;
-  color: var(--headline-1);
-}
-
-h3,
-h4 {
-  color: var(--headline-2);
 }
 
 p {
@@ -67,8 +62,7 @@ ul {
   line-height: 1.3;
 }
 
-input,
-textarea {
+input, textarea {
   border-radius: 4px;
   border: 1px solid #eee;
   padding: 0.5rem;
@@ -83,8 +77,7 @@ border: none;
   padding: 0.5rem;
   cursor: pointer;
 
-  &:hover,
-  &:focus {
+  &:hover,&:focus {
     opacity: 0.8;
   }
 }
@@ -117,7 +110,7 @@ 
 .date {
   font-size: 0.9rem;
   color: var(--text-secondary);
-  background-color: var(--color-badge);
+  background-color: var(--color-primary-light);
   padding: 0 0.25rem;
   border-radius: 4px;
 }
@@ -147,6 +140,19 @@ 
   > button {
     width: 100%;
   }
+}
+
+ul.categories-list {
+  padding-left: 0;
+}
+
+ul.categories-list li {
+  padding: 0.8rem 0;
+  list-style: none;
+}
+
+ul.categories-list li::before {
+  content: '🌱 ';
 }
 
 @media only screen and (max-width: 600px) {
@@ -180,13 +186,16 @@ }
 
 @media (prefers-color-scheme: dark) {
   :root {
-    --color-primary: rgb(137, 180, 250);
-    --color-links: rgb(137, 180, 250);
-    --color-bg: rgb(30, 30, 46);
-    --color-badge: hsl(217deg, 92%, 76%, 0.2);
-    --text-primary: rgb(205, 214, 244);
-    --text-secondary: rgb(147, 153, 178);
-    --headline-1: rgb(186, 194, 222);
-    --headline-2: rgb(166, 173, 200);
+    --color-primary: #818cf8;
+    --color-primary-light: rgba(79, 70, 229, 0.2);
+    --color-bg: #18181b;
+    --color-bg: #14141f;
+    --text-secondary: #e2e4e8;
+  }
+
+  body {
+    color: white;
   }
 }
+
+

@@ -6,8 +6,7 @@ > Un numérique durable au service de l'Humain 🌱
 
 Partisan d'un Internet ouvert, sobre et distribué, je cultive des outils digitaux
 au travers de l'entreprise auto-gouvernée [Octree](https://octree.ch) afin de
-contribuer au monde de demain. En parallèle, j'enseigne le métier de développeur/euse à
-[CREA Genève](https://www.creageneve.com/bachelor/developpement-web-et-applications/).
+contribuer au monde de demain.
 
 Je travaille actuellement sur des projets de [covoiturage](./caroster),
 de [gestion des flux de déchets](./r-21) et d'[optimisation énergétique](./evospe)

@@ -0,0 +1,9 @@ 
+# 🌳 Digital garden
+
+Avec mon activité à Octree et mes nombreux side-projects,
+je passe beaucoup de temps à explorer de nouvelles choses
+sur les sujets de la sobriété, la frugalité et le minimalisme
+dans le domaine de l'informatique et du développement Web.
+
+Ce *digital garden* est une documentation vivante rassemblant les connaissances
+que j'acquière au fil de ces explorations.

@@ -0,0 +1,18 @@ 
+---
+Title: Le clavier et le texte
+---
+
+## Le clavier et le texte
+
+Le terminal est l'interface la plus minimale et efficace pour communiquer
+avec un système d'informatique. Je cherche à maîtriser les outils et
+commandes les plus communes afin d'être efficace partout.
+
+### Outils pour la ligne de commande
+
+- `glow`: Afficher un fichier Markdown de manière stylisée [doc](https://github.com/charmbracelet/glow)
+- `slides`: Affiche un fichier Markdown sous forme de slides [doc](https://github.com/maaslalani/slides)
+- `exa`: Version moderne de `ls`. Un alias remplace `l` par exa. [doc](https://github.com/ogham/exa)
+- `gtop`: Commande `top` avec graphiques. Installer par npm. [doc](https://github.com/aksakalli/gtop)
+- `ranger`: Explorateur de fichier intéractif [doc](https://github.com/ranger/ranger)
+- `goaccess`: Analyse de logs Web et génération de rapport [doc](https://goaccess.io/get-started)

@@ -0,0 +1,53 @@ 
+---
+Title: Échanger des messages confidentiels avec GPG
+Date: 2024-04-19
+---
+
+Sur la [page d'accueil](/), je mets à disposition ma clé PGP publique
+afin de permettre aux gens de m'envoyer des messages chiffrés que seul
+moi pourrait déchiffrer.
+
+Ce tuto explique comment utiliser le programme [GPG](https://gnupg.org/)
+pour chiffrer un message avec ma clé publique.
+GPG est un programme universellement accessible (sur toutes les plateformes)
+permettant de générer des clés de chiffrement, de les stocker et de
+chiffrer/déchiffrer des messages avec.
+
+## Importer la clé publique du destinataire
+
+Dans un premier temps, vous avez besoin de récupérer [ma clé PGP publique](http://localhost:1313/tim@5ika.ch.pub)
+sur votre ordinateur puis de l'importer dans GPG avec la commande suivant:
+
+```bash
+gpg --import tim@5ika.ch.pub
+```
+
+Vous pouvez ensuite constater les clés PGP disponibles sur votre système
+avec la commande suivante:
+
+```bash
+gpg --list-keys
+```
+
+Vous devriez voir apparaître au moins une ligne indiquant que vous avez
+une clé correspondant à l'UID `tim@5ika.ch`.
+
+## Chiffrer un message
+
+Placez votre message dans un fichier de texte, par exemple `message-secret.txt`
+et chiffré le avec la commande suivante:
+
+```bash
+gpg --recipient tim@5ika.ch --encrypt message-secret.txt
+```
+
+Par sécurité, comme vous avez récupéré la clé publique en téléchargeant un
+fichier depuis un site Web, `gpg` vous affiche un message d'alerte
+et vous invite à confirmer votre action en entrant `y` puis `Enter`.
+
+Après ces étapes, vous obtenez un fichier `message-secret.txt.gpg`
+qui contient votre message chiffré avec la clé publique.
+Vous pouvez ainsi m'envoyer ce fichier par le canal que vous voulez.
+
+Seule la personne qui détient la clé privée correspondant à la clé
+publique utilisée peut déchiffrer le message.

@@ -0,0 +1,11 @@ 
+---
+Title: Naviguer au clavier
+Date: 2024-06-10
+---
+
+Afin d'être le plus efficace possible, j'aime bien utiliser le plus possibles les raccourcis clavier des outils que j'utilise chaque jour.
+Je référencie ici des liens vers les listes de raccourcis clavier.
+
+- [Firefox](https://support.mozilla.org/fr/kb/raccourcis-clavier?redirectslug=Keyboard+shortcuts&redirectlocale=fr-FR)
+- [DuckDuckGo](https://duckduckgo.com/duckduckgo-help-pages/features/keyboard-shortcuts/)
+- [Terminal](https://itsfoss.com/linux-terminal-shortcuts/)

@@ -0,0 +1,11 @@ 
+---
+Title: NeoVim
+---
+
+# NeoVim
+
+## Shortcuts
+
+- `L`: Aller vers le tab suivant
+- `H`: Aller ver le tab précédent
+- `<space>e`: Ouvrir/Fermer l'explorateur de fichier

@@ -0,0 +1,58 @@ 
+---
+Title: Utiliser tmux
+Date: 2024-12-23
+---
+
+## Cheatsheet
+
+Toutes les actions doivent être précédées de `Ctrl+B` (préfixe).
+
+### Commandes génériques
+
+- `CTRL+A`: Se déplacer au début de la ligne
+- `CTRL+E`: Se déplacer à la fin de la ligne
+- `CTRL+→←`: Se déplace de mot en mot
+- `CTRL+U`: Couper du début de la ligne jusqu'au curseur
+- `CTRL+K`: Coupe du curseur à la fin de la ligne
+- `ALT+D`: Coupe du curseur à la fin du mot
+- `CTRL+Y`: Colle ce qui a été coupé précédemment
+- `CTRL+L`: Vide le terminal (clear)
+- `CTRL+R`: Recherche dans les commandes passées
+- `CTRL+S`: Freeze l'écran
+- `CTRL+Q`: Unfreeze l'écran
+- `CTRL+D`: Ferme la session en cours
+
+## Commande préfixées
+
+Les commandes suivantes doivent être préfixées par `CTRL+B`.
+
+### Gestion des fenêtres
+
+- `d`: Détache la session en Couper
+- `c`: Créer une nouvelle fenêtre
+- `w`: Lister les fenêtres
+- `,`: Renommer la fenêtre
+- `n`: Se déplacer vers la fenêtre suivante
+- `p`: Se déplacer vers la fenêtre précédente
+- `<numéro>`: Se déplace vers la fenêtre attribuée à ce numéro
+- `l`: Retourne vers la fenêtre précédente
+
+### Gestion des panes
+
+- `%`: Splitter horizontalement
+- `"`: Splitter verticalement
+- `↑↓→←`: Se déplacer entre les panes
+- `;`: Revenir au pane précédent
+- `!`: Déplacer le pane courant dans une nouvelle fenêtre
+- `z`: Mettre le plane courant en pleine écran (ou sortir du plein écran)
+- `{`: Déplacer le pane courant vers la gauche
+- `}`: Déplacer le pane courant vers la droite
+- `Ctrl+<flèche>`: Redimensionne le pane courant
+- `x`: Ferme le pane courant
+- `q`: Affiche les numéros des panes
+- `q <numéro>`: Se déplacer vers le pane attribué à ce numéro
+
+### Plugins
+
+- `I`: Installe les plugins listés dans `~/.tmux.conf` (avec tpm)
+- `alt+u`: Met à jour/supprime les plugins en fonction de la liste dans `~/.tmux.conf`

@@ -0,0 +1,100 @@ 
+---
+Title: Utiliser Vim et Vimwiki
+Date: 2024-04-19
+---
+
+## Cheatsheet
+
+### Créer une nouvelle page à partir d'un lien
+
+1. Créer un lien avec `[[Nom de la page]]`
+2. Placer le curseur sur le lien et appuyer sur `Enter`
+
+Une nouvelle page Markdown est créée avec le nom du lien dans le dossier Wiki.
+
+### Checker une tâche
+
+1. Place le curseur sur la tâche
+2. Appuyer sur CTRL+Space
+
+> Si le curseur est un élément de liste, l'action ajoute une checkbox.
+
+## Shortcuts
+
+### Copier/Coller
+
+- `yy`: Copie la ligne actuelle
+- `dd`: Supprime la ligne actuelle
+- `du`: Supprime à partir du curseur jusqu'à la fin du mot
+- `cc`: Supprime la ligne actuelle et passe en mode _insertion_
+- `p`: Colle une sélection
+- `D`: Supprime à partir du curseur jusqu'à la fin de la ligne
+- `C`: Supprime à partir du curseur jusq'à la fin de la ligne et passe en mode
+  _insertion_
+- `J`: Merge la ligne actuelle et la suivante
+
+### Déplacement
+
+- `w`: Va au prochain mot
+- `b`: Va au précédent mot
+- `e`: Va à la fin du mot
+- `0`: Va au début de la ligne
+- `$`: Va à la fin de la ligne
+- `gg`: Va à la première ligne du fichier
+- `G`: Va à la dernière ligne du fichier
+- `H`: Va en haut de la fenêtre (High)
+- `M`: Va au milieu de la fenêtre (Middle)
+- `L`: Va en bas de la fenêtre (Low)
+- `zz`: Place la ligne actuelle au milieu de la fenêtre
+- `Shift+↑`: Déplace la ligne actuelle vers le haut (commande custom)
+- `Shift+↓`: Déplace la ligne actuelle vers le bas (commande custom)
+
+### Workspace
+
+- `:new`: Créer un nouveau workspace au dessus de l'existant
+- `:vnew`: Créer un nouveau workspace à gauche de l'existant
+- `Ctrl+W <arrow>`: Se déplace d'un workspace à l'autre
+- `Ctrl+W +/-`: Agrandi/rétrécit le workspace courant verticalement
+- `Ctrl+W </>`: Agrandi/rétrécit le workspace courant horizontalement
+
+### Opérations
+
+- `u`: Annule l'action précédente
+- `Ctrl+r`: Refait l'action annulée
+- `>>`: Ajoute une tabulation au début de la ligne
+- `<<`: Enlève une tabulation au début de la ligne
+- `N>>`: Ajoute une tabulation au N lignes suivantes
+- `N<<`: Enlève une tabulation au N lignes suivantes
+- `x`: Supprime le caractère au niveau du curseur
+- `~`: Switch la casse pour le caractère au niveau du curseur
+- `rX`: Remplace le caractère au niveau du curseur par 'X'
+
+### Recherche
+
+- `:/term`: Va à la première occurence de 'term'
+- `n`: Va à la prochaine occurence de 'term'
+- `N`: Va à la précédente occurence de 'term'
+- `*`: Va à la prochaine occurence du mot au niveau du curseur
+
+### Correction ortographique
+
+- `:set spell`: Activer la correction
+- `:set nospell`: Désactiver la correction
+- `:set spelllang=fr`: Configurer la correction pour le français
+- `]s`: Se déplacer vers le prochain mot mal orthographié
+- `[s`: Se déplacer vers le précédent mot mal orthographié
+- `z=`: Au dessus d'un mot mal orthographié, affiche la liste de propositions
+
+### Enregistrement d'actions
+
+- `qx`: Lance l'enregistrement des actions avec le nom 'x'
+- `q`: Arrête l'enregistrement en cours
+- `@x`: Applique les actions enregistrées avec le nom 'x' (1x)
+- `55@x`: Applique les actions 'x' 55 fois
+- `@@`: Ré-applique l'action précédente
+- `qxq`: Supprime l'enregistrement 'x'
+
+## Ressources
+
+- [Vimwiki](https://vimwiki.github.io/)
+- [Guide Working with vim](https://mkaz.blog/working-with-vim/)

@@ -0,0 +1,57 @@ 
+---
+Title: Auto-hébergement
+---
+
+# Auto-hébergement
+
+Afin d'avoir une maîtrise sur les outils que j'utilise et garantir des outils sobres, je cherche des alternatives sobres que j'auto-héberge sur mon serveur personnel.
+
+## Blog - Hugo
+
+<https://gohugo.io/>
+
+Je gère mon blog grâce au framework Hugo. Grâce à un système de template pratique et flexible, je peux compiler tout le site en quelques fichiers statiques (HTML, CSS et Javascript) puis le servir avec un serveur Web minimal.
+
+Les contenus sont globalement des fichiers Markdown que j'édite avec *vim*.
+
+Les sources du blog sont disponibles ici: <https://git.5ika.ch/blog.git>.
+
+Pour faciliter la mise en ligne, j'ai mis en place un [[minimal-ci|système de déploiment minimaliste]].
+
+## Serveur Web - Caddy
+
+<https://caddyserver.com/>
+
+Comme j'ai plusieurs interfaces Web qui tournent sur mon serveur perso, j'ai installé un serveur Caddy en point d'entrée. Facilement configurable à travers un unique fichier de config, il me permet d'ajouter rapidement de nouveaux services sans avoir à me préoccuper de la configuration HTTPS.
+
+## Serveur Git - Soft-Serve
+
+<https://github.com/charmbracelet/soft-serve>
+
+Soft-Server est un serveur Git entièrement accessible et gérable en ligne de commande.
+
+L'installation est facile et utilise le plus possible les configs SSH déjà présentes sur un système pour éviter de ré-inventer la roue.
+
+Il est possible de voir mes dépôts publics en lançant la commande SSH suivante dans un terminal:
+
+```bash
+ssh -p 1917 -4 git.5ika.ch
+```
+
+On accède à un TUI dans laquelle on peut naviguer dans les dépôts.
+
+## Interface Web pour Git - legit
+
+<https://github.com/icyphox/legit>
+
+Pour que mes projets Git soient néanmoins visibles depuis le Web, j'ai mis en place un petit serveur web léger qui publie une interface épurée. Cette interface est disponible sur <https://git.5ika.ch>. Cette accès me permet notamment de pouvoir faire des liens vers un de mes dépôts depuis une autre page.
+
+J'ai fait quelques ajustements de style pour l'aligner sur 5ika.ch. Les configs sont visibles ici: <https://git.5ika.ch/legit-config.git>.
+
+## Solid Pod - Node Solid Server
+
+<https://github.com/nodeSolidServer/node-solid-server/>
+
+Pour explorer le fonctionnement de [Solid](https://solidproject.org/) et avoir un backend tout prêt pour développer des petites apps à usage personnel, j'ai un Solid Pod à disposition sur <https://pod.5ika.ch>.
+
+Ce pod représente également une forme d'identité sur le Web.

@@ -0,0 +1,28 @@ 
+---
+Title: Pipeline de déploiement minimal
+---
+
+# Pipeline de déploiement minimal
+
+Pour ne pas avoir à mettre en place tout un système de pipeline de CI/CD sur mon petit serveur perso, j'ai réfléchi à une solution minimale pour mettre à jour mon blog à chaque fois que je push une modification sur le dépôt Git.
+
+Cette solution repose sur un [git hook](https://git-scm.com/docs/githooks) *post-receive* placé au niveau du dépôt sur le serveur Soft-Serve.
+
+```bash
+#!/bin/bash
+
+echo "Deploy blog on 5ika.ch"
+su ubuntu << EOF
+  git push /var/www/html/blog/
+  cd /var/www/html/blog/
+  hugo --minify
+EOF
+```
+
+Pour autoriser git à faire un push vers un autre dossier local (/var/www/html/blog), il est nécessaire de lancer la commande suivante dans le dossier qui reçoit le push:
+
+```bash
+git config receive.denyCurrentBranch updateInstead
+```
+
+À chaque push vers le dépôt git, le script de déploiement est exécuté et les logs s'affichent avec ceux de la commande `git push`.

@@ -0,0 +1,19 @@ 
+---
+Title: Web sémantique
+---
+
+# WebSem
+
+## Récupérer les données d'un endpoint SOLID en JSON-ld
+
+```bash
+curl https://pod.5ika.ch/profile/card  -H "Accept: application/ld+json"
+```
+
+## Faire une requête SPARQL à un endpoint solid
+
+> Utilise l'utilitaire <https://comunica.dev/docs/query/getting_started/query_cli/>
+
+```bash
+comunica-sparql  https://pod.5ika.ch/profile/card    "SELECT * WHERE { ?s ?p ?o } LIMIT 100"
+```

@@ -0,0 +1,58 @@ 
+---
+Title: L'auto-gouvernance expliquée à ta mère
+Date: 2030-04-27
+Draft: true
+---
+
+J'ai beaucoup de difficulté pour expliquer ce qu'est l'auto-gouvernance autour de moi.
+Quand j'explique ce que je fais professionnellement, je perds rapidement l'attention des gens avec qui je parle.
+
+*Tu fais quoi comme job ?*
+
+J'ai pas vraiment un job précis mais j'occupe différents *rôles* dans ma boite.
+
+*Mais vous faites quoi ?*
+
+On développe des choses qui ont du sens en essayant de faire du bien à la société.
+
+*Mais c'est pas viable ça. Comment vous gagner de l'argent ?*
+
+Gagner de l'argent n'est pas la finalité. On a ce qu'il faut pour vivre décemment car c'est nécessaire pour que l'entreprise vive mais on cherche avant tout à poursuivre notre but commun: Construire ensemble les outils de la transition écologique et sociale.
+
+*Ah ok.*
+
+Et ça s'arrête généralement là car je n'ai généralement pas les bons mots pour expliquer succinctement pourquoi et comment ça fonctionne, en quoi c'est bon. Comme c'est un terrain inconnu pour la plupart des gens, ils n'en demandent pas plus et la conversation se perd, me laissant toujours un sentiment de frustration.
+
+Je profite donc de la forme écrite, avec laquelle je suis le plus à l'aise, pour expliquer, de la manière la plus ouverte possible, ce qu'est l'Holacracie.
+
+---
+
+Je choisi d'être dans une entreprise auto-gouvernée tout d'abord parce que j'ai de l'aversion pour le mode de gouvernance le plus commun: la hiérarchie.
+
+Cette aversion s'est construite sur mes expériences dans des structures hiérarchies puis sur les confessions bière à la main d'un bon nombre d'amis.
+
+De mon point de vue, une hiérarchie est la forme la plus naturelle et la moins réfléchie pour coordonner un grand nombre de personnes. De l'empire romain aux grandes entreprises en passant par l'armée. Pour beaucoup de monde, c'est la seule manière qui existe pour organiser les gens et "faire en sorte que les choses soient faites".
+
+Ce qui pose problème c'est que ce modèle est basé sur la peur. C'est la peur qui fait que les membres restent, que la structure tient debout. La peur de ne pas avoir son salaire à la fin du mois, la peur de ne pas faire partie de la société, la peur de ne plus être protégé.
+
+On connaît tous des amis qui se plaignent constamment que ça ne va pas au boulot, que leur chef est un con, qu'ils ne sont pas reconnus à leur juste valeur ou qu'ils n'ont pas leur mot à dire.
+
+En fait, une hiérarchie est comme une grosse machine: chaque membre est une pièce qui fait un petit bout du taf mais qu'on peut remplacer au besoin. Bien huilée ou non, ce qui compte c'est que ça tourne.
+
+L'auto-gouvernance ne se place pas en opposition mais en alternative à ce modèle trop commun. Plutôt qu'une machine à faire du fric, une entreprise auto-gouvernée existe pour poursuivre un but, viser une raison d'être. Ainsi, on se pose la question de **pourquoi** ça tourne.
+
+Je passe des journées entières à travailler plutôt que de m'occuper de ma famille et passer du bon temps car ce que je fais a un pourquoi, parce qu'il y a un sens à ce que je fais.
+
+
+## Pourquoi la gouvernance
+1. Donne du sens
+2. Donne une voix / de la confiance
+3. Permet de se challenger chaque jour
+4. Permet de s'accomplir personnellement
+
+- De la confiance
+- Recherche de la thune, matérialisme
+- Nécessité d'avoir un travail avec du sens
+- Besoin d'avoir une place
+- Forme organique, du challenge et de la nouveauté chaque jour
+- La question de l'argent

@@ -11,9 +11,6 @@ <h4>Lecture en cours</h4>
     <div>
     {{ $outbox := dict }}
     {{ with resources.GetRemote "https://bookwyrm.social/user/5ika/outbox?page=1" }}
-        {{ with .Err }}
-            {{ errorf "%s" . }}
-        {{ else }}
             {{ $outbox = . | transform.Unmarshal }}
             {{ with index $outbox.orderedItems 0 }}
                 <a href='{{ .id }}' target="_blank">
@@ -22,7 +19,6 @@ {{ .name }}
                     {{ end }}
                 </a>
             {{ end }}
-        {{ end }}
     {{ end }}
     </div>
 </div>

@@ -1,9 +1,6 @@ 
 <div style="margin-top:2rem">
     {{ $outbox := dict }}
     {{ with resources.GetRemote "https://bookwyrm.social/user/5ika/outbox?page=1" }}
-        {{ with .Err }}
-            {{ errorf "%s" . }}
-        {{ else }}
             {{ $outbox = . | transform.Unmarshal }}
             {{ range $outbox.orderedItems }}
                 {{ if hasPrefix .content "<p>" }}
@@ -16,8 +13,7 @@ </a>
                         <div style="margin-top:8px"><span class='date'>{{ dateFormat "2 Jan 2006"  .published }}</span></div>
                         <blockquote>{{ (replaceRE `<p>\(comment on .*</p>` "" .content) | safeHTML}}</blockquote>
                     </div>
-                {{ end }}
             {{ end }}
         {{ end }}
     {{ end }}
-</div>+</div>

@@ -1,6 +1,6 @@ 
 <nav>
   <a href="/posts">📝 Blog</a>
-  <a href="./wiki">📒 Base de connaissance</a>
+  <a href="./garden">🌳 Digital garden</a>
   <a href="./about">👋 Plus d’info</a>
   <a href="./now">⬇️ Maintenant</a>
   {{/* <a href="./ideas">💡 Idées</a> */}}

@@ -1,8 +1,7 @@ 
 {{ define "main" }}
-<main>
   <p>{{ .Content }}</p>
-  <ul class="links-list">
-    <!-- Ranges through content/posts/*.md -->
+  <ul class="categories-list">
+    <!-- Ranges through content/garden/*.md -->
     {{ range .Pages }}
     <li>
       <a href="{{ .RelPermalink }}">

@@ -4,7 +4,7 @@ {{ .Content }}
     <hr/>
     <p>
         <i>
-        Ce tuto vous est utile ? Vous avez vu une coquille ou vous avez une suggestion d'amélioration ?
+        Cette page vous est utile ? Vous avez vu une coquille ou vous avez une suggestion d'amélioration ?
         <br/>
         Dites-le moi sur <a href='https://tooting.ch/@5ika' target="_blank">Mastodon</a>
         ou <a href='mailto:tim@5ika.ch'>par email</a> car je n'ai pas d'autre moyen de le savoir :-)