More semantic markup (what a mess)

david/2020/01/03/index.html

@@ -24,9 +24,11 @@
 <article>
 <h1>Briques</h1>
 <nav>
-  <a rel="prev" href="/david/stream/" title="Publication précédente : Streams 2009-2019">←</a> •
-  <a href="/david/2020/" title="Liste des publications récentes">↑</a>
-   • <a rel="next" href="/david/2020/01/06/" title="Publication suivante : Écriture">→</a>
+  <p class="center">
+    <a rel="prev" href="/david/stream/" title="Publication précédente : Streams 2009-2019">←</a> •
+    <a href="/david/2020/" title="Liste des publications récentes">↑</a>
+     • <a rel="next" href="/david/2020/01/06/" title="Publication suivante : Écriture">→</a>
+  </p>
 </nav>
 <hr>
 
@@ -59,13 +61,15 @@
 
 <hr>
 
-<nav>
-  <a href="/david/" title="Aller à l’accueil">🏠</a> •
-  <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
-  <a href="http://larlet.com" title="Go to my English profile">🇨🇦</a> •
-  <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
-  <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
-</nav>
+<footer>
+  <p>
+    <a href="/david/" title="Aller à l’accueil">🏠</a> •
+    <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
+    <a href="http://larlet.com" title="Go to my English profile">🇨🇦</a> •
+    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
+    <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
+  </p>
+</footer>
 
 </body>
 </html>

david/2020/01/06/index.html

@@ -24,9 +24,11 @@
 <article>
 <h1>Écriture</h1>
 <nav>
-  <a rel="prev" href="/david/2020/01/03/" title="Publication précédente : Briques">←</a> •
-  <a href="/david/2020/" title="Liste des publications récentes">↑</a>
-  
+  <p class="center">
+    <a rel="prev" href="/david/2020/01/03/" title="Publication précédente : Briques">←</a> •
+    <a href="/david/2020/" title="Liste des publications récentes">↑</a>
+    
+  </p>
 </nav>
 <hr>
 
@@ -74,13 +76,15 @@
 
 <hr>
 
-<nav>
-  <a href="/david/" title="Aller à l’accueil">🏠</a> •
-  <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
-  <a href="http://larlet.com" title="Go to my English profile">🇨🇦</a> •
-  <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
-  <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
-</nav>
+<footer>
+  <p>
+    <a href="/david/" title="Aller à l’accueil">🏠</a> •
+    <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
+    <a href="http://larlet.com" title="Go to my English profile">🇨🇦</a> •
+    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
+    <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
+  </p>
+</footer>
 
 </body>
 </html>

david/2020/01/10/index.html

@@ -24,9 +24,11 @@
 <article>
 <h1>Travail</h1>
 <nav>
-  <a rel="prev" href="/david/2020/01/06/" title="Publication précédente : Écriture">←</a> •
-  <a href="/david/2020/" title="Liste des publications récentes">↑</a>
-  
+  <p class="center">
+    <a rel="prev" href="/david/2020/01/06/" title="Publication précédente : Écriture">←</a> •
+    <a href="/david/2020/" title="Liste des publications récentes">↑</a>
+    
+  </p>
 </nav>
 <hr>
 
@@ -75,13 +77,15 @@
 
 <hr>
 
-<nav>
-  <a href="/david/" title="Aller à l’accueil">🏠</a> •
-  <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
-  <a href="http://larlet.com" title="Go to my English profile">🇨🇦</a> •
-  <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
-  <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
-</nav>
+<footer>
+  <p>
+    <a href="/david/" title="Aller à l’accueil">🏠</a> •
+    <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
+    <a href="http://larlet.com" title="Go to my English profile">🇨🇦</a> •
+    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
+    <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
+  </p>
+</footer>
 
 </body>
 </html>

david/2020/01/17/index.html

@@ -24,9 +24,11 @@
 <article>
 <h1>Datagouv</h1>
 <nav>
-  
-  <a href="/david/2020/" title="Liste des publications récentes">↑</a>
-  
+  <p class="center">
+    
+    <a href="/david/2020/" title="Liste des publications récentes">↑</a>
+    
+  </p>
 </nav>
 <hr>
 
@@ -51,13 +53,15 @@
 
 <hr>
 
-<nav>
-  <a href="/david/" title="Aller à l’accueil">🏠</a> •
-  <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
-  <a href="http://larlet.com" title="Go to my English profile">🇨🇦</a> •
-  <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
-  <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
-</nav>
+<footer>
+  <p>
+    <a href="/david/" title="Aller à l’accueil">🏠</a> •
+    <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
+    <a href="http://larlet.com" title="Go to my English profile">🇨🇦</a> •
+    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
+    <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
+  </p>
+</footer>
 
 </body>
 </html>

david/2020/01/31/index.html

@@ -24,9 +24,11 @@
 <article>
 <h1>S’implanter, comprendre et proposer</h1>
 <nav>
-  
-  <a href="/david/2020/" title="Liste des publications récentes">↑</a>
-  
+  <p class="center">
+    
+    <a href="/david/2020/" title="Liste des publications récentes">↑</a>
+    
+  </p>
 </nav>
 <hr>
 
@@ -66,13 +68,15 @@
 
 <hr>
 
-<nav>
-  <a href="/david/" title="Aller à l’accueil">🏠</a> •
-  <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
-  <a href="http://larlet.com" title="Go to my English profile">🇨🇦</a> •
-  <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
-  <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
-</nav>
+<footer>
+  <p>
+    <a href="/david/" title="Aller à l’accueil">🏠</a> •
+    <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
+    <a href="http://larlet.com" title="Go to my English profile">🇨🇦</a> •
+    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
+    <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
+  </p>
+</footer>
 
 </body>
 </html>

david/2020/12/15/index.html

@@ -24,9 +24,11 @@
 <article>
 <h1>Vidéos</h1>
 <nav>
-  
-  <a href="/david/2020/" title="Liste des publications récentes">↑</a>
-  
+  <p class="center">
+    
+    <a href="/david/2020/" title="Liste des publications récentes">↑</a>
+    
+  </p>
 </nav>
 <hr>
 
@@ -56,13 +58,15 @@
 
 <hr>
 
-<nav>
-  <a href="/david/" title="Aller à l’accueil">🏠</a> •
-  <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
-  <a href="http://larlet.com" title="Go to my English profile">🇨🇦</a> •
-  <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
-  <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
-</nav>
+<footer>
+  <p>
+    <a href="/david/" title="Aller à l’accueil">🏠</a> •
+    <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
+    <a href="http://larlet.com" title="Go to my English profile">🇨🇦</a> •
+    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
+    <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
+  </p>
+</footer>
 
 </body>
 </html>

david/2020/12/21/index.html

@@ -24,9 +24,11 @@
 <article>
 <h1>Livres</h1>
 <nav>
-  
-  <a href="/david/2020/" title="Liste des publications récentes">↑</a>
-  
+  <p class="center">
+    
+    <a href="/david/2020/" title="Liste des publications récentes">↑</a>
+    
+  </p>
 </nav>
 <hr>
 
@@ -42,13 +44,15 @@
 
 <hr>
 
-<nav>
-  <a href="/david/" title="Aller à l’accueil">🏠</a> •
-  <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
-  <a href="http://larlet.com" title="Go to my English profile">🇨🇦</a> •
-  <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
-  <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
-</nav>
+<footer>
+  <p>
+    <a href="/david/" title="Aller à l’accueil">🏠</a> •
+    <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
+    <a href="http://larlet.com" title="Go to my English profile">🇨🇦</a> •
+    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
+    <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
+  </p>
+</footer>
 
 </body>
 </html>

david/2020/index.html

@@ -9,7 +9,7 @@
   See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
 <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,shrink-to-fit=no">
 <!-- Required to make a valid HTML5 document. -->
-<title>Stream 2020 — David Larlet</title>
+<title>Publications récentes (2020) — David Larlet</title>
 <!-- Lightest blank gif, avoids an extra query to the server. -->
 <link rel="icon" href="data:;base64,iVBORw0KGgo=">
 <!-- Thank you Florens! -->
@@ -21,31 +21,37 @@
 
 <body class="remarkdown h1-underline h2-underline hr-center ul-star pre-tick">
 
-<h1>Stream 2020</h1>
-
+<h1>Publications récentes (2020)</h1>
 <article>
-    <h2><a href="/david/2020/01/06/">Écriture</a> (2020-01-06)</h2>
+  <nav>
     
+      <h2><a href="/david/2020/01/06/">Écriture</a> (2020-01-06)</h2>
+      
 <p><em>De l’importance d’écrire au quotidien. Pour pratiquer, pour soi, pour les autres.</em></p>
-</article>
-
-<article>
-    <h2><a href="/david/2020/01/03/">Briques</a> (2020-01-03)</h2>
     
+      <h2><a href="/david/2020/01/03/">Briques</a> (2020-01-03)</h2>
+      
 <p><em>Expérience d’agrégation de poussières d’idées.</em></p>
+    
+  </nav>
 </article>
-
+<hr>
+<p>
+  Pour des publications plus anciennes (2019 et avant), vous pouvez aller voir du côté du <a href="/david/blog/">blog</a> ou des <a href="/david/stream/">journaux</a>.
+</p>
 
 
 <hr>
 
-<nav>
-  <a href="/david/" title="Aller à l’accueil">🏠</a> •
-  <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
-  <a href="http://larlet.com" title="Go to my English profile">🇨🇦</a> •
-  <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
-  <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
-</nav>
+<footer>
+  <p>
+    <a href="/david/" title="Aller à l’accueil">🏠</a> •
+    <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
+    <a href="http://larlet.com" title="Go to my English profile">🇨🇦</a> •
+    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
+    <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
+  </p>
+</footer>
 
 </body>
 </html>

david/index.html

@@ -39,19 +39,21 @@
 
 <h2>Publication récentes</h2>
 
-<ul>
-
-    <li><a href="/david/2020/01/06/">Écriture</a> (2020-01-06)</li>
-
-    <li><a href="/david/2020/01/03/">Briques</a> (2020-01-03)</li>
-
-</ul>
+<nav>
+  <ul>
+  
+      <li><a href="/david/2020/01/06/">Écriture</a> (2020-01-06)</li>
+  
+      <li><a href="/david/2020/01/03/">Briques</a> (2020-01-03)</li>
+  
+  </ul>
+</nav>
 
 <h2>Publications anciennes</h2>
 
 <ul>
   <li><a href="/david/blog/">Blog</a> (2004-2019)</li>
-  <li><a href="/david/stream/">Stream</a> (2009-2019)</li>
+  <li><a href="/david/stream/">Journaux</a> (2009-2019)</li>
 </ul>
 
 </article>
@@ -59,13 +61,15 @@
 
 <hr>
 
-<nav>
-  <a href="/david/" title="Aller à l’accueil">🏠</a> •
-  <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
-  <a href="http://larlet.com" title="Go to my English profile">🇨🇦</a> •
-  <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
-  <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
-</nav>
+<footer>
+  <p>
+    <a href="/david/" title="Aller à l’accueil">🏠</a> •
+    <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
+    <a href="http://larlet.com" title="Go to my English profile">🇨🇦</a> •
+    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
+    <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
+  </p>
+</footer>
 
 </body>
 </html>

david/templates/archives_2020.html

@@ -1,11 +1,17 @@
 {% extends "base_2020.html" %}
-{% block title %}Stream 2020{% endblock %}
+{% block title %}Publications récentes (2020){% endblock %}
 {% block content %}
-<h1>Stream 2020</h1>
-{% for page in page_list %}
+<h1>Publications récentes (2020)</h1>
 <article>
-    <h2><a href="{{ page.url }}">{{ page.title }}</a> ({{ page.date }})</h2>
-    {{ page.extract }}
+  <nav>
+    {% for page in page_list %}
+      <h2><a href="{{ page.url }}">{{ page.title }}</a> ({{ page.date }})</h2>
+      {{ page.extract }}
+    {% endfor %}
+  </nav>
 </article>
-{% endfor %}
+<hr>
+<p>
+  Pour des publications plus anciennes (2019 et avant), vous pouvez aller voir du côté du <a href="/david/blog/">blog</a> ou des <a href="/david/stream/">journaux</a>.
+</p>
 {% endblock content %}

david/templates/article_2020.html

@@ -5,9 +5,11 @@
 <article>
 <h1>{{ page.title }}</h1>
 <nav>
-  {% if prev and not prev.is_draft %}<a rel="prev" href="{{ prev.url }}" title="Publication précédente : {{ prev.title }}">←</a> •{% endif %}
-  <a href="/david/2020/" title="Liste des publications récentes">↑</a>
-  {% if next and not next.is_draft %} • <a rel="next" href="{{ next.url }}" title="Publication suivante : {{ next.title }}">→</a>{% endif %}
+  <p class="center">
+    {% if prev and not prev.is_draft %}<a rel="prev" href="{{ prev.url }}" title="Publication précédente : {{ prev.title }}">←</a> •{% endif %}
+    <a href="/david/2020/" title="Liste des publications récentes">↑</a>
+    {% if next and not next.is_draft %} • <a rel="next" href="{{ next.url }}" title="Publication suivante : {{ next.title }}">→</a>{% endif %}
+  </p>
 </nav>
 <hr>
 {{ page.content }}

david/templates/base_2020.html

@@ -24,13 +24,15 @@
 
 <hr>
 
-<nav>
-  <a href="/david/" title="Aller à l’accueil">🏠</a> •
-  <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
-  <a href="http://larlet.com" title="Go to my English profile">🇨🇦</a> •
-  <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
-  <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
-</nav>
+<footer>
+  <p>
+    <a href="/david/" title="Aller à l’accueil">🏠</a> •
+    <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
+    <a href="http://larlet.com" title="Go to my English profile">🇨🇦</a> •
+    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
+    <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
+  </p>
+</footer>
 
 </body>
 </html>

david/templates/profil.html

@@ -20,17 +20,19 @@
 
 <h2>Publication récentes</h2>
 
-<ul>
-{% for page in page_list %}
-    <li><a href="{{ page.url }}">{{ page.title }}</a> ({{ page.date }})</li>
-{% endfor %}
-</ul>
+<nav>
+  <ul>
+  {% for page in page_list %}
+      <li><a href="{{ page.url }}">{{ page.title }}</a> ({{ page.date }})</li>
+  {% endfor %}
+  </ul>
+</nav>
 
 <h2>Publications anciennes</h2>
 
 <ul>
   <li><a href="/david/blog/">Blog</a> (2004-2019)</li>
-  <li><a href="/david/stream/">Stream</a> (2009-2019)</li>
+  <li><a href="/david/stream/">Journaux</a> (2009-2019)</li>
 </ul>
 
 </article>