first step to a reboot

Makefile

@@ -3,6 +3,7 @@ PELICAN?=pelican
 PELICANOPTS=
 
 LESSC=lessc
+LESSFILES=themes/theo_lem/static/css/main.less
 CSSFILES=themes/theo_lem/static/css/main.css
 BASEDIR=$(CURDIR)
 INPUTDIR=$(BASEDIR)/content
@@ -71,6 +72,7 @@ else
 endif
 
 publish:
+	$(LESSC) $(LESSFILES) $(CSSFILES)
 	$(PELICAN) $(INPUTDIR) -o $(OUTPUTDIR) -s $(PUBLISHCONF) $(PELICANOPTS)
 
 css:

content/blog/5albums.md

@@ -0,0 +1,59 @@
+Title: 5 albums
+Date: 2020-11-18
+Category: reste
+Tags: article
+Slug: reste
+Authors: theo
+
+<img class='subsection-banner' alt='bandeau1' src='{static}../images/5albums_bandeaux/fluid.png'>
+## Royal Krunk Jazz Orchestra - Pyramids
+
+Si je n'ai pas encore écouté la musique de son créateur (le trompettiste [Russell Gunn](https://fr.wikipedia.org/wiki/Russell_Gunn)), tout cet album me fascine. L'Égypte visitée dans l'album rappelle Sun Ra ou Pharoah Sanders, mais l'orchestration est beaucoup plus directe et cinglante, et le tout est d'une énergie folle.
+
+J'aperçois aussi au passage Alex Han (saxophoniste de Marcus Miller) sur le [line-up](https://theroyalkrunkjazzorkestra.bandcamp.com/).
+
+[![soundwave icon]({static}../images/icons/listen.svg)](https://www.youtube.com/watch?v=Zc_JB7DR-1M)
+
+
+<img class='subsection-banner' alt='bandeau2' src='{static}../images/5albums_bandeaux/fluid2.png'>
+## Pole - Fading
+
+Découvert via le [site Pitchfork](https://pitchfork.com/reviews/albums/pole-fading/). Le mariage glitch / dub est fait de manière très maline, et les textures hybrides qui en ressortent me plaisent beaucoup : du rythme qui prend son temps, des grésillements tendus.
+
+Selon [la page Wikipédia de Stefan Betke](https://en.wikipedia.org/wiki/Pole_(musician)), l'humain derrière Pole :
+> Born in Düsseldorf, Pole took his name from a Waldorf 4-Pole filter, which he accidentally dropped and broke in 1996. Though the filter was perhaps no longer appropriate for DJ work in its damaged state, Betke found the strange hissing and popping noises the filter now made interesting sounds. He then began using the broken filter to create music, launching his musical career.
+
+Ça me rappelle la conférence géniale de [Romain Constant](http://www.romainconstant.com/) que j'ai eu la chance de voir il y a quelques années, où ce dernier avait sorti des sons terrifiants d'un vieux synthétiseur resté trop d'années dans une cave trop humide.
+
+[![soundwave icon]({static}../images/icons/listen.svg)](https://www.youtube.com/watch?v=c0qSLCf_a1k)
+
+<img class='subsection-banner' alt='bandeau3' src='{static}../images/5albums_bandeaux/fluid3.png'>
+## Loyle Carner - Yesterday's Gone
+
+J'avais déjà entendu ce rappeur Anglais sur le très bon « [What am I to do](https://www.youtube.com/watch?v=q-xpm4lpNX4) » de Ezra Collective.
+
+J'ai bien retrouvé sa sensibilité sur ses albums solo, où chaque texte sonne comme une confession. [Son passage sur COLORS](https://www.youtube.com/watch?v=wvbfpR7XOwQ), quelques mouvements de mains anxieux et le regard fuyant, ajoutent encore à mon amour pour le personnage.
+
+[![soundwave icon]({static}../images/icons/listen.svg)](https://www.youtube.com/watch?v=pd2LDeFhj-U)
+
+<img class='subsection-banner' alt='bandeau4' src='{static}../images/5albums_bandeaux/fluid4.png'>
+## Bachar Mar-Khalifé - Ya Balad
+
+Découvert par hasard dans la bibliothèque d'à côté de chez moi. Toutes les instrus de l'album ont ce côté millimétré, réduites à une substance indiscutable. Dans cette ambiance dépouillée, je me perd totalement dans sa voix, qui semblent sans fond, venue d'une gouffre.
+
+[![soundwave icon]({static}../images/icons/listen.svg)](https://www.youtube.com/watch?v=N6ogh9_Q5NY)
+
+<img class='subsection-banner' alt='bandeau5' src='{static}../images/5albums_bandeaux/fluid5.png'>
+## PUP - This Place Sucks Ass
+
+Une autre découverte de Pitchfork. J'ai très peu écouté de punk/rock depuis mes années de lycée, et j'aurais encore récemment dit que ce style m'ennuyait un peu, sauf peut-être en live. Puis récemment, sans trop savoir pourquoi, je m'y suis remis : du vieux (Pavement, CAKE, Dinosaur Jr, My Bloody Valentine), et du neuf, comme PUP.
+
+Je n'aime pourtant pas ces styles pour la même raison qu'à l'adolescence : c'était les hymnes antisystème qui me parlaient à l'époque, c'est plutôt l'expression directe et sans fioriture que je trouve courageuse maintenant, cette manière si nécessaire de hurler qu'on va mal. Surtout chez PUP, où les inadaptés ont souvent la parole.
+
+[![soundwave icon]({static}../images/icons/listen.svg)](https://www.youtube.com/watch?v=PWNyNg3SVqk)
+
+_Et bientôt peut-être [une page Wikipédia](https://en.wikipedia.org/wiki/Draft:This_Place_Sucks_Ass_(EP))._
+
+
+---
+_Pour les bandeaux, j'ai utilisé le très rigolo [WebGL Fluid Simulation](https://paveldogreat.github.io/WebGL-Fluid-Simulation/)._

content/blog/Un festival et un calendrier.md

@@ -1,6 +1,6 @@
 Title: Un festival et un calendrier
 Date: 2020-06-01
-Category: blog
+Category: reste
 Tags: article
 Slug: weareoneff
 Authors: theo

content/blog/etvous.md

@@ -1,6 +1,6 @@
 Title: Et vous, vous proposez quoi ?
 Date: 2020-05-07
-Category: blog
+Category: reste
 Tags: article
 Slug: etvous
 Authors: theo

content/blog/livestream.md

@@ -1,6 +1,6 @@
 Title: Retour sur la manif #NousToutes du 10 juillet 2020 à Lyon
 Date: 2020-07-11
-Category: blog
+Category: reste
 Tags: article
 Slug: noutoute10072020endirect
 Authors: theo

content/pages/index.md

@@ -4,11 +4,3 @@ Modified: 2020-04-24 17:01
 Slug: index
 Status: hidden
 Authors: theo
-
-# Bonjour.
-
-Je m'appelle theo, et vous êtes sur mon blog.
-
-J'y met des poèmes de temps en temps, et parfois même d'autres choses.
-
-Bonne visite !

content/poems/pyjama.md

@@ -1,33 +0,0 @@
-Title: pyjama party
-Author: theo
-Date: 2025-09-22
-Modified: 2025-11-09
-Category: poèmes
-Tags:
-Slug: pyjama-party
-
-on est allongées
-
-comme quatre bombes
-
-nos coeurs
-
-fusionnent
-
-et nous bouches veulent dire
-
-les calamités
-
-<br>
-
-on s'éclaire
-
-dans le sombre
-
-j'écoute
-
-donne
-
-ma peau tombée hier
-
-pour oublier

content/poems/une-histoire.md

@@ -1,79 +0,0 @@
-Title: une histoire
-Author: theo
-Date: 2025-09-29
-Modified: 2025-11-09
-Category: poèmes
-Tags:
-Slug: une-histoire
-
-une histoire : 
-
-les pièces tombèrent une à une  
-comme des graviers sur du sable  
-et la pluie humidifia le sable  
-et l'argile sédimenta  
-et traça le lit du ruisseau  
-
---
-
-je m'enferme et je regarde le temps passer.  
-viens un soir où des gens me parlent  
-et je leur répond mais je sais de moins en moins  
-quoi  
-leur  
-dire.  
-il y a  
-des muscles qui me manquent.  
-j'arpente courbaturé des rues maintenant désertes  
-j'aurais aimé serrer un bras  
-faire une bise  
-trouver l'apesanteur là où les paroles se chevauchent  
-
---
-
-une histoire :  
-
-iel arracha les pierres de la falaise une par une  
-de ses ongles et de ses doigts  
-iel tira la vibration tellurique  
-jusqu'à ce qu'elle secoue l'air  
-et bouscule tout jusqu'aux étoiles.  
-
---  
-
-je me regarde dans le miroir et mon corps semble plus dense.  
-la matière s'est concentrée.  
-je vois dans mes courbes qui changent secrètement  
-une leçon cachée sur ma place dans le monde.  
-j'aimerai juste pouvoir la mettre en mot  
-cette métamorphose  
-j'aimerai ne pas me durcir  
-j'aimerai mieux devenir finalement un fluide  
-quelque chose qui file  
-où se disperse  
-j'aimerai comprendre  
-ou me liquéfier.  
-
--- 
-
-une histoire :  
-
-au bout il y a la mort  
-au bout il y a la mer  
-derrière la colline  
-et le désert qui s'étend.  
-aspire la fumée et patiente.  
-
---  
-
-mon frère m'a a enregistré  
-un jour  
-quelques minutes  
-d'une rue de Krakovie.  
-On y entend une chanson  
-lointaine  
-qui me fait trembler comme une feuille.  
-Je crois qu'il n'y a rien de plus étrange  
-que ce son  
-découpé  
-de sa rue.  

output/5albums.html

@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="utf-8">
+    <title>theo lem | 5 albums </title>
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
+    <link rel='icon' href='/images/sun.png' type='images/png'/ >
+    <link rel="alternate" type="application/rss+xml" title="theo lem" href="https://theo-lem.org/feeds/all.atom.xml" />
+</head>
+<body>
+
+    <div class='navbar'>
+        <ul>
+            <li>
+                <a href="/category/poemes">poemes</a>
+            </li>
+            <li>
+                <a href="/category/reste">le reste</a>
+            </li>
+        </ul>   
+    </div>
+    <hr>
+
+    <div class='content'>
+
+<div class="title-block">
+    <h1>5 albums</h1>
+    <h4>18.11.2020</h4>
+    <hr>
+</div>
+<div class='main-content '>
+    <p><img class='subsection-banner' alt='bandeau1' src='/images/5albums_bandeaux/fluid.png'></p>
+<h2>Royal Krunk Jazz Orchestra - Pyramids</h2>
+<p>Si je n'ai pas encore écouté la musique de son créateur (le trompettiste <a href="https://fr.wikipedia.org/wiki/Russell_Gunn">Russell Gunn</a>), tout cet album me fascine. L'Égypte visitée dans l'album rappelle Sun Ra ou Pharoah Sanders, mais l'orchestration est beaucoup plus directe et cinglante, et le tout est d'une énergie folle.</p>
+<p>J'aperçois aussi au passage Alex Han (saxophoniste de Marcus Miller) sur le <a href="https://theroyalkrunkjazzorkestra.bandcamp.com/">line-up</a>.</p>
+<p><a href="https://www.youtube.com/watch?v=Zc_JB7DR-1M"><img alt="soundwave icon" src="/images/icons/listen.svg"></a></p>
+<p><img class='subsection-banner' alt='bandeau2' src='/images/5albums_bandeaux/fluid2.png'></p>
+<h2>Pole - Fading</h2>
+<p>Découvert via le <a href="https://pitchfork.com/reviews/albums/pole-fading/">site Pitchfork</a>. Le mariage glitch / dub est fait de manière très maline, et les textures hybrides qui en ressortent me plaisent beaucoup : du rythme qui prend son temps, des grésillements tendus.</p>
+<p>Selon <a href="https://en.wikipedia.org/wiki/Pole_(musician)">la page Wikipédia de Stefan Betke</a>, l'humain derrière Pole :</p>
+<blockquote>
+<p>Born in Düsseldorf, Pole took his name from a Waldorf 4-Pole filter, which he accidentally dropped and broke in 1996. Though the filter was perhaps no longer appropriate for DJ work in its damaged state, Betke found the strange hissing and popping noises the filter now made interesting sounds. He then began using the broken filter to create music, launching his musical career.</p>
+</blockquote>
+<p>Ça me rappelle la conférence géniale de <a href="http://www.romainconstant.com/">Romain Constant</a> que j'ai eu la chance de voir il y a quelques années, où ce dernier avait sorti des sons terrifiants d'un vieux synthétiseur resté trop d'années dans une cave trop humide.</p>
+<p><a href="https://www.youtube.com/watch?v=c0qSLCf_a1k"><img alt="soundwave icon" src="/images/icons/listen.svg"></a></p>
+<p><img class='subsection-banner' alt='bandeau3' src='/images/5albums_bandeaux/fluid3.png'></p>
+<h2>Loyle Carner - Yesterday's Gone</h2>
+<p>J'avais déjà entendu ce rappeur Anglais sur le très bon « <a href="https://www.youtube.com/watch?v=q-xpm4lpNX4">What am I to do</a> » de Ezra Collective.</p>
+<p>J'ai bien retrouvé sa sensibilité sur ses albums solo, où chaque texte sonne comme une confession. <a href="https://www.youtube.com/watch?v=wvbfpR7XOwQ">Son passage sur COLORS</a>, quelques mouvements de mains anxieux et le regard fuyant, ajoutent encore à mon amour pour le personnage.</p>
+<p><a href="https://www.youtube.com/watch?v=pd2LDeFhj-U"><img alt="soundwave icon" src="/images/icons/listen.svg"></a></p>
+<p><img class='subsection-banner' alt='bandeau4' src='/images/5albums_bandeaux/fluid4.png'></p>
+<h2>Bachar Mar-Khalifé - Ya Balad</h2>
+<p>Découvert par hasard dans la bibliothèque d'à côté de chez moi. Toutes les instrus de l'album ont ce côté millimétré, réduites à une substance indiscutable. Dans cette ambiance dépouillée, je me perd totalement dans sa voix, qui semblent sans fond, venue d'une gouffre.</p>
+<p><a href="https://www.youtube.com/watch?v=N6ogh9_Q5NY"><img alt="soundwave icon" src="/images/icons/listen.svg"></a></p>
+<p><img class='subsection-banner' alt='bandeau5' src='/images/5albums_bandeaux/fluid5.png'></p>
+<h2>PUP - This Place Sucks Ass</h2>
+<p>Une autre découverte de Pitchfork. J'ai très peu écouté de punk/rock depuis mes années de lycée, et j'aurais encore récemment dit que ce style m'ennuyait un peu, sauf peut-être en live. Puis récemment, sans trop savoir pourquoi, je m'y suis remis : du vieux (Pavement, CAKE, Dinosaur Jr, My Bloody Valentine), et du neuf, comme PUP.</p>
+<p>Je n'aime pourtant pas ces styles pour la même raison qu'à l'adolescence : c'était les hymnes antisystème qui me parlaient à l'époque, c'est plutôt l'expression directe et sans fioriture que je trouve courageuse maintenant, cette manière si nécessaire de hurler qu'on va mal. Surtout chez PUP, où les inadaptés ont souvent la parole.</p>
+<p><a href="https://www.youtube.com/watch?v=PWNyNg3SVqk"><img alt="soundwave icon" src="/images/icons/listen.svg"></a></p>
+<p><em>Et bientôt peut-être <a href="https://en.wikipedia.org/wiki/Draft:This_Place_Sucks_Ass_(EP)">une page Wikipédia</a>.</em></p>
+<hr>
+<p><em>Pour les bandeaux, j'ai utilisé le très rigolo <a href="https://paveldogreat.github.io/WebGL-Fluid-Simulation/">WebGL Fluid Simulation</a>.</em></p>
+</div>
+
+    </div>
+
+    <div class='footer'>
+        <a href="/feeds/all.atom.xml">
+        <img target="_blank" rel="noopener noreferrer" id='rss-logo' src='/images/rss.png'>
+        </a>
+        <a target="_blank" rel="noopener noreferrer" href='https://git.jean-cloud.net/theolem/'>
+            <img id='git-logo' src='/images/git.png'>
+        </a>
+        <a target="_blank" rel="noopener noreferrer"
+            href='https://toot.theo-lem.org/@theo'>
+            <img id='git-logo' src='/images/mastodon.png'>
+        </a>
+        <hr id='break-footer'>
+    </div>
+
+</body>
+
+</html>

output/a-un-ami-1.html

@@ -9,22 +9,21 @@
     <link rel="alternate" type="application/rss+xml" title="theo lem" href="https://theo-lem.org/feeds/all.atom.xml" />
 </head>
 <body>
-    <div class='banner'>
-        <a href='/index.html'>
-            <img class='banner-img' src='/images/banner_croped.png'>
-        </a>
-    </div>
-
-    <div align='center' class='navbar'>
-<!--
-                <a class='categories' href= "/category/blog.html" > blog</a>
-                <a class='categories' href= "/category/poemes.html" > poèmes</a>
- -->
-        <a class='pages' href="/category/poemes.html">poèmes</a>
-        <a class='pages' href="/pages/about.html">à propos</a>
 
+    <div class='navbar'>
+        <div id="home">
+            <a href="/">H</a>
+            <img src="/images" alt="">
+        </div>
+        <ul>
+            <li>
+                <a href="/category/poemes">poemes</a>
+            </li>
+            <li>
+                <a href="/category/reste">le reste</a>
+            </li>
+        </ul>   
     </div>
-    <hr>
 
     <div class='content'>
 
@@ -56,20 +55,6 @@
 
     </div>
 
-    <div class='footer'>
-        <a href="/feeds/all.atom.xml">
-        <img target="_blank" rel="noopener noreferrer" id='rss-logo' src='/images/rss.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer" href='https://git.jean-cloud.net/theolem/'>
-            <img id='git-logo' src='/images/git.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer"
-            href='https://toot.theo-lem.org/@theo'>
-            <img id='git-logo' src='/images/mastodon.png'>
-        </a>
-        <hr id='break-footer'>
-    </div>
-
 </body>
 
 </html>

output/a-un-ami-2.html

@@ -9,22 +9,21 @@
     <link rel="alternate" type="application/rss+xml" title="theo lem" href="https://theo-lem.org/feeds/all.atom.xml" />
 </head>
 <body>
-    <div class='banner'>
-        <a href='/index.html'>
-            <img class='banner-img' src='/images/banner_croped.png'>
-        </a>
-    </div>
-
-    <div align='center' class='navbar'>
-<!--
-                <a class='categories' href= "/category/blog.html" > blog</a>
-                <a class='categories' href= "/category/poemes.html" > poèmes</a>
- -->
-        <a class='pages' href="/category/poemes.html">poèmes</a>
-        <a class='pages' href="/pages/about.html">à propos</a>
 
+    <div class='navbar'>
+        <div id="home">
+            <a href="/">H</a>
+            <img src="/images" alt="">
+        </div>
+        <ul>
+            <li>
+                <a href="/category/poemes">poemes</a>
+            </li>
+            <li>
+                <a href="/category/reste">le reste</a>
+            </li>
+        </ul>   
     </div>
-    <hr>
 
     <div class='content'>
 
@@ -56,20 +55,6 @@
 
     </div>
 
-    <div class='footer'>
-        <a href="/feeds/all.atom.xml">
-        <img target="_blank" rel="noopener noreferrer" id='rss-logo' src='/images/rss.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer" href='https://git.jean-cloud.net/theolem/'>
-            <img id='git-logo' src='/images/git.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer"
-            href='https://toot.theo-lem.org/@theo'>
-            <img id='git-logo' src='/images/mastodon.png'>
-        </a>
-        <hr id='break-footer'>
-    </div>
-
 </body>
 
 </html>

output/andrea-1.html

@@ -9,22 +9,21 @@
     <link rel="alternate" type="application/rss+xml" title="theo lem" href="https://theo-lem.org/feeds/all.atom.xml" />
 </head>
 <body>
-    <div class='banner'>
-        <a href='/index.html'>
-            <img class='banner-img' src='/images/banner_croped.png'>
-        </a>
-    </div>
-
-    <div align='center' class='navbar'>
-<!--
-                <a class='categories' href= "/category/blog.html" > blog</a>
-                <a class='categories' href= "/category/poemes.html" > poèmes</a>
- -->
-        <a class='pages' href="/category/poemes.html">poèmes</a>
-        <a class='pages' href="/pages/about.html">à propos</a>
 
+    <div class='navbar'>
+        <div id="home">
+            <a href="/">H</a>
+            <img src="/images" alt="">
+        </div>
+        <ul>
+            <li>
+                <a href="/category/poemes">poemes</a>
+            </li>
+            <li>
+                <a href="/category/reste">le reste</a>
+            </li>
+        </ul>   
     </div>
-    <hr>
 
     <div class='content'>
 
@@ -60,20 +59,6 @@ tuer.</p>
 
     </div>
 
-    <div class='footer'>
-        <a href="/feeds/all.atom.xml">
-        <img target="_blank" rel="noopener noreferrer" id='rss-logo' src='/images/rss.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer" href='https://git.jean-cloud.net/theolem/'>
-            <img id='git-logo' src='/images/git.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer"
-            href='https://toot.theo-lem.org/@theo'>
-            <img id='git-logo' src='/images/mastodon.png'>
-        </a>
-        <hr id='break-footer'>
-    </div>
-
 </body>
 
 </html>

output/andrea-2.html

@@ -9,22 +9,21 @@
     <link rel="alternate" type="application/rss+xml" title="theo lem" href="https://theo-lem.org/feeds/all.atom.xml" />
 </head>
 <body>
-    <div class='banner'>
-        <a href='/index.html'>
-            <img class='banner-img' src='/images/banner_croped.png'>
-        </a>
-    </div>
-
-    <div align='center' class='navbar'>
-<!--
-                <a class='categories' href= "/category/blog.html" > blog</a>
-                <a class='categories' href= "/category/poemes.html" > poèmes</a>
- -->
-        <a class='pages' href="/category/poemes.html">poèmes</a>
-        <a class='pages' href="/pages/about.html">à propos</a>
 
+    <div class='navbar'>
+        <div id="home">
+            <a href="/">H</a>
+            <img src="/images" alt="">
+        </div>
+        <ul>
+            <li>
+                <a href="/category/poemes">poemes</a>
+            </li>
+            <li>
+                <a href="/category/reste">le reste</a>
+            </li>
+        </ul>   
     </div>
-    <hr>
 
     <div class='content'>
 
@@ -64,20 +63,6 @@ Je la tiens.</p>
 
     </div>
 
-    <div class='footer'>
-        <a href="/feeds/all.atom.xml">
-        <img target="_blank" rel="noopener noreferrer" id='rss-logo' src='/images/rss.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer" href='https://git.jean-cloud.net/theolem/'>
-            <img id='git-logo' src='/images/git.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer"
-            href='https://toot.theo-lem.org/@theo'>
-            <img id='git-logo' src='/images/mastodon.png'>
-        </a>
-        <hr id='break-footer'>
-    </div>
-
 </body>
 
 </html>

output/andrea-3.html

@@ -9,22 +9,21 @@
     <link rel="alternate" type="application/rss+xml" title="theo lem" href="https://theo-lem.org/feeds/all.atom.xml" />
 </head>
 <body>
-    <div class='banner'>
-        <a href='/index.html'>
-            <img class='banner-img' src='/images/banner_croped.png'>
-        </a>
-    </div>
-
-    <div align='center' class='navbar'>
-<!--
-                <a class='categories' href= "/category/blog.html" > blog</a>
-                <a class='categories' href= "/category/poemes.html" > poèmes</a>
- -->
-        <a class='pages' href="/category/poemes.html">poèmes</a>
-        <a class='pages' href="/pages/about.html">à propos</a>
 
+    <div class='navbar'>
+        <div id="home">
+            <a href="/">H</a>
+            <img src="/images" alt="">
+        </div>
+        <ul>
+            <li>
+                <a href="/category/poemes">poemes</a>
+            </li>
+            <li>
+                <a href="/category/reste">le reste</a>
+            </li>
+        </ul>   
     </div>
-    <hr>
 
     <div class='content'>
 
@@ -66,20 +65,6 @@ et que jamais elle ne s'en ira.</p>
 
     </div>
 
-    <div class='footer'>
-        <a href="/feeds/all.atom.xml">
-        <img target="_blank" rel="noopener noreferrer" id='rss-logo' src='/images/rss.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer" href='https://git.jean-cloud.net/theolem/'>
-            <img id='git-logo' src='/images/git.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer"
-            href='https://toot.theo-lem.org/@theo'>
-            <img id='git-logo' src='/images/mastodon.png'>
-        </a>
-        <hr id='break-footer'>
-    </div>
-
 </body>
 
 </html>

output/andrea-4.html

@@ -9,22 +9,21 @@
     <link rel="alternate" type="application/rss+xml" title="theo lem" href="https://theo-lem.org/feeds/all.atom.xml" />
 </head>
 <body>
-    <div class='banner'>
-        <a href='/index.html'>
-            <img class='banner-img' src='/images/banner_croped.png'>
-        </a>
-    </div>
-
-    <div align='center' class='navbar'>
-<!--
-                <a class='categories' href= "/category/blog.html" > blog</a>
-                <a class='categories' href= "/category/poemes.html" > poèmes</a>
- -->
-        <a class='pages' href="/category/poemes.html">poèmes</a>
-        <a class='pages' href="/pages/about.html">à propos</a>
 
+    <div class='navbar'>
+        <div id="home">
+            <a href="/">H</a>
+            <img src="/images" alt="">
+        </div>
+        <ul>
+            <li>
+                <a href="/category/poemes">poemes</a>
+            </li>
+            <li>
+                <a href="/category/reste">le reste</a>
+            </li>
+        </ul>   
     </div>
-    <hr>
 
     <div class='content'>
 
@@ -101,20 +100,6 @@ Andréa<br>
 
     </div>
 
-    <div class='footer'>
-        <a href="/feeds/all.atom.xml">
-        <img target="_blank" rel="noopener noreferrer" id='rss-logo' src='/images/rss.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer" href='https://git.jean-cloud.net/theolem/'>
-            <img id='git-logo' src='/images/git.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer"
-            href='https://toot.theo-lem.org/@theo'>
-            <img id='git-logo' src='/images/mastodon.png'>
-        </a>
-        <hr id='break-footer'>
-    </div>
-
 </body>
 
 </html>

output/ants.html

@@ -9,22 +9,21 @@
     <link rel="alternate" type="application/rss+xml" title="theo lem" href="https://theo-lem.org/feeds/all.atom.xml" />
 </head>
 <body>
-    <div class='banner'>
-        <a href='/index.html'>
-            <img class='banner-img' src='/images/banner_croped.png'>
-        </a>
-    </div>
-
-    <div align='center' class='navbar'>
-<!--
-                <a class='categories' href= "/category/blog.html" > blog</a>
-                <a class='categories' href= "/category/poemes.html" > poèmes</a>
- -->
-        <a class='pages' href="/category/poemes.html">poèmes</a>
-        <a class='pages' href="/pages/about.html">à propos</a>
 
+    <div class='navbar'>
+        <div id="home">
+            <a href="/">H</a>
+            <img src="/images" alt="">
+        </div>
+        <ul>
+            <li>
+                <a href="/category/poemes">poemes</a>
+            </li>
+            <li>
+                <a href="/category/reste">le reste</a>
+            </li>
+        </ul>   
     </div>
-    <hr>
 
     <div class='content'>
 
@@ -59,20 +58,6 @@ take away  </p>
 
     </div>
 
-    <div class='footer'>
-        <a href="/feeds/all.atom.xml">
-        <img target="_blank" rel="noopener noreferrer" id='rss-logo' src='/images/rss.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer" href='https://git.jean-cloud.net/theolem/'>
-            <img id='git-logo' src='/images/git.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer"
-            href='https://toot.theo-lem.org/@theo'>
-            <img id='git-logo' src='/images/mastodon.png'>
-        </a>
-        <hr id='break-footer'>
-    </div>
-
 </body>
 
 </html>

output/apres.html

@@ -9,22 +9,21 @@
     <link rel="alternate" type="application/rss+xml" title="theo lem" href="https://theo-lem.org/feeds/all.atom.xml" />
 </head>
 <body>
-    <div class='banner'>
-        <a href='/index.html'>
-            <img class='banner-img' src='/images/banner_croped.png'>
-        </a>
-    </div>
-
-    <div align='center' class='navbar'>
-<!--
-                <a class='categories' href= "/category/blog.html" > blog</a>
-                <a class='categories' href= "/category/poemes.html" > poèmes</a>
- -->
-        <a class='pages' href="/category/poemes.html">poèmes</a>
-        <a class='pages' href="/pages/about.html">à propos</a>
 
+    <div class='navbar'>
+        <div id="home">
+            <a href="/">H</a>
+            <img src="/images" alt="">
+        </div>
+        <ul>
+            <li>
+                <a href="/category/poemes">poemes</a>
+            </li>
+            <li>
+                <a href="/category/reste">le reste</a>
+            </li>
+        </ul>   
     </div>
-    <hr>
 
     <div class='content'>
 
@@ -46,20 +45,6 @@ je les emmerde</p>
 
     </div>
 
-    <div class='footer'>
-        <a href="/feeds/all.atom.xml">
-        <img target="_blank" rel="noopener noreferrer" id='rss-logo' src='/images/rss.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer" href='https://git.jean-cloud.net/theolem/'>
-            <img id='git-logo' src='/images/git.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer"
-            href='https://toot.theo-lem.org/@theo'>
-            <img id='git-logo' src='/images/mastodon.png'>
-        </a>
-        <hr id='break-footer'>
-    </div>
-
 </body>
 
 </html>

output/archives.html

@@ -9,31 +9,26 @@
     <link rel="alternate" type="application/rss+xml" title="theo lem" href="https://theo-lem.org/feeds/all.atom.xml" />
 </head>
 <body>
-    <div class='banner'>
-        <a href='/index.html'>
-            <img class='banner-img' src='/images/banner_croped.png'>
-        </a>
-    </div>
-
-    <div align='center' class='navbar'>
-<!--
-                <a class='categories' href= "/category/blog.html" > blog</a>
-                <a class='categories' href= "/category/poemes.html" > poèmes</a>
- -->
-        <a class='pages' href="/category/poemes.html">poèmes</a>
-        <a class='pages' href="/pages/about.html">à propos</a>
 
+    <div class='navbar'>
+        <div id="home">
+            <a href="/">H</a>
+            <img src="/images" alt="">
+        </div>
+        <ul>
+            <li>
+                <a href="/category/poemes">poemes</a>
+            </li>
+            <li>
+                <a href="/category/reste">le reste</a>
+            </li>
+        </ul>   
     </div>
-    <hr>
 
     <div class='content'>
 <h2>Archives for theo lem</h2>
 
 <dl>
-    <dt>lun. 29 septembre 2025</dt>
-    <dd><a href="/une-histoire.html">une histoire</a></dd>
-    <dt>lun. 22 septembre 2025</dt>
-    <dd><a href="/pyjama-party.html">pyjama party</a></dd>
     <dt>sam. 30 novembre 2024</dt>
     <dd><a href="/jetevois.html">je te vois</a></dd>
     <dt>ven. 07 juin 2024</dt>
@@ -92,6 +87,8 @@
     <dd><a href="/notre-premier-diner-sans-toi.html">Notre premier dîner sans toi</a></dd>
     <dt>mer. 18 novembre 2020</dt>
     <dd><a href="/en-mal-de-mer.html">en mal de mer</a></dd>
+    <dt>mer. 18 novembre 2020</dt>
+    <dd><a href="/reste.html">5 albums</a></dd>
     <dt>ven. 04 septembre 2020</dt>
     <dd><a href="/coeur-charbon.html">Cœur charbon</a></dd>
     <dt>mer. 19 août 2020</dt>
@@ -197,20 +194,6 @@
 </dl>
     </div>
 
-    <div class='footer'>
-        <a href="/feeds/all.atom.xml">
-        <img target="_blank" rel="noopener noreferrer" id='rss-logo' src='/images/rss.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer" href='https://git.jean-cloud.net/theolem/'>
-            <img id='git-logo' src='/images/git.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer"
-            href='https://toot.theo-lem.org/@theo'>
-            <img id='git-logo' src='/images/mastodon.png'>
-        </a>
-        <hr id='break-footer'>
-    </div>
-
 </body>
 
 </html>

output/armand.html

@@ -9,22 +9,21 @@
     <link rel="alternate" type="application/rss+xml" title="theo lem" href="https://theo-lem.org/feeds/all.atom.xml" />
 </head>
 <body>
-    <div class='banner'>
-        <a href='/index.html'>
-            <img class='banner-img' src='/images/banner_croped.png'>
-        </a>
-    </div>
-
-    <div align='center' class='navbar'>
-<!--
-                <a class='categories' href= "/category/blog.html" > blog</a>
-                <a class='categories' href= "/category/poemes.html" > poèmes</a>
- -->
-        <a class='pages' href="/category/poemes.html">poèmes</a>
-        <a class='pages' href="/pages/about.html">à propos</a>
 
+    <div class='navbar'>
+        <div id="home">
+            <a href="/">H</a>
+            <img src="/images" alt="">
+        </div>
+        <ul>
+            <li>
+                <a href="/category/poemes">poemes</a>
+            </li>
+            <li>
+                <a href="/category/reste">le reste</a>
+            </li>
+        </ul>   
     </div>
-    <hr>
 
     <div class='content'>
 
@@ -53,20 +52,6 @@
 
     </div>
 
-    <div class='footer'>
-        <a href="/feeds/all.atom.xml">
-        <img target="_blank" rel="noopener noreferrer" id='rss-logo' src='/images/rss.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer" href='https://git.jean-cloud.net/theolem/'>
-            <img id='git-logo' src='/images/git.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer"
-            href='https://toot.theo-lem.org/@theo'>
-            <img id='git-logo' src='/images/mastodon.png'>
-        </a>
-        <hr id='break-footer'>
-    </div>
-
 </body>
 
 </html>

output/avant.html

@@ -9,22 +9,21 @@
     <link rel="alternate" type="application/rss+xml" title="theo lem" href="https://theo-lem.org/feeds/all.atom.xml" />
 </head>
 <body>
-    <div class='banner'>
-        <a href='/index.html'>
-            <img class='banner-img' src='/images/banner_croped.png'>
-        </a>
-    </div>
-
-    <div align='center' class='navbar'>
-<!--
-                <a class='categories' href= "/category/blog.html" > blog</a>
-                <a class='categories' href= "/category/poemes.html" > poèmes</a>
- -->
-        <a class='pages' href="/category/poemes.html">poèmes</a>
-        <a class='pages' href="/pages/about.html">à propos</a>
 
+    <div class='navbar'>
+        <div id="home">
+            <a href="/">H</a>
+            <img src="/images" alt="">
+        </div>
+        <ul>
+            <li>
+                <a href="/category/poemes">poemes</a>
+            </li>
+            <li>
+                <a href="/category/reste">le reste</a>
+            </li>
+        </ul>   
     </div>
-    <hr>
 
     <div class='content'>
 
@@ -57,20 +56,6 @@
 
     </div>
 
-    <div class='footer'>
-        <a href="/feeds/all.atom.xml">
-        <img target="_blank" rel="noopener noreferrer" id='rss-logo' src='/images/rss.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer" href='https://git.jean-cloud.net/theolem/'>
-            <img id='git-logo' src='/images/git.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer"
-            href='https://toot.theo-lem.org/@theo'>
-            <img id='git-logo' src='/images/mastodon.png'>
-        </a>
-        <hr id='break-footer'>
-    </div>
-
 </body>
 
 </html>

output/bbbbb.html

@@ -9,22 +9,21 @@
     <link rel="alternate" type="application/rss+xml" title="theo lem" href="https://theo-lem.org/feeds/all.atom.xml" />
 </head>
 <body>
-    <div class='banner'>
-        <a href='/index.html'>
-            <img class='banner-img' src='/images/banner_croped.png'>
-        </a>
-    </div>
-
-    <div align='center' class='navbar'>
-<!--
-                <a class='categories' href= "/category/blog.html" > blog</a>
-                <a class='categories' href= "/category/poemes.html" > poèmes</a>
- -->
-        <a class='pages' href="/category/poemes.html">poèmes</a>
-        <a class='pages' href="/pages/about.html">à propos</a>
 
+    <div class='navbar'>
+        <div id="home">
+            <a href="/">H</a>
+            <img src="/images" alt="">
+        </div>
+        <ul>
+            <li>
+                <a href="/category/poemes">poemes</a>
+            </li>
+            <li>
+                <a href="/category/reste">le reste</a>
+            </li>
+        </ul>   
     </div>
-    <hr>
 
     <div class='content'>
 
@@ -56,20 +55,6 @@ je me suis senti bien seul</p>
 
     </div>
 
-    <div class='footer'>
-        <a href="/feeds/all.atom.xml">
-        <img target="_blank" rel="noopener noreferrer" id='rss-logo' src='/images/rss.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer" href='https://git.jean-cloud.net/theolem/'>
-            <img id='git-logo' src='/images/git.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer"
-            href='https://toot.theo-lem.org/@theo'>
-            <img id='git-logo' src='/images/mastodon.png'>
-        </a>
-        <hr id='break-footer'>
-    </div>
-
 </body>
 
 </html>

output/c-est-une-bien-longue-nuit.html

@@ -9,22 +9,21 @@
     <link rel="alternate" type="application/rss+xml" title="theo lem" href="https://theo-lem.org/feeds/all.atom.xml" />
 </head>
 <body>
-    <div class='banner'>
-        <a href='/index.html'>
-            <img class='banner-img' src='/images/banner_croped.png'>
-        </a>
-    </div>
-
-    <div align='center' class='navbar'>
-<!--
-                <a class='categories' href= "/category/blog.html" > blog</a>
-                <a class='categories' href= "/category/poemes.html" > poèmes</a>
- -->
-        <a class='pages' href="/category/poemes.html">poèmes</a>
-        <a class='pages' href="/pages/about.html">à propos</a>
 
+    <div class='navbar'>
+        <div id="home">
+            <a href="/">H</a>
+            <img src="/images" alt="">
+        </div>
+        <ul>
+            <li>
+                <a href="/category/poemes">poemes</a>
+            </li>
+            <li>
+                <a href="/category/reste">le reste</a>
+            </li>
+        </ul>   
     </div>
-    <hr>
 
     <div class='content'>
 
@@ -56,20 +55,6 @@ te sentir t'agiter en moi.</p>
 
     </div>
 
-    <div class='footer'>
-        <a href="/feeds/all.atom.xml">
-        <img target="_blank" rel="noopener noreferrer" id='rss-logo' src='/images/rss.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer" href='https://git.jean-cloud.net/theolem/'>
-            <img id='git-logo' src='/images/git.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer"
-            href='https://toot.theo-lem.org/@theo'>
-            <img id='git-logo' src='/images/mastodon.png'>
-        </a>
-        <hr id='break-footer'>
-    </div>
-
 </body>
 
 </html>

output/categories.html

@@ -9,41 +9,26 @@
     <link rel="alternate" type="application/rss+xml" title="theo lem" href="https://theo-lem.org/feeds/all.atom.xml" />
 </head>
 <body>
-    <div class='banner'>
-        <a href='/index.html'>
-            <img class='banner-img' src='/images/banner_croped.png'>
-        </a>
-    </div>
-
-    <div align='center' class='navbar'>
-<!--
-                <a class='categories' href= "/category/blog.html" > blog</a>
-                <a class='categories' href= "/category/poemes.html" > poèmes</a>
- -->
-        <a class='pages' href="/category/poemes.html">poèmes</a>
-        <a class='pages' href="/pages/about.html">à propos</a>
 
+    <div class='navbar'>
+        <div id="home">
+            <a href="/">H</a>
+            <img src="/images" alt="">
+        </div>
+        <ul>
+            <li>
+                <a href="/category/poemes">poemes</a>
+            </li>
+            <li>
+                <a href="/category/reste">le reste</a>
+            </li>
+        </ul>   
     </div>
-    <hr>
 
     <div class='content'>
 
     </div>
 
-    <div class='footer'>
-        <a href="/feeds/all.atom.xml">
-        <img target="_blank" rel="noopener noreferrer" id='rss-logo' src='/images/rss.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer" href='https://git.jean-cloud.net/theolem/'>
-            <img id='git-logo' src='/images/git.png'>
-        </a>
-        <a target="_blank" rel="noopener noreferrer"
-            href='https://toot.theo-lem.org/@theo'>
-            <img id='git-logo' src='/images/mastodon.png'>
-        </a>
-        <hr id='break-footer'>
-    </div>
-
 </body>
 
 </html>