fixed some typos, better navbar responsiveness

2020-05-10 19:29:47 +02:00 · 2020-05-10 19:29:47 +02:00 · 3b6f84b33f
commit 3b6f84b33f
parent 13b4958c07
64 changed files with 333 additions and 181 deletions
--- a/content/blog/etvous.md
+++ b/content/blog/etvous.md
@ -9,7 +9,7 @@ Authors: theo
    Un argument qui m’a marqué, notamment sur [ce fil twitter](https://twitter.com/LoupRouge/status/1250416624126943235) a été le suivant : « Mais vous, que proposez-vous de mieux ? ». En effet, c’est bien beau de faire la critique de cette application, et les arguments quant à son inefficacité réelle sont recevables sans trop tergiverser. Pour autant, est-il pertinent de lui faire barrage alors qu’aucune autre solution n’a été avancée facilitant la traçabilité des contacts ?
-    Tout d’abord, je trouve assez injuste le reproche fait à l’association Framasoft sur ce fil Twittter de ne pas proposer autre chose. On ne reviendra pas (ou pas longtemps) sur l’argument très courant qui dit : « Vous ne faites que critiquer, vous ne proposez jamais de solution », il est irrecevable. Un système étant incapable de faire sa propre critique, et le pire argument de la droite étant celui d’être le « seul régime politique sérieux», la critique profonde et systématique des décisions et nécessaire, et elle est d’autant plus pertinente dans ce cas quand elle provient de structures compétentes quand on aborde les sujets du numérique. 
+    Tout d’abord, je trouve assez injuste le reproche fait à l’association Framasoft sur ce fil Twitter de ne pas proposer autre chose. On ne reviendra pas (ou pas longtemps) sur l’argument très courant qui dit : « Vous ne faites que critiquer, vous ne proposez jamais de solution », il est irrecevable. Un système étant incapable de faire sa propre critique, et le pire argument de la droite étant celui d’être le « seul régime politique sérieux», la critique profonde et systématique des décisions et nécessaire, et elle est d’autant plus pertinente dans ce cas quand elle provient de structures compétentes quand on aborde les sujets du numérique. 
 ## Pourquoi s'y opposer ? 
@ -33,5 +33,5 @@ Et pourtant, les gouvernants continuent à pousser leurs outils. Pourquoi ces ga
 ## Rejettons en bloc
-RIen ne bon ne peut sortir de cette application, que ce soit sur le plan sanitaire, sécuritaire ou social. Rien de plus en réalité que de jeter un marché de plus à une industrie qui a encore et encore prouvé son opposition aux valeurs d'égalité, de solidarité et de justice sociale. Il faut continuer à lutter contre de telles décisions, et ne pas se laisser âpper par les sirènes du miracle technologique. 
+Rien ne bon ne peut sortir de cette application, que ce soit sur le plan sanitaire, sécuritaire ou social. Rien de plus en réalité que de jeter un marché de plus à une industrie qui a encore et encore prouvé son opposition aux valeurs d'égalité, de solidarité et de justice sociale. Il faut continuer à lutter contre de telles décisions, et ne pas se laisser âpper par les sirènes du miracle technologique. 
--- a/content/blog/test.md
+++ b/content/blog/test.md
@ -0,0 +1,12 @@
 Title: delete me 
 Date: 2020-05-07
 Category: blog
 Tags: article
 Slug: test
 Authors: theo
 some text some text
 > blockquote text
 lelelele
--- a/output/a-un-ami-1.html
+++ b/output/a-un-ami-1.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | A un ami (1)</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/a-un-ami-2.html
+++ b/output/a-un-ami-2.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | A un ami (2)</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/andrea-1.html
+++ b/output/andrea-1.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Andréa (1)</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/andrea-2.html
+++ b/output/andrea-2.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Andréa (2)</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/andrea-3.html
+++ b/output/andrea-3.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Andréa (3)</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/andrea-4.html
+++ b/output/andrea-4.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Andréa (4)</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/ants.html
+++ b/output/ants.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Ants</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/archives.html
+++ b/output/archives.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem - Archives</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
@ -30,6 +30,8 @@
 <dl>
    <dt>jeu. 07 mai 2020</dt>
    <dd><a href="https://theo-lem.org/etvous.html">Et vous, vous proposez quoi ?</a></dd>
    <dt>jeu. 07 mai 2020</dt>
    <dd><a href="https://theo-lem.org/test.html">delete me</a></dd>
    <dt>mer. 05 septembre 2018</dt>
    <dd><a href="https://theo-lem.org/ce-que-ca-fait-de-moi.html">Ce que ça fait de moi</a></dd>
    <dt>mer. 05 septembre 2018</dt>
--- a/output/c-est-une-bien-longue-nuit.html
+++ b/output/c-est-une-bien-longue-nuit.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | C'est une bien longue nuit</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/categories.html
+++ b/output/categories.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/category/blog.html
+++ b/output/category/blog.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | blog</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
@ -29,6 +29,9 @@
    <h2><a href="/etvous.html">Et vous, vous proposez quoi ?</a></h2>
    <bold>07.05.2020</bold>
    <p>---</p>
    <h2><a href="/test.html">delete me</a></h2>
    <bold>07.05.2020</bold>
    <p>---</p>
    </div>
--- a/output/category/poemes.html
+++ b/output/category/poemes.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | poèmes</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/ce-que-ca-fait-de-moi.html
+++ b/output/ce-que-ca-fait-de-moi.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Ce que ça fait de moi</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/chat-noir-ours-blanc.html
+++ b/output/chat-noir-ours-blanc.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Chat noir, ours blanc</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/ciel-charge.html
+++ b/output/ciel-charge.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Ciel chargé</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/coltrane-sharp.html
+++ b/output/coltrane-sharp.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Coltrane sharp</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/cordes-de-chanvre.html
+++ b/output/cordes-de-chanvre.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Cordes de chanvre</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/dans-la-plaine-les-moai-dansent.html
+++ b/output/dans-la-plaine-les-moai-dansent.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Dans la plaine les moai dansent</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/eternel-immortel.html
+++ b/output/eternel-immortel.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Eternel, immortel</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/etvous.html
+++ b/output/etvous.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Et vous, vous proposez quoi ?</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
@ -34,7 +34,7 @@
 <div>
    <p><em>Pour un peu de contexte, le gouvernement français est en train d’étudier la possible mise en place de l’application StopCovid, un application de tracking de contacts sans géolocalisation pour le Covid19, similaire à ce qui a déjà été mis en place à Singapour ou en Corée. <a href="https://youtu.be/AAt8KMXtApU">Cette vidéo</a> explique de manière simple et concise son fonctionnement technique (avec une attention particulière sur l’aspect « privacy by design »), comme <a href="https://framablog.org/2020/04/12/une-appli-de-tracage-du-covid-9-qui-echappe-a-big-brother/">cette BD traduite par Framalang</a>. De l’autre côté du tableau, la Quadrature du Net a <a href="[https://www.laquadrature.net/2020/04/14/nos-arguments-pour-rejeter-stopcovid/ ](https://www.laquadrature.net/2020/04/14/nos-arguments-pour-rejeter-stopcovid/ )">émis des critiques</a> sur cette application, comme de nombreuses structures critiques des avancées du gouvernement à ce niveau.</em></p>
 <p>    Un argument qui m’a marqué, notamment sur <a href="https://twitter.com/LoupRouge/status/1250416624126943235">ce fil twitter</a> a été le suivant : « Mais vous, que proposez-vous de mieux ? ». En effet, c’est bien beau de faire la critique de cette application, et les arguments quant à son inefficacité réelle sont recevables sans trop tergiverser. Pour autant, est-il pertinent de lui faire barrage alors qu’aucune autre solution n’a été avancée facilitant la traçabilité des contacts ?</p>
-<p>    Tout d’abord, je trouve assez injuste le reproche fait à l’association Framasoft sur ce fil Twittter de ne pas proposer autre chose. On ne reviendra pas (ou pas longtemps) sur l’argument très courant qui dit : « Vous ne faites que critiquer, vous ne proposez jamais de solution », il est irrecevable. Un système étant incapable de faire sa propre critique, et le pire argument de la droite étant celui d’être le « seul régime politique sérieux», la critique profonde et systématique des décisions et nécessaire, et elle est d’autant plus pertinente dans ce cas quand elle provient de structures compétentes quand on aborde les sujets du numérique. </p>
+<p>    Tout d’abord, je trouve assez injuste le reproche fait à l’association Framasoft sur ce fil Twitter de ne pas proposer autre chose. On ne reviendra pas (ou pas longtemps) sur l’argument très courant qui dit : « Vous ne faites que critiquer, vous ne proposez jamais de solution », il est irrecevable. Un système étant incapable de faire sa propre critique, et le pire argument de la droite étant celui d’être le « seul régime politique sérieux», la critique profonde et systématique des décisions et nécessaire, et elle est d’autant plus pertinente dans ce cas quand elle provient de structures compétentes quand on aborde les sujets du numérique. </p>
 <h2>Pourquoi s'y opposer ?</h2>
 <p>    Mais dans ce cas précis, dans une situation de crise, est-il effectivement pertinent de s’opposer à une telle application alors même que, si son efficacité est toute théorique, elle a le mérite de s’attaquer à un sujet si crucial ? On peut aussi saluer le travail apporté sur le protocole même de l’application, qui repose sur l’anonymat total des utilisateurs jusque dans ses fondements. Il faut l’admettre : cette application est bien pensée. </p>
 <p>   Le problème est réellement celui de l’arbre qui cache la forêt, et de l'impunité de l'Etat. Des voix provenant du personnel soignant se sont déjà élevées pour contrer l’épithète de « héros » qui leur était apposé, tous les soirs à 20h, aux fenêtres des grandes villes de France. En effet, en saluant le personnel soignant comme des héros faisant preuve des plus grands sacrifices, l’État dissimule le réel problème : que les hôpitaux étaient mal pourvus, et cela pour une raison bien identifiée qui est la casse systématique des services publics en général et du système hospitalier en particulier, qui a lieu depuis des décennies. Oui, le personnel soignant a fait preuve de courage et d’abnégation en travaillant dans de telles conditions d’exposition, et il va sans dire que les morts auraient été innombrables sans cela. Mais il convient de rappeler que si des lits avaient été créés plutôt que supprimés, si les logiques managériales avaient épargné les hôpitaux, si l’industrie nationale critique n’avait pas été <a href="https://www.bastamag.net/production-masques-FFP2-strategie-industrielle-usine-Plaintel-plan-social">abandonné par l’Etat</a>, les vies sauvées auraient été bien plus nombreuses. </p>
@ -46,7 +46,7 @@
 <p>    Deuxièmement, ce qui est critiqué n'est pas la décision de l'Etat de pousser un outil qui n'est <strong>sans doute pas utile</strong>, mais la <strong>non-intervention de la question même de l'utilité dans le processus de décision</strong>. La technologie, et en particulier sous ses traits numériques, high-tech et lissés, compréhensible par si peu et tellement insaisissable, est devenu un objet sacré, très comparable (et je cite là un membre de Framasoft) au recours à la prière au Moyen-Âge. Qu'on soit clair : <em>il n'y a pas plus de raison de croire qu'une application de tracking de virus améliorera la situation sanitaire actuelle que les religieux n'avaient de raison de croire que la miséricorde divine les sauveraient de la peste noire au 15ème siècle</em> , n'en déplaise à <a href="https://medium.com/@cedric.o/stopcovid-ou-encore-b5794d99bb12">Cedric O</a> (sécrétaire d'état au numérique).</p>
 <p>Et pourtant, les gouvernants continuent à pousser leurs outils. Pourquoi ces gadgets continuent-ils à s'insérer toujours plus dans nos vies, en dépit de leur effet négatif prouvé sur les inégalités face aux services publiques, sur la marchandisation et la comptabilisation de ce même secteur, sur la vie privée et les données personnelles, et tant d'autres choses encore ? Parce qu'il se barde des couleurs de la modernité et du progrès, pas le progrès social, mais le progrès technologique qui s'auto-suffit et s'auto-alimente. </p>
 <h2>Rejettons en bloc</h2>
-<p>RIen ne bon ne peut sortir de cette application, que ce soit sur le plan sanitaire, sécuritaire ou social. Rien de plus en réalité que de jeter un marché de plus à une industrie qui a encore et encore prouvé son opposition aux valeurs d'égalité, de solidarité et de justice sociale. Il faut continuer à lutter contre de telles décisions, et ne pas se laisser âpper par les sirènes du miracle technologique. </p>
+<p>Rien ne bon ne peut sortir de cette application, que ce soit sur le plan sanitaire, sécuritaire ou social. Rien de plus en réalité que de jeter un marché de plus à une industrie qui a encore et encore prouvé son opposition aux valeurs d'égalité, de solidarité et de justice sociale. Il faut continuer à lutter contre de telles décisions, et ne pas se laisser âpper par les sirènes du miracle technologique. </p>
 </div>
    </div>
--- a/output/feeds/all.atom.xml
+++ b/output/feeds/all.atom.xml
@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <feed xmlns="http://www.w3.org/2005/Atom"><title>theo lem</title><link href="https://theo-lem.org/" rel="alternate"></link><link href="https://theo-lem.org/feeds/all.atom.xml" rel="self"></link><id>https://theo-lem.org/</id><updated>2020-05-07T00:00:00+02:00</updated><entry><title>Et vous, vous proposez quoi ?</title><link href="https://theo-lem.org/etvous.html" rel="alternate"></link><published>2020-05-07T00:00:00+02:00</published><updated>2020-05-07T00:00:00+02:00</updated><author><name>theo</name></author><id>tag:theo-lem.org,2020-05-07:/etvous.html</id><summary type="html">&lt;p&gt;&lt;em&gt;Pour un peu de contexte, le gouvernement français est en train d’étudier la possible mise en place de l’application StopCovid, un application de tracking de contacts sans géolocalisation pour le Covid19, similaire à ce qui a déjà été mis en place à Singapour ou en Corée. &lt;a href="https://youtu.be/AAt8KMXtApU"&gt;Cette vidéo …&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;</summary><content type="html">&lt;p&gt;&lt;em&gt;Pour un peu de contexte, le gouvernement français est en train d’étudier la possible mise en place de l’application StopCovid, un application de tracking de contacts sans géolocalisation pour le Covid19, similaire à ce qui a déjà été mis en place à Singapour ou en Corée. &lt;a href="https://youtu.be/AAt8KMXtApU"&gt;Cette vidéo&lt;/a&gt; explique de manière simple et concise son fonctionnement technique (avec une attention particulière sur l’aspect « privacy by design »), comme &lt;a href="https://framablog.org/2020/04/12/une-appli-de-tracage-du-covid-9-qui-echappe-a-big-brother/"&gt;cette BD traduite par Framalang&lt;/a&gt;. De l’autre côté du tableau, la Quadrature du Net a &lt;a href="[https://www.laquadrature.net/2020/04/14/nos-arguments-pour-rejeter-stopcovid/ ](https://www.laquadrature.net/2020/04/14/nos-arguments-pour-rejeter-stopcovid/ )"&gt;émis des critiques&lt;/a&gt; sur cette application, comme de nombreuses structures critiques des avancées du gouvernement à ce niveau.&lt;/em&gt;&lt;/p&gt;
 &lt;p&gt;    Un argument qui m’a marqué, notamment sur &lt;a href="https://twitter.com/LoupRouge/status/1250416624126943235"&gt;ce fil twitter&lt;/a&gt; a été le suivant : « Mais vous, que proposez-vous de mieux ? ». En effet, c’est bien beau de faire la critique de cette application, et les arguments quant à son inefficacité réelle sont recevables sans trop tergiverser. Pour autant, est-il pertinent de lui faire barrage alors qu’aucune autre solution n’a été avancée facilitant la traçabilité des contacts ?&lt;/p&gt;
-&lt;p&gt;    Tout d’abord, je trouve assez injuste le reproche fait à l’association Framasoft sur ce fil Twittter de ne pas proposer autre chose. On ne reviendra pas (ou pas longtemps) sur l’argument très courant qui dit : « Vous ne faites que critiquer, vous ne proposez jamais de solution », il est irrecevable. Un système étant incapable de faire sa propre critique, et le pire argument de la droite étant celui d’être le « seul régime politique sérieux», la critique profonde et systématique des décisions et nécessaire, et elle est d’autant plus pertinente dans ce cas quand elle provient de structures compétentes quand on aborde les sujets du numérique. &lt;/p&gt;
+&lt;p&gt;    Tout d’abord, je trouve assez injuste le reproche fait à l’association Framasoft sur ce fil Twitter de ne pas proposer autre chose. On ne reviendra pas (ou pas longtemps) sur l’argument très courant qui dit : « Vous ne faites que critiquer, vous ne proposez jamais de solution », il est irrecevable. Un système étant incapable de faire sa propre critique, et le pire argument de la droite étant celui d’être le « seul régime politique sérieux», la critique profonde et systématique des décisions et nécessaire, et elle est d’autant plus pertinente dans ce cas quand elle provient de structures compétentes quand on aborde les sujets du numérique. &lt;/p&gt;
 &lt;h2&gt;Pourquoi s'y opposer ?&lt;/h2&gt;
 &lt;p&gt;    Mais dans ce cas précis, dans une situation de crise, est-il effectivement pertinent de s’opposer à une telle application alors même que, si son efficacité est toute théorique, elle a le mérite de s’attaquer à un sujet si crucial ? On peut aussi saluer le travail apporté sur le protocole même de l’application, qui repose sur l’anonymat total des utilisateurs jusque dans ses fondements. Il faut l’admettre : cette application est bien pensée. &lt;/p&gt;
 &lt;p&gt;   Le problème est réellement celui de l’arbre qui cache la forêt, et de l'impunité de l'Etat. Des voix provenant du personnel soignant se sont déjà élevées pour contrer l’épithète de « héros » qui leur était apposé, tous les soirs à 20h, aux fenêtres des grandes villes de France. En effet, en saluant le personnel soignant comme des héros faisant preuve des plus grands sacrifices, l’État dissimule le réel problème : que les hôpitaux étaient mal pourvus, et cela pour une raison bien identifiée qui est la casse systématique des services publics en général et du système hospitalier en particulier, qui a lieu depuis des décennies. Oui, le personnel soignant a fait preuve de courage et d’abnégation en travaillant dans de telles conditions d’exposition, et il va sans dire que les morts auraient été innombrables sans cela. Mais il convient de rappeler que si des lits avaient été créés plutôt que supprimés, si les logiques managériales avaient épargné les hôpitaux, si l’industrie nationale critique n’avait pas été &lt;a href="https://www.bastamag.net/production-masques-FFP2-strategie-industrielle-usine-Plaintel-plan-social"&gt;abandonné par l’Etat&lt;/a&gt;, les vies sauvées auraient été bien plus nombreuses. &lt;/p&gt;
@ -13,7 +13,11 @@
 &lt;p&gt;    Deuxièmement, ce qui est critiqué n'est pas la décision de l'Etat de pousser un outil qui n'est &lt;strong&gt;sans doute pas utile&lt;/strong&gt;, mais la &lt;strong&gt;non-intervention de la question même de l'utilité dans le processus de décision&lt;/strong&gt;. La technologie, et en particulier sous ses traits numériques, high-tech et lissés, compréhensible par si peu et tellement insaisissable, est devenu un objet sacré, très comparable (et je cite là un membre de Framasoft) au recours à la prière au Moyen-Âge. Qu'on soit clair : &lt;em&gt;il n'y a pas plus de raison de croire qu'une application de tracking de virus améliorera la situation sanitaire actuelle que les religieux n'avaient de raison de croire que la miséricorde divine les sauveraient de la peste noire au 15ème siècle&lt;/em&gt; , n'en déplaise à &lt;a href="https://medium.com/@cedric.o/stopcovid-ou-encore-b5794d99bb12"&gt;Cedric O&lt;/a&gt; (sécrétaire d'état au numérique).&lt;/p&gt;
 &lt;p&gt;Et pourtant, les gouvernants continuent à pousser leurs outils. Pourquoi ces gadgets continuent-ils à s'insérer toujours plus dans nos vies, en dépit de leur effet négatif prouvé sur les inégalités face aux services publiques, sur la marchandisation et la comptabilisation de ce même secteur, sur la vie privée et les données personnelles, et tant d'autres choses encore ? Parce qu'il se barde des couleurs de la modernité et du progrès, pas le progrès social, mais le progrès technologique qui s'auto-suffit et s'auto-alimente. &lt;/p&gt;
 &lt;h2&gt;Rejettons en bloc&lt;/h2&gt;
-&lt;p&gt;RIen ne bon ne peut sortir de cette application, que ce soit sur le plan sanitaire, sécuritaire ou social. Rien de plus en réalité que de jeter un marché de plus à une industrie qui a encore et encore prouvé son opposition aux valeurs d'égalité, de solidarité et de justice sociale. Il faut continuer à lutter contre de telles décisions, et ne pas se laisser âpper par les sirènes du miracle technologique. &lt;/p&gt;</content><category term="blog"></category><category term="article"></category></entry><entry><title>Ce que ça fait de moi</title><link href="https://theo-lem.org/ce-que-ca-fait-de-moi.html" rel="alternate"></link><published>2018-09-05T00:00:00+02:00</published><updated>2020-05-07T00:00:00+02:00</updated><author><name>theo</name></author><id>tag:theo-lem.org,2018-09-05:/ce-que-ca-fait-de-moi.html</id><summary type="html">&lt;p&gt;Gorge serrée.&lt;br&gt;
+&lt;p&gt;Rien ne bon ne peut sortir de cette application, que ce soit sur le plan sanitaire, sécuritaire ou social. Rien de plus en réalité que de jeter un marché de plus à une industrie qui a encore et encore prouvé son opposition aux valeurs d'égalité, de solidarité et de justice sociale. Il faut continuer à lutter contre de telles décisions, et ne pas se laisser âpper par les sirènes du miracle technologique. &lt;/p&gt;</content><category term="blog"></category><category term="article"></category></entry><entry><title>delete me</title><link href="https://theo-lem.org/test.html" rel="alternate"></link><published>2020-05-07T00:00:00+02:00</published><updated>2020-05-07T00:00:00+02:00</updated><author><name>theo</name></author><id>tag:theo-lem.org,2020-05-07:/test.html</id><content type="html">&lt;p&gt;some text some text&lt;/p&gt;
 &lt;blockquote&gt;
 &lt;p&gt;blockquote text&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;lelelele&lt;/p&gt;</content><category term="blog"></category><category term="article"></category></entry><entry><title>Ce que ça fait de moi</title><link href="https://theo-lem.org/ce-que-ca-fait-de-moi.html" rel="alternate"></link><published>2018-09-05T00:00:00+02:00</published><updated>2020-05-07T00:00:00+02:00</updated><author><name>theo</name></author><id>tag:theo-lem.org,2018-09-05:/ce-que-ca-fait-de-moi.html</id><summary type="html">&lt;p&gt;Gorge serrée.&lt;br&gt;
 Étalement de peine, yeux qui papillonent&lt;br&gt;
 souffle court comme la pensée.&lt;br&gt;
 C'est les regards perplexes&lt;br&gt;
--- a/output/feeds/blog.atom.xml
+++ b/output/feeds/blog.atom.xml
@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <feed xmlns="http://www.w3.org/2005/Atom"><title>theo lem - blog</title><link href="https://theo-lem.org/" rel="alternate"></link><link href="https://theo-lem.org/feeds/blog.atom.xml" rel="self"></link><id>https://theo-lem.org/</id><updated>2020-05-07T00:00:00+02:00</updated><entry><title>Et vous, vous proposez quoi ?</title><link href="https://theo-lem.org/etvous.html" rel="alternate"></link><published>2020-05-07T00:00:00+02:00</published><updated>2020-05-07T00:00:00+02:00</updated><author><name>theo</name></author><id>tag:theo-lem.org,2020-05-07:/etvous.html</id><summary type="html">&lt;p&gt;&lt;em&gt;Pour un peu de contexte, le gouvernement français est en train d’étudier la possible mise en place de l’application StopCovid, un application de tracking de contacts sans géolocalisation pour le Covid19, similaire à ce qui a déjà été mis en place à Singapour ou en Corée. &lt;a href="https://youtu.be/AAt8KMXtApU"&gt;Cette vidéo …&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;</summary><content type="html">&lt;p&gt;&lt;em&gt;Pour un peu de contexte, le gouvernement français est en train d’étudier la possible mise en place de l’application StopCovid, un application de tracking de contacts sans géolocalisation pour le Covid19, similaire à ce qui a déjà été mis en place à Singapour ou en Corée. &lt;a href="https://youtu.be/AAt8KMXtApU"&gt;Cette vidéo&lt;/a&gt; explique de manière simple et concise son fonctionnement technique (avec une attention particulière sur l’aspect « privacy by design »), comme &lt;a href="https://framablog.org/2020/04/12/une-appli-de-tracage-du-covid-9-qui-echappe-a-big-brother/"&gt;cette BD traduite par Framalang&lt;/a&gt;. De l’autre côté du tableau, la Quadrature du Net a &lt;a href="[https://www.laquadrature.net/2020/04/14/nos-arguments-pour-rejeter-stopcovid/ ](https://www.laquadrature.net/2020/04/14/nos-arguments-pour-rejeter-stopcovid/ )"&gt;émis des critiques&lt;/a&gt; sur cette application, comme de nombreuses structures critiques des avancées du gouvernement à ce niveau.&lt;/em&gt;&lt;/p&gt;
 &lt;p&gt;    Un argument qui m’a marqué, notamment sur &lt;a href="https://twitter.com/LoupRouge/status/1250416624126943235"&gt;ce fil twitter&lt;/a&gt; a été le suivant : « Mais vous, que proposez-vous de mieux ? ». En effet, c’est bien beau de faire la critique de cette application, et les arguments quant à son inefficacité réelle sont recevables sans trop tergiverser. Pour autant, est-il pertinent de lui faire barrage alors qu’aucune autre solution n’a été avancée facilitant la traçabilité des contacts ?&lt;/p&gt;
-&lt;p&gt;    Tout d’abord, je trouve assez injuste le reproche fait à l’association Framasoft sur ce fil Twittter de ne pas proposer autre chose. On ne reviendra pas (ou pas longtemps) sur l’argument très courant qui dit : « Vous ne faites que critiquer, vous ne proposez jamais de solution », il est irrecevable. Un système étant incapable de faire sa propre critique, et le pire argument de la droite étant celui d’être le « seul régime politique sérieux», la critique profonde et systématique des décisions et nécessaire, et elle est d’autant plus pertinente dans ce cas quand elle provient de structures compétentes quand on aborde les sujets du numérique. &lt;/p&gt;
+&lt;p&gt;    Tout d’abord, je trouve assez injuste le reproche fait à l’association Framasoft sur ce fil Twitter de ne pas proposer autre chose. On ne reviendra pas (ou pas longtemps) sur l’argument très courant qui dit : « Vous ne faites que critiquer, vous ne proposez jamais de solution », il est irrecevable. Un système étant incapable de faire sa propre critique, et le pire argument de la droite étant celui d’être le « seul régime politique sérieux», la critique profonde et systématique des décisions et nécessaire, et elle est d’autant plus pertinente dans ce cas quand elle provient de structures compétentes quand on aborde les sujets du numérique. &lt;/p&gt;
 &lt;h2&gt;Pourquoi s'y opposer ?&lt;/h2&gt;
 &lt;p&gt;    Mais dans ce cas précis, dans une situation de crise, est-il effectivement pertinent de s’opposer à une telle application alors même que, si son efficacité est toute théorique, elle a le mérite de s’attaquer à un sujet si crucial ? On peut aussi saluer le travail apporté sur le protocole même de l’application, qui repose sur l’anonymat total des utilisateurs jusque dans ses fondements. Il faut l’admettre : cette application est bien pensée. &lt;/p&gt;
 &lt;p&gt;   Le problème est réellement celui de l’arbre qui cache la forêt, et de l'impunité de l'Etat. Des voix provenant du personnel soignant se sont déjà élevées pour contrer l’épithète de « héros » qui leur était apposé, tous les soirs à 20h, aux fenêtres des grandes villes de France. En effet, en saluant le personnel soignant comme des héros faisant preuve des plus grands sacrifices, l’État dissimule le réel problème : que les hôpitaux étaient mal pourvus, et cela pour une raison bien identifiée qui est la casse systématique des services publics en général et du système hospitalier en particulier, qui a lieu depuis des décennies. Oui, le personnel soignant a fait preuve de courage et d’abnégation en travaillant dans de telles conditions d’exposition, et il va sans dire que les morts auraient été innombrables sans cela. Mais il convient de rappeler que si des lits avaient été créés plutôt que supprimés, si les logiques managériales avaient épargné les hôpitaux, si l’industrie nationale critique n’avait pas été &lt;a href="https://www.bastamag.net/production-masques-FFP2-strategie-industrielle-usine-Plaintel-plan-social"&gt;abandonné par l’Etat&lt;/a&gt;, les vies sauvées auraient été bien plus nombreuses. &lt;/p&gt;
@ -13,4 +13,8 @@
 &lt;p&gt;    Deuxièmement, ce qui est critiqué n'est pas la décision de l'Etat de pousser un outil qui n'est &lt;strong&gt;sans doute pas utile&lt;/strong&gt;, mais la &lt;strong&gt;non-intervention de la question même de l'utilité dans le processus de décision&lt;/strong&gt;. La technologie, et en particulier sous ses traits numériques, high-tech et lissés, compréhensible par si peu et tellement insaisissable, est devenu un objet sacré, très comparable (et je cite là un membre de Framasoft) au recours à la prière au Moyen-Âge. Qu'on soit clair : &lt;em&gt;il n'y a pas plus de raison de croire qu'une application de tracking de virus améliorera la situation sanitaire actuelle que les religieux n'avaient de raison de croire que la miséricorde divine les sauveraient de la peste noire au 15ème siècle&lt;/em&gt; , n'en déplaise à &lt;a href="https://medium.com/@cedric.o/stopcovid-ou-encore-b5794d99bb12"&gt;Cedric O&lt;/a&gt; (sécrétaire d'état au numérique).&lt;/p&gt;
 &lt;p&gt;Et pourtant, les gouvernants continuent à pousser leurs outils. Pourquoi ces gadgets continuent-ils à s'insérer toujours plus dans nos vies, en dépit de leur effet négatif prouvé sur les inégalités face aux services publiques, sur la marchandisation et la comptabilisation de ce même secteur, sur la vie privée et les données personnelles, et tant d'autres choses encore ? Parce qu'il se barde des couleurs de la modernité et du progrès, pas le progrès social, mais le progrès technologique qui s'auto-suffit et s'auto-alimente. &lt;/p&gt;
 &lt;h2&gt;Rejettons en bloc&lt;/h2&gt;
-&lt;p&gt;RIen ne bon ne peut sortir de cette application, que ce soit sur le plan sanitaire, sécuritaire ou social. Rien de plus en réalité que de jeter un marché de plus à une industrie qui a encore et encore prouvé son opposition aux valeurs d'égalité, de solidarité et de justice sociale. Il faut continuer à lutter contre de telles décisions, et ne pas se laisser âpper par les sirènes du miracle technologique. &lt;/p&gt;</content><category term="blog"></category><category term="article"></category></entry></feed>
+&lt;p&gt;Rien ne bon ne peut sortir de cette application, que ce soit sur le plan sanitaire, sécuritaire ou social. Rien de plus en réalité que de jeter un marché de plus à une industrie qui a encore et encore prouvé son opposition aux valeurs d'égalité, de solidarité et de justice sociale. Il faut continuer à lutter contre de telles décisions, et ne pas se laisser âpper par les sirènes du miracle technologique. &lt;/p&gt;</content><category term="blog"></category><category term="article"></category></entry><entry><title>delete me</title><link href="https://theo-lem.org/test.html" rel="alternate"></link><published>2020-05-07T00:00:00+02:00</published><updated>2020-05-07T00:00:00+02:00</updated><author><name>theo</name></author><id>tag:theo-lem.org,2020-05-07:/test.html</id><content type="html">&lt;p&gt;some text some text&lt;/p&gt;
 &lt;blockquote&gt;
 &lt;p&gt;blockquote text&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;lelelele&lt;/p&gt;</content><category term="blog"></category><category term="article"></category></entry></feed>
--- a/output/gardav.html
+++ b/output/gardav.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Gardav</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/index.html
+++ b/output/index.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/je-perdurerai.html
+++ b/output/je-perdurerai.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | je perdurerai</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/l-art-de-soulever-les-montagnes.html
+++ b/output/l-art-de-soulever-les-montagnes.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | L'art de soulever les montagnes</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/la-lumiere-du-jour.html
+++ b/output/la-lumiere-du-jour.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | La lumière du jour...</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/lea.html
+++ b/output/lea.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Léa</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/les-echassiers.html
+++ b/output/les-echassiers.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Les échassiers</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/malleable.html
+++ b/output/malleable.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Malléable</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/mardi-tlj-tlh.html
+++ b/output/mardi-tlj-tlh.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Mardi TLJ/TLH</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/mer-de-la-tranquilite.html
+++ b/output/mer-de-la-tranquilite.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Mer de la tranquilité</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/nul-espoir-n-est-perdu.html
+++ b/output/nul-espoir-n-est-perdu.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Nul espoir n'est perdu</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/obus-sur-la-ville.html
+++ b/output/obus-sur-la-ville.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Obus sur la ville</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/on-n-entend-pas-l-eau-qui-coule.html
+++ b/output/on-n-entend-pas-l-eau-qui-coule.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | On n'entend pas l'eau qui coule</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/pages/about.html
+++ b/output/pages/about.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | à propos</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/perrine.html
+++ b/output/perrine.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Perrine</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/polair.html
+++ b/output/polair.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | PØLÅIR</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/pourrir.html
+++ b/output/pourrir.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Pourrir</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/quatre-astres.html
+++ b/output/quatre-astres.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Quatre astres</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/que-celui.html
+++ b/output/que-celui.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Que celui...</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/remembering-you-dearly.html
+++ b/output/remembering-you-dearly.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Remembering you dearly</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/revoir-ma-vallee.html
+++ b/output/revoir-ma-vallee.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Revoir ma vallée</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/si-tu-pouvais.html
+++ b/output/si-tu-pouvais.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Si tu pouvais...</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/te-verrais-je-alors.html
+++ b/output/te-verrais-je-alors.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | te verrais-je alors ?</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/test.html
+++ b/output/test.html
@ -0,0 +1,55 @@
 <!DOCTYPE html>
 <html lang="fr">
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | delete me</title>
    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </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="/pages/about.html">à propos</a>
    </div>
    <hr>
    <div class='content'>
 <div class="title-block">
    <h1>delete me</h1>
    <h4>07.05.2020</h4>
    <hr>
 </div>
 <div>
    <p>some text some text</p>
 <blockquote>
 <p>blockquote text</p>
 </blockquote>
 <p>lelelele</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>
    </div>
 </body>
 </html>
--- a/output/the-woods.html
+++ b/output/the-woods.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | The woods</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/theme/css/main.css
+++ b/output/theme/css/main.css
@ -15,8 +15,11 @@ a {
  width: 100%;
  height: 10px;
  background-color: white;
-  margin-top: 30px;
+  margin-top: 10px;
  padding-bottom: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
 }
 .navbar a {
  padding-left: 40px;
@ -25,9 +28,6 @@ a {
 .navbar :hover {
  text-decoration: underline;
 }
 .banner {
  height: 530px;
 }
 .footer {
  margin-top: 50px;
  margin-bottom: 20px;
@ -74,3 +74,16 @@ code {
  background-color: #cccccc;
  font-style: italic;
 }
 blockquote {
  margin-left: 20px;
  font-style: italic;
  font-size: 1.5em;
 }
@media print {
  .banner {
    visibility: hidden;
  }
  .navbar {
    visibility: hidden;
  }
 }
--- a/output/theme/css/main.less
+++ b/output/theme/css/main.less
@ -21,8 +21,13 @@ a {
    width: @navbar-width; 
    height: @navbar-height;
    background-color: white;
-    margin-top: 30px;
+    margin-top: 10px;
    padding-bottom: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    a {
      padding-left: 40px; 
      padding-right: 40px;
@ -33,12 +38,7 @@ a {
    }
 }
 .banner {
    height: @banner-height;
 }
 .footer {
    margin-top: 50px;
    margin-bottom: 20px;
    text-align: center;
@ -93,4 +93,20 @@ a {
 code {
    background-color: #cccccc;
    font-style: italic;
 }
 blockquote {
    margin-left: 20px;
    font-style: italic;
    font-size: 1.5em;
 }
@media print {
    .banner {
        visibility: hidden;
    }
    .navbar {
        visibility: hidden;
    }
 }
--- a/output/theme/css/print.css
+++ b/output/theme/css/print.css
@ -0,0 +1,4 @@
 .banner {
    display: none;
 }
--- a/output/tournoie-tournoie.html
+++ b/output/tournoie-tournoie.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Tournoie tournoie</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/une-nuit-sur-la-route.html
+++ b/output/une-nuit-sur-la-route.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Une nuit sur la route</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/une-petite-piece-a-l-encre-rouge.html
+++ b/output/une-petite-piece-a-l-encre-rouge.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Une petite pièce à l'encre rouge</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/visceral.html
+++ b/output/visceral.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Viscéral</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/visite.html
+++ b/output/visite.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Visite</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/output/wak-wak.html
+++ b/output/wak-wak.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ theo lem | Wak wak</title>
-    <link rel="stylesheet" href="/theme/css/main.css" type="text/css" />
+    <link rel="stylesheet" media="screen" href="/theme/css/main.css" type="text/css" />
    <link rel="stylesheet" media="print" href="/theme/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
                <a class='categories' href= "/category/blog.html" > blog</a>
--- a/src/pelican
+++ b/src/pelican
@ -0,0 +1 @@
 Subproject commit 21242e3a475be7fcacc4de2e0ef54c396d421b93
--- a/src/pip-delete-this-directory.txt
+++ b/src/pip-delete-this-directory.txt
@ -0,0 +1,5 @@
 This file is placed here by pip to indicate the source was put
 here by pip.
 Once this package is successfully installed this source code will be
 deleted (unless you remove this file).
--- a/themes/theo_lem/static/css/main.css
+++ b/themes/theo_lem/static/css/main.css
@ -15,8 +15,11 @@ a {
  width: 100%;
  height: 10px;
  background-color: white;
-  margin-top: 30px;
+  margin-top: 10px;
  padding-bottom: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
 }
 .navbar a {
  padding-left: 40px;
@ -25,9 +28,6 @@ a {
 .navbar :hover {
  text-decoration: underline;
 }
 .banner {
  height: 530px;
 }
 .footer {
  margin-top: 50px;
  margin-bottom: 20px;
@ -74,3 +74,16 @@ code {
  background-color: #cccccc;
  font-style: italic;
 }
 blockquote {
  margin-left: 20px;
  font-style: italic;
  font-size: 1.5em;
 }
@media print {
  .banner {
    visibility: hidden;
  }
  .navbar {
    visibility: hidden;
  }
 }
--- a/themes/theo_lem/static/css/main.less
+++ b/themes/theo_lem/static/css/main.less
@ -21,8 +21,13 @@ a {
    width: @navbar-width; 
    height: @navbar-height;
    background-color: white;
-    margin-top: 30px;
+    margin-top: 10px;
    padding-bottom: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    a {
      padding-left: 40px; 
      padding-right: 40px;
@ -33,12 +38,7 @@ a {
    }
 }
 .banner {
    height: @banner-height;
 }
 .footer {
    margin-top: 50px;
    margin-bottom: 20px;
    text-align: center;
@ -93,4 +93,20 @@ a {
 code {
    background-color: #cccccc;
    font-style: italic;
 }
 blockquote {
    margin-left: 20px;
    font-style: italic;
    font-size: 1.5em;
 }
@media print {
    .banner {
        visibility: hidden;
    }
    .navbar {
        visibility: hidden;
    }
 }
--- a/themes/theo_lem/static/css/print.css
+++ b/themes/theo_lem/static/css/print.css
@ -0,0 +1,4 @@
 .banner {
    display: none;
 }
--- a/themes/theo_lem/templates/base.html
+++ b/themes/theo_lem/templates/base.html
@ -3,7 +3,9 @@
 <head>
    <meta charset="utf-8"> 
    <title>¤ {% block title %}{{ SITENAME }}{% endblock %}</title>
-    <link rel="stylesheet" href="{{ SITE_URL }}/{{ THEME_STATIC_DIR }}/css/{{ CSS_FILE }}" type="text/css" />
+    <link rel="stylesheet" media="screen" href="{{ SITE_URL }}/{{ THEME_STATIC_DIR }}/css/{{ CSS_FILE }}" type="text/css" />
    <link rel="stylesheet" media="print" href="{{ SITE_URL }}/{{ THEME_STATIC_DIR }}/css/print.css"/>
 </head>
 <body>
    <div class='banner'>
@ -12,8 +14,6 @@
        </a>
    </div>
    <hr>
    <div align='center' class='navbar'>
        {% if articles %}
		`@ -0,0 +1 @@`
							`Subproject commit 21242e3a475be7fcacc4de2e0ef54c396d421b93`