From 16afa105db4d7d0b8574195339a2b1a71546c0f7 Mon Sep 17 00:00:00 2001
From: nono <np@laquadrature.net>
Date: Sun, 4 Apr 2021 13:13:41 +0200
Subject: [PATCH] Added openring

---
 public/about-me/index.html                    | 80 ++++++++++++++++++-
 public/art-and-code/index.html                | 80 ++++++++++++++++++-
 .../index.html                                | 80 ++++++++++++++++++-
 public/articles/cool-links/april/index.html   | 80 ++++++++++++++++++-
 public/articles/cool-links/febuary/index.html | 80 ++++++++++++++++++-
 public/articles/cool-links/january/index.html | 80 ++++++++++++++++++-
 public/articles/cool-links/july/index.html    | 80 ++++++++++++++++++-
 public/articles/cool-links/june/index.html    | 80 ++++++++++++++++++-
 public/articles/cool-links/march/index.html   | 80 ++++++++++++++++++-
 public/articles/cool-links/may/index.html     | 80 ++++++++++++++++++-
 .../articles/cool-links/september/index.html  | 80 ++++++++++++++++++-
 public/articles/hello-world/index.html        | 80 ++++++++++++++++++-
 .../interop-revue-de-press/index.html         | 80 ++++++++++++++++++-
 .../index.html                                | 80 ++++++++++++++++++-
 .../index.html                                | 80 ++++++++++++++++++-
 .../zapatista-oventik-petite-ecole/index.html | 80 ++++++++++++++++++-
 public/css/concated.min.css                   |  2 +-
 public/stories/across-town/index.html         | 80 ++++++++++++++++++-
 18 files changed, 1327 insertions(+), 35 deletions(-)

diff --git a/public/about-me/index.html b/public/about-me/index.html
index 94f0385..0d0b7c5 100644
--- a/public/about-me/index.html
+++ b/public/about-me/index.html
@@ -84,8 +84,84 @@
     <nav class="end-nav side-padding">
       
     </nav>
-    <footer class="content card card-container side-padding " >
-    <h3>The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.</h3>
+    
+<nav class="end-nav side-padding card-container card content">
+      <section class="webring">
+  <h3>Articles from blogs I follow around the net</h3>
+  <section class="articles">
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://solar.lowtechmagazine.com/2021/03/urban-fish-ponds-low-tech-sewage-treatment-for-towns-and-cities.html" target="_blank" rel="noopener">Urban Fish Ponds: Low-tech Sewage Treatment for Towns and Cities</a>
+      </h4>
+      <p class="summary">In the mid 20th century, whole cities’ sewage systems safely and successfully used fish to treat and purify their water. Waste-fed fish ponds are a low-tech, cheap, and sustainable alternative to deal with our own shit — and to obtain high protein food in…</p>
+      <small class="source">
+        via <a href="https://solar.lowtechmagazine.com/">LOW←TECH MAGAZINE</a>
+      </small>
+      <small class="date">March 28, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://www.laquadrature.net/2021/03/26/gendnotes-entre-flicage-inavoue-et-mauvaise-foi/" target="_blank" rel="noopener">GendNotes : entre flicage inavoué et mauvaise foi</a>
+      </h4>
+      <p class="summary">Il y a plus d&#39;un an, le gouvernement autorisait par décret la gendarmerie à utiliser une application de prise de notes sur téléphone mobile intitulée GendNotes. Nous avions déposé un recours contre ce décret devant…</p>
+      <small class="source">
+        via <a href="https://www.laquadrature.net">La Quadrature du Net</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://mamot.fr/@n07070/105955483490021614" target="_blank" rel="noopener">n07070: “N&#39;empêche, …”</a>
+      </h4>
+      <p class="summary">N&#39;empêche, vu la situation actuelle, heureusement que la réforme de la sécu c&#39;était pas le premier truc à l&#39;ordre du jour des destructions prévues par Macron...</p>
+      <small class="source">
+        via <a href="https://mamot.fr/@n07070">N07070 (@n07070@mamot.fr)</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+  </section>
+  <p class="attribution">
+    Generated by
+    <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
+  </p>
+</section>
+<style>
+.webring .articles {
+  display: flex;
+  flex-wrap: wrap;
+  margin: -0.5rem;
+}
+.webring .title {
+  margin: 0;
+}
+.webring .article {
+  flex: 1 1 0;
+  display: flex;
+  flex-direction: column;
+  margin: 0.5rem;
+  padding: 0.5rem;
+  min-width: 10rem;
+}
+.webring .summary {
+  font-size: 0.8rem;
+  flex: 1 1 0;
+}
+.webring .attribution {
+  text-align: right;
+  font-size: 0.8rem;
+}
+</style>
+
+
+</nav>
+
+
+<footer class="content card card-container side-padding" >
+    <h3>The Octet Press is N07070's blog. It's self-hosted, low-tech, without javascript and static, as it should be.</h3><sup><a href="">Why ?</a></sup>
 </footer>
 
     
diff --git a/public/art-and-code/index.html b/public/art-and-code/index.html
index e8612fc..1cdf110 100644
--- a/public/art-and-code/index.html
+++ b/public/art-and-code/index.html
@@ -97,8 +97,84 @@
 
       
     </nav>
-    <footer class="content card card-container side-padding " >
-    <h3>The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.</h3>
+    
+<nav class="end-nav side-padding card-container card content">
+      <section class="webring">
+  <h3>Articles from blogs I follow around the net</h3>
+  <section class="articles">
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://solar.lowtechmagazine.com/2021/03/urban-fish-ponds-low-tech-sewage-treatment-for-towns-and-cities.html" target="_blank" rel="noopener">Urban Fish Ponds: Low-tech Sewage Treatment for Towns and Cities</a>
+      </h4>
+      <p class="summary">In the mid 20th century, whole cities’ sewage systems safely and successfully used fish to treat and purify their water. Waste-fed fish ponds are a low-tech, cheap, and sustainable alternative to deal with our own shit — and to obtain high protein food in…</p>
+      <small class="source">
+        via <a href="https://solar.lowtechmagazine.com/">LOW←TECH MAGAZINE</a>
+      </small>
+      <small class="date">March 28, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://www.laquadrature.net/2021/03/26/gendnotes-entre-flicage-inavoue-et-mauvaise-foi/" target="_blank" rel="noopener">GendNotes : entre flicage inavoué et mauvaise foi</a>
+      </h4>
+      <p class="summary">Il y a plus d&#39;un an, le gouvernement autorisait par décret la gendarmerie à utiliser une application de prise de notes sur téléphone mobile intitulée GendNotes. Nous avions déposé un recours contre ce décret devant…</p>
+      <small class="source">
+        via <a href="https://www.laquadrature.net">La Quadrature du Net</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://mamot.fr/@n07070/105955483490021614" target="_blank" rel="noopener">n07070: “N&#39;empêche, …”</a>
+      </h4>
+      <p class="summary">N&#39;empêche, vu la situation actuelle, heureusement que la réforme de la sécu c&#39;était pas le premier truc à l&#39;ordre du jour des destructions prévues par Macron...</p>
+      <small class="source">
+        via <a href="https://mamot.fr/@n07070">N07070 (@n07070@mamot.fr)</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+  </section>
+  <p class="attribution">
+    Generated by
+    <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
+  </p>
+</section>
+<style>
+.webring .articles {
+  display: flex;
+  flex-wrap: wrap;
+  margin: -0.5rem;
+}
+.webring .title {
+  margin: 0;
+}
+.webring .article {
+  flex: 1 1 0;
+  display: flex;
+  flex-direction: column;
+  margin: 0.5rem;
+  padding: 0.5rem;
+  min-width: 10rem;
+}
+.webring .summary {
+  font-size: 0.8rem;
+  flex: 1 1 0;
+}
+.webring .attribution {
+  text-align: right;
+  font-size: 0.8rem;
+}
+</style>
+
+
+</nav>
+
+
+<footer class="content card card-container side-padding" >
+    <h3>The Octet Press is N07070's blog. It's self-hosted, low-tech, without javascript and static, as it should be.</h3><sup><a href="">Why ?</a></sup>
 </footer>
 
     
diff --git a/public/articles/a-case-for-the-importance-of-multiples-identites/index.html b/public/articles/a-case-for-the-importance-of-multiples-identites/index.html
index 8480eea..6c458e4 100644
--- a/public/articles/a-case-for-the-importance-of-multiples-identites/index.html
+++ b/public/articles/a-case-for-the-importance-of-multiples-identites/index.html
@@ -110,8 +110,84 @@
 
       
     </nav>
-    <footer class="content card card-container side-padding " >
-    <h3>The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.</h3>
+    
+<nav class="end-nav side-padding card-container card content">
+      <section class="webring">
+  <h3>Articles from blogs I follow around the net</h3>
+  <section class="articles">
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://solar.lowtechmagazine.com/2021/03/urban-fish-ponds-low-tech-sewage-treatment-for-towns-and-cities.html" target="_blank" rel="noopener">Urban Fish Ponds: Low-tech Sewage Treatment for Towns and Cities</a>
+      </h4>
+      <p class="summary">In the mid 20th century, whole cities’ sewage systems safely and successfully used fish to treat and purify their water. Waste-fed fish ponds are a low-tech, cheap, and sustainable alternative to deal with our own shit — and to obtain high protein food in…</p>
+      <small class="source">
+        via <a href="https://solar.lowtechmagazine.com/">LOW←TECH MAGAZINE</a>
+      </small>
+      <small class="date">March 28, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://www.laquadrature.net/2021/03/26/gendnotes-entre-flicage-inavoue-et-mauvaise-foi/" target="_blank" rel="noopener">GendNotes : entre flicage inavoué et mauvaise foi</a>
+      </h4>
+      <p class="summary">Il y a plus d&#39;un an, le gouvernement autorisait par décret la gendarmerie à utiliser une application de prise de notes sur téléphone mobile intitulée GendNotes. Nous avions déposé un recours contre ce décret devant…</p>
+      <small class="source">
+        via <a href="https://www.laquadrature.net">La Quadrature du Net</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://mamot.fr/@n07070/105955483490021614" target="_blank" rel="noopener">n07070: “N&#39;empêche, …”</a>
+      </h4>
+      <p class="summary">N&#39;empêche, vu la situation actuelle, heureusement que la réforme de la sécu c&#39;était pas le premier truc à l&#39;ordre du jour des destructions prévues par Macron...</p>
+      <small class="source">
+        via <a href="https://mamot.fr/@n07070">N07070 (@n07070@mamot.fr)</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+  </section>
+  <p class="attribution">
+    Generated by
+    <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
+  </p>
+</section>
+<style>
+.webring .articles {
+  display: flex;
+  flex-wrap: wrap;
+  margin: -0.5rem;
+}
+.webring .title {
+  margin: 0;
+}
+.webring .article {
+  flex: 1 1 0;
+  display: flex;
+  flex-direction: column;
+  margin: 0.5rem;
+  padding: 0.5rem;
+  min-width: 10rem;
+}
+.webring .summary {
+  font-size: 0.8rem;
+  flex: 1 1 0;
+}
+.webring .attribution {
+  text-align: right;
+  font-size: 0.8rem;
+}
+</style>
+
+
+</nav>
+
+
+<footer class="content card card-container side-padding" >
+    <h3>The Octet Press is N07070's blog. It's self-hosted, low-tech, without javascript and static, as it should be.</h3><sup><a href="">Why ?</a></sup>
 </footer>
 
     
diff --git a/public/articles/cool-links/april/index.html b/public/articles/cool-links/april/index.html
index 6d2d02c..6a987f5 100644
--- a/public/articles/cool-links/april/index.html
+++ b/public/articles/cool-links/april/index.html
@@ -126,8 +126,84 @@
 
       
     </nav>
-    <footer class="content card card-container side-padding " >
-    <h3>The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.</h3>
+    
+<nav class="end-nav side-padding card-container card content">
+      <section class="webring">
+  <h3>Articles from blogs I follow around the net</h3>
+  <section class="articles">
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://solar.lowtechmagazine.com/2021/03/urban-fish-ponds-low-tech-sewage-treatment-for-towns-and-cities.html" target="_blank" rel="noopener">Urban Fish Ponds: Low-tech Sewage Treatment for Towns and Cities</a>
+      </h4>
+      <p class="summary">In the mid 20th century, whole cities’ sewage systems safely and successfully used fish to treat and purify their water. Waste-fed fish ponds are a low-tech, cheap, and sustainable alternative to deal with our own shit — and to obtain high protein food in…</p>
+      <small class="source">
+        via <a href="https://solar.lowtechmagazine.com/">LOW←TECH MAGAZINE</a>
+      </small>
+      <small class="date">March 28, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://www.laquadrature.net/2021/03/26/gendnotes-entre-flicage-inavoue-et-mauvaise-foi/" target="_blank" rel="noopener">GendNotes : entre flicage inavoué et mauvaise foi</a>
+      </h4>
+      <p class="summary">Il y a plus d&#39;un an, le gouvernement autorisait par décret la gendarmerie à utiliser une application de prise de notes sur téléphone mobile intitulée GendNotes. Nous avions déposé un recours contre ce décret devant…</p>
+      <small class="source">
+        via <a href="https://www.laquadrature.net">La Quadrature du Net</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://mamot.fr/@n07070/105955483490021614" target="_blank" rel="noopener">n07070: “N&#39;empêche, …”</a>
+      </h4>
+      <p class="summary">N&#39;empêche, vu la situation actuelle, heureusement que la réforme de la sécu c&#39;était pas le premier truc à l&#39;ordre du jour des destructions prévues par Macron...</p>
+      <small class="source">
+        via <a href="https://mamot.fr/@n07070">N07070 (@n07070@mamot.fr)</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+  </section>
+  <p class="attribution">
+    Generated by
+    <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
+  </p>
+</section>
+<style>
+.webring .articles {
+  display: flex;
+  flex-wrap: wrap;
+  margin: -0.5rem;
+}
+.webring .title {
+  margin: 0;
+}
+.webring .article {
+  flex: 1 1 0;
+  display: flex;
+  flex-direction: column;
+  margin: 0.5rem;
+  padding: 0.5rem;
+  min-width: 10rem;
+}
+.webring .summary {
+  font-size: 0.8rem;
+  flex: 1 1 0;
+}
+.webring .attribution {
+  text-align: right;
+  font-size: 0.8rem;
+}
+</style>
+
+
+</nav>
+
+
+<footer class="content card card-container side-padding" >
+    <h3>The Octet Press is N07070's blog. It's self-hosted, low-tech, without javascript and static, as it should be.</h3><sup><a href="">Why ?</a></sup>
 </footer>
 
     
diff --git a/public/articles/cool-links/febuary/index.html b/public/articles/cool-links/febuary/index.html
index 4236dba..ffb5786 100644
--- a/public/articles/cool-links/febuary/index.html
+++ b/public/articles/cool-links/febuary/index.html
@@ -138,8 +138,84 @@
 
       
     </nav>
-    <footer class="content card card-container side-padding " >
-    <h3>The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.</h3>
+    
+<nav class="end-nav side-padding card-container card content">
+      <section class="webring">
+  <h3>Articles from blogs I follow around the net</h3>
+  <section class="articles">
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://solar.lowtechmagazine.com/2021/03/urban-fish-ponds-low-tech-sewage-treatment-for-towns-and-cities.html" target="_blank" rel="noopener">Urban Fish Ponds: Low-tech Sewage Treatment for Towns and Cities</a>
+      </h4>
+      <p class="summary">In the mid 20th century, whole cities’ sewage systems safely and successfully used fish to treat and purify their water. Waste-fed fish ponds are a low-tech, cheap, and sustainable alternative to deal with our own shit — and to obtain high protein food in…</p>
+      <small class="source">
+        via <a href="https://solar.lowtechmagazine.com/">LOW←TECH MAGAZINE</a>
+      </small>
+      <small class="date">March 28, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://www.laquadrature.net/2021/03/26/gendnotes-entre-flicage-inavoue-et-mauvaise-foi/" target="_blank" rel="noopener">GendNotes : entre flicage inavoué et mauvaise foi</a>
+      </h4>
+      <p class="summary">Il y a plus d&#39;un an, le gouvernement autorisait par décret la gendarmerie à utiliser une application de prise de notes sur téléphone mobile intitulée GendNotes. Nous avions déposé un recours contre ce décret devant…</p>
+      <small class="source">
+        via <a href="https://www.laquadrature.net">La Quadrature du Net</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://mamot.fr/@n07070/105955483490021614" target="_blank" rel="noopener">n07070: “N&#39;empêche, …”</a>
+      </h4>
+      <p class="summary">N&#39;empêche, vu la situation actuelle, heureusement que la réforme de la sécu c&#39;était pas le premier truc à l&#39;ordre du jour des destructions prévues par Macron...</p>
+      <small class="source">
+        via <a href="https://mamot.fr/@n07070">N07070 (@n07070@mamot.fr)</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+  </section>
+  <p class="attribution">
+    Generated by
+    <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
+  </p>
+</section>
+<style>
+.webring .articles {
+  display: flex;
+  flex-wrap: wrap;
+  margin: -0.5rem;
+}
+.webring .title {
+  margin: 0;
+}
+.webring .article {
+  flex: 1 1 0;
+  display: flex;
+  flex-direction: column;
+  margin: 0.5rem;
+  padding: 0.5rem;
+  min-width: 10rem;
+}
+.webring .summary {
+  font-size: 0.8rem;
+  flex: 1 1 0;
+}
+.webring .attribution {
+  text-align: right;
+  font-size: 0.8rem;
+}
+</style>
+
+
+</nav>
+
+
+<footer class="content card card-container side-padding" >
+    <h3>The Octet Press is N07070's blog. It's self-hosted, low-tech, without javascript and static, as it should be.</h3><sup><a href="">Why ?</a></sup>
 </footer>
 
     
diff --git a/public/articles/cool-links/january/index.html b/public/articles/cool-links/january/index.html
index 4665421..ab2a919 100644
--- a/public/articles/cool-links/january/index.html
+++ b/public/articles/cool-links/january/index.html
@@ -116,8 +116,84 @@
 
       
     </nav>
-    <footer class="content card card-container side-padding " >
-    <h3>The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.</h3>
+    
+<nav class="end-nav side-padding card-container card content">
+      <section class="webring">
+  <h3>Articles from blogs I follow around the net</h3>
+  <section class="articles">
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://solar.lowtechmagazine.com/2021/03/urban-fish-ponds-low-tech-sewage-treatment-for-towns-and-cities.html" target="_blank" rel="noopener">Urban Fish Ponds: Low-tech Sewage Treatment for Towns and Cities</a>
+      </h4>
+      <p class="summary">In the mid 20th century, whole cities’ sewage systems safely and successfully used fish to treat and purify their water. Waste-fed fish ponds are a low-tech, cheap, and sustainable alternative to deal with our own shit — and to obtain high protein food in…</p>
+      <small class="source">
+        via <a href="https://solar.lowtechmagazine.com/">LOW←TECH MAGAZINE</a>
+      </small>
+      <small class="date">March 28, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://www.laquadrature.net/2021/03/26/gendnotes-entre-flicage-inavoue-et-mauvaise-foi/" target="_blank" rel="noopener">GendNotes : entre flicage inavoué et mauvaise foi</a>
+      </h4>
+      <p class="summary">Il y a plus d&#39;un an, le gouvernement autorisait par décret la gendarmerie à utiliser une application de prise de notes sur téléphone mobile intitulée GendNotes. Nous avions déposé un recours contre ce décret devant…</p>
+      <small class="source">
+        via <a href="https://www.laquadrature.net">La Quadrature du Net</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://mamot.fr/@n07070/105955483490021614" target="_blank" rel="noopener">n07070: “N&#39;empêche, …”</a>
+      </h4>
+      <p class="summary">N&#39;empêche, vu la situation actuelle, heureusement que la réforme de la sécu c&#39;était pas le premier truc à l&#39;ordre du jour des destructions prévues par Macron...</p>
+      <small class="source">
+        via <a href="https://mamot.fr/@n07070">N07070 (@n07070@mamot.fr)</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+  </section>
+  <p class="attribution">
+    Generated by
+    <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
+  </p>
+</section>
+<style>
+.webring .articles {
+  display: flex;
+  flex-wrap: wrap;
+  margin: -0.5rem;
+}
+.webring .title {
+  margin: 0;
+}
+.webring .article {
+  flex: 1 1 0;
+  display: flex;
+  flex-direction: column;
+  margin: 0.5rem;
+  padding: 0.5rem;
+  min-width: 10rem;
+}
+.webring .summary {
+  font-size: 0.8rem;
+  flex: 1 1 0;
+}
+.webring .attribution {
+  text-align: right;
+  font-size: 0.8rem;
+}
+</style>
+
+
+</nav>
+
+
+<footer class="content card card-container side-padding" >
+    <h3>The Octet Press is N07070's blog. It's self-hosted, low-tech, without javascript and static, as it should be.</h3><sup><a href="">Why ?</a></sup>
 </footer>
 
     
diff --git a/public/articles/cool-links/july/index.html b/public/articles/cool-links/july/index.html
index 683659e..54653ac 100644
--- a/public/articles/cool-links/july/index.html
+++ b/public/articles/cool-links/july/index.html
@@ -106,8 +106,84 @@
 
       
     </nav>
-    <footer class="content card card-container side-padding " >
-    <h3>The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.</h3>
+    
+<nav class="end-nav side-padding card-container card content">
+      <section class="webring">
+  <h3>Articles from blogs I follow around the net</h3>
+  <section class="articles">
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://solar.lowtechmagazine.com/2021/03/urban-fish-ponds-low-tech-sewage-treatment-for-towns-and-cities.html" target="_blank" rel="noopener">Urban Fish Ponds: Low-tech Sewage Treatment for Towns and Cities</a>
+      </h4>
+      <p class="summary">In the mid 20th century, whole cities’ sewage systems safely and successfully used fish to treat and purify their water. Waste-fed fish ponds are a low-tech, cheap, and sustainable alternative to deal with our own shit — and to obtain high protein food in…</p>
+      <small class="source">
+        via <a href="https://solar.lowtechmagazine.com/">LOW←TECH MAGAZINE</a>
+      </small>
+      <small class="date">March 28, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://www.laquadrature.net/2021/03/26/gendnotes-entre-flicage-inavoue-et-mauvaise-foi/" target="_blank" rel="noopener">GendNotes : entre flicage inavoué et mauvaise foi</a>
+      </h4>
+      <p class="summary">Il y a plus d&#39;un an, le gouvernement autorisait par décret la gendarmerie à utiliser une application de prise de notes sur téléphone mobile intitulée GendNotes. Nous avions déposé un recours contre ce décret devant…</p>
+      <small class="source">
+        via <a href="https://www.laquadrature.net">La Quadrature du Net</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://mamot.fr/@n07070/105955483490021614" target="_blank" rel="noopener">n07070: “N&#39;empêche, …”</a>
+      </h4>
+      <p class="summary">N&#39;empêche, vu la situation actuelle, heureusement que la réforme de la sécu c&#39;était pas le premier truc à l&#39;ordre du jour des destructions prévues par Macron...</p>
+      <small class="source">
+        via <a href="https://mamot.fr/@n07070">N07070 (@n07070@mamot.fr)</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+  </section>
+  <p class="attribution">
+    Generated by
+    <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
+  </p>
+</section>
+<style>
+.webring .articles {
+  display: flex;
+  flex-wrap: wrap;
+  margin: -0.5rem;
+}
+.webring .title {
+  margin: 0;
+}
+.webring .article {
+  flex: 1 1 0;
+  display: flex;
+  flex-direction: column;
+  margin: 0.5rem;
+  padding: 0.5rem;
+  min-width: 10rem;
+}
+.webring .summary {
+  font-size: 0.8rem;
+  flex: 1 1 0;
+}
+.webring .attribution {
+  text-align: right;
+  font-size: 0.8rem;
+}
+</style>
+
+
+</nav>
+
+
+<footer class="content card card-container side-padding" >
+    <h3>The Octet Press is N07070's blog. It's self-hosted, low-tech, without javascript and static, as it should be.</h3><sup><a href="">Why ?</a></sup>
 </footer>
 
     
diff --git a/public/articles/cool-links/june/index.html b/public/articles/cool-links/june/index.html
index c1d972f..c49e131 100644
--- a/public/articles/cool-links/june/index.html
+++ b/public/articles/cool-links/june/index.html
@@ -110,8 +110,84 @@
 
       
     </nav>
-    <footer class="content card card-container side-padding " >
-    <h3>The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.</h3>
+    
+<nav class="end-nav side-padding card-container card content">
+      <section class="webring">
+  <h3>Articles from blogs I follow around the net</h3>
+  <section class="articles">
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://solar.lowtechmagazine.com/2021/03/urban-fish-ponds-low-tech-sewage-treatment-for-towns-and-cities.html" target="_blank" rel="noopener">Urban Fish Ponds: Low-tech Sewage Treatment for Towns and Cities</a>
+      </h4>
+      <p class="summary">In the mid 20th century, whole cities’ sewage systems safely and successfully used fish to treat and purify their water. Waste-fed fish ponds are a low-tech, cheap, and sustainable alternative to deal with our own shit — and to obtain high protein food in…</p>
+      <small class="source">
+        via <a href="https://solar.lowtechmagazine.com/">LOW←TECH MAGAZINE</a>
+      </small>
+      <small class="date">March 28, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://www.laquadrature.net/2021/03/26/gendnotes-entre-flicage-inavoue-et-mauvaise-foi/" target="_blank" rel="noopener">GendNotes : entre flicage inavoué et mauvaise foi</a>
+      </h4>
+      <p class="summary">Il y a plus d&#39;un an, le gouvernement autorisait par décret la gendarmerie à utiliser une application de prise de notes sur téléphone mobile intitulée GendNotes. Nous avions déposé un recours contre ce décret devant…</p>
+      <small class="source">
+        via <a href="https://www.laquadrature.net">La Quadrature du Net</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://mamot.fr/@n07070/105955483490021614" target="_blank" rel="noopener">n07070: “N&#39;empêche, …”</a>
+      </h4>
+      <p class="summary">N&#39;empêche, vu la situation actuelle, heureusement que la réforme de la sécu c&#39;était pas le premier truc à l&#39;ordre du jour des destructions prévues par Macron...</p>
+      <small class="source">
+        via <a href="https://mamot.fr/@n07070">N07070 (@n07070@mamot.fr)</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+  </section>
+  <p class="attribution">
+    Generated by
+    <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
+  </p>
+</section>
+<style>
+.webring .articles {
+  display: flex;
+  flex-wrap: wrap;
+  margin: -0.5rem;
+}
+.webring .title {
+  margin: 0;
+}
+.webring .article {
+  flex: 1 1 0;
+  display: flex;
+  flex-direction: column;
+  margin: 0.5rem;
+  padding: 0.5rem;
+  min-width: 10rem;
+}
+.webring .summary {
+  font-size: 0.8rem;
+  flex: 1 1 0;
+}
+.webring .attribution {
+  text-align: right;
+  font-size: 0.8rem;
+}
+</style>
+
+
+</nav>
+
+
+<footer class="content card card-container side-padding" >
+    <h3>The Octet Press is N07070's blog. It's self-hosted, low-tech, without javascript and static, as it should be.</h3><sup><a href="">Why ?</a></sup>
 </footer>
 
     
diff --git a/public/articles/cool-links/march/index.html b/public/articles/cool-links/march/index.html
index 7295c40..0e68c0e 100644
--- a/public/articles/cool-links/march/index.html
+++ b/public/articles/cool-links/march/index.html
@@ -158,8 +158,84 @@
 
       
     </nav>
-    <footer class="content card card-container side-padding " >
-    <h3>The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.</h3>
+    
+<nav class="end-nav side-padding card-container card content">
+      <section class="webring">
+  <h3>Articles from blogs I follow around the net</h3>
+  <section class="articles">
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://solar.lowtechmagazine.com/2021/03/urban-fish-ponds-low-tech-sewage-treatment-for-towns-and-cities.html" target="_blank" rel="noopener">Urban Fish Ponds: Low-tech Sewage Treatment for Towns and Cities</a>
+      </h4>
+      <p class="summary">In the mid 20th century, whole cities’ sewage systems safely and successfully used fish to treat and purify their water. Waste-fed fish ponds are a low-tech, cheap, and sustainable alternative to deal with our own shit — and to obtain high protein food in…</p>
+      <small class="source">
+        via <a href="https://solar.lowtechmagazine.com/">LOW←TECH MAGAZINE</a>
+      </small>
+      <small class="date">March 28, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://www.laquadrature.net/2021/03/26/gendnotes-entre-flicage-inavoue-et-mauvaise-foi/" target="_blank" rel="noopener">GendNotes : entre flicage inavoué et mauvaise foi</a>
+      </h4>
+      <p class="summary">Il y a plus d&#39;un an, le gouvernement autorisait par décret la gendarmerie à utiliser une application de prise de notes sur téléphone mobile intitulée GendNotes. Nous avions déposé un recours contre ce décret devant…</p>
+      <small class="source">
+        via <a href="https://www.laquadrature.net">La Quadrature du Net</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://mamot.fr/@n07070/105955483490021614" target="_blank" rel="noopener">n07070: “N&#39;empêche, …”</a>
+      </h4>
+      <p class="summary">N&#39;empêche, vu la situation actuelle, heureusement que la réforme de la sécu c&#39;était pas le premier truc à l&#39;ordre du jour des destructions prévues par Macron...</p>
+      <small class="source">
+        via <a href="https://mamot.fr/@n07070">N07070 (@n07070@mamot.fr)</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+  </section>
+  <p class="attribution">
+    Generated by
+    <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
+  </p>
+</section>
+<style>
+.webring .articles {
+  display: flex;
+  flex-wrap: wrap;
+  margin: -0.5rem;
+}
+.webring .title {
+  margin: 0;
+}
+.webring .article {
+  flex: 1 1 0;
+  display: flex;
+  flex-direction: column;
+  margin: 0.5rem;
+  padding: 0.5rem;
+  min-width: 10rem;
+}
+.webring .summary {
+  font-size: 0.8rem;
+  flex: 1 1 0;
+}
+.webring .attribution {
+  text-align: right;
+  font-size: 0.8rem;
+}
+</style>
+
+
+</nav>
+
+
+<footer class="content card card-container side-padding" >
+    <h3>The Octet Press is N07070's blog. It's self-hosted, low-tech, without javascript and static, as it should be.</h3><sup><a href="">Why ?</a></sup>
 </footer>
 
     
diff --git a/public/articles/cool-links/may/index.html b/public/articles/cool-links/may/index.html
index 2d766dd..3ac791a 100644
--- a/public/articles/cool-links/may/index.html
+++ b/public/articles/cool-links/may/index.html
@@ -141,8 +141,84 @@
 
       
     </nav>
-    <footer class="content card card-container side-padding " >
-    <h3>The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.</h3>
+    
+<nav class="end-nav side-padding card-container card content">
+      <section class="webring">
+  <h3>Articles from blogs I follow around the net</h3>
+  <section class="articles">
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://solar.lowtechmagazine.com/2021/03/urban-fish-ponds-low-tech-sewage-treatment-for-towns-and-cities.html" target="_blank" rel="noopener">Urban Fish Ponds: Low-tech Sewage Treatment for Towns and Cities</a>
+      </h4>
+      <p class="summary">In the mid 20th century, whole cities’ sewage systems safely and successfully used fish to treat and purify their water. Waste-fed fish ponds are a low-tech, cheap, and sustainable alternative to deal with our own shit — and to obtain high protein food in…</p>
+      <small class="source">
+        via <a href="https://solar.lowtechmagazine.com/">LOW←TECH MAGAZINE</a>
+      </small>
+      <small class="date">March 28, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://www.laquadrature.net/2021/03/26/gendnotes-entre-flicage-inavoue-et-mauvaise-foi/" target="_blank" rel="noopener">GendNotes : entre flicage inavoué et mauvaise foi</a>
+      </h4>
+      <p class="summary">Il y a plus d&#39;un an, le gouvernement autorisait par décret la gendarmerie à utiliser une application de prise de notes sur téléphone mobile intitulée GendNotes. Nous avions déposé un recours contre ce décret devant…</p>
+      <small class="source">
+        via <a href="https://www.laquadrature.net">La Quadrature du Net</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://mamot.fr/@n07070/105955483490021614" target="_blank" rel="noopener">n07070: “N&#39;empêche, …”</a>
+      </h4>
+      <p class="summary">N&#39;empêche, vu la situation actuelle, heureusement que la réforme de la sécu c&#39;était pas le premier truc à l&#39;ordre du jour des destructions prévues par Macron...</p>
+      <small class="source">
+        via <a href="https://mamot.fr/@n07070">N07070 (@n07070@mamot.fr)</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+  </section>
+  <p class="attribution">
+    Generated by
+    <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
+  </p>
+</section>
+<style>
+.webring .articles {
+  display: flex;
+  flex-wrap: wrap;
+  margin: -0.5rem;
+}
+.webring .title {
+  margin: 0;
+}
+.webring .article {
+  flex: 1 1 0;
+  display: flex;
+  flex-direction: column;
+  margin: 0.5rem;
+  padding: 0.5rem;
+  min-width: 10rem;
+}
+.webring .summary {
+  font-size: 0.8rem;
+  flex: 1 1 0;
+}
+.webring .attribution {
+  text-align: right;
+  font-size: 0.8rem;
+}
+</style>
+
+
+</nav>
+
+
+<footer class="content card card-container side-padding" >
+    <h3>The Octet Press is N07070's blog. It's self-hosted, low-tech, without javascript and static, as it should be.</h3><sup><a href="">Why ?</a></sup>
 </footer>
 
     
diff --git a/public/articles/cool-links/september/index.html b/public/articles/cool-links/september/index.html
index 16f3fd1..1b98d94 100644
--- a/public/articles/cool-links/september/index.html
+++ b/public/articles/cool-links/september/index.html
@@ -101,8 +101,84 @@
 
       
     </nav>
-    <footer class="content card card-container side-padding " >
-    <h3>The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.</h3>
+    
+<nav class="end-nav side-padding card-container card content">
+      <section class="webring">
+  <h3>Articles from blogs I follow around the net</h3>
+  <section class="articles">
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://solar.lowtechmagazine.com/2021/03/urban-fish-ponds-low-tech-sewage-treatment-for-towns-and-cities.html" target="_blank" rel="noopener">Urban Fish Ponds: Low-tech Sewage Treatment for Towns and Cities</a>
+      </h4>
+      <p class="summary">In the mid 20th century, whole cities’ sewage systems safely and successfully used fish to treat and purify their water. Waste-fed fish ponds are a low-tech, cheap, and sustainable alternative to deal with our own shit — and to obtain high protein food in…</p>
+      <small class="source">
+        via <a href="https://solar.lowtechmagazine.com/">LOW←TECH MAGAZINE</a>
+      </small>
+      <small class="date">March 28, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://www.laquadrature.net/2021/03/26/gendnotes-entre-flicage-inavoue-et-mauvaise-foi/" target="_blank" rel="noopener">GendNotes : entre flicage inavoué et mauvaise foi</a>
+      </h4>
+      <p class="summary">Il y a plus d&#39;un an, le gouvernement autorisait par décret la gendarmerie à utiliser une application de prise de notes sur téléphone mobile intitulée GendNotes. Nous avions déposé un recours contre ce décret devant…</p>
+      <small class="source">
+        via <a href="https://www.laquadrature.net">La Quadrature du Net</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://mamot.fr/@n07070/105955483490021614" target="_blank" rel="noopener">n07070: “N&#39;empêche, …”</a>
+      </h4>
+      <p class="summary">N&#39;empêche, vu la situation actuelle, heureusement que la réforme de la sécu c&#39;était pas le premier truc à l&#39;ordre du jour des destructions prévues par Macron...</p>
+      <small class="source">
+        via <a href="https://mamot.fr/@n07070">N07070 (@n07070@mamot.fr)</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+  </section>
+  <p class="attribution">
+    Generated by
+    <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
+  </p>
+</section>
+<style>
+.webring .articles {
+  display: flex;
+  flex-wrap: wrap;
+  margin: -0.5rem;
+}
+.webring .title {
+  margin: 0;
+}
+.webring .article {
+  flex: 1 1 0;
+  display: flex;
+  flex-direction: column;
+  margin: 0.5rem;
+  padding: 0.5rem;
+  min-width: 10rem;
+}
+.webring .summary {
+  font-size: 0.8rem;
+  flex: 1 1 0;
+}
+.webring .attribution {
+  text-align: right;
+  font-size: 0.8rem;
+}
+</style>
+
+
+</nav>
+
+
+<footer class="content card card-container side-padding" >
+    <h3>The Octet Press is N07070's blog. It's self-hosted, low-tech, without javascript and static, as it should be.</h3><sup><a href="">Why ?</a></sup>
 </footer>
 
     
diff --git a/public/articles/hello-world/index.html b/public/articles/hello-world/index.html
index 1ec0d84..0011519 100644
--- a/public/articles/hello-world/index.html
+++ b/public/articles/hello-world/index.html
@@ -65,8 +65,84 @@
     <nav class="end-nav side-padding">
       
     </nav>
-    <footer class="content card card-container side-padding " >
-    <h3>The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.</h3>
+    
+<nav class="end-nav side-padding card-container card content">
+      <section class="webring">
+  <h3>Articles from blogs I follow around the net</h3>
+  <section class="articles">
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://solar.lowtechmagazine.com/2021/03/urban-fish-ponds-low-tech-sewage-treatment-for-towns-and-cities.html" target="_blank" rel="noopener">Urban Fish Ponds: Low-tech Sewage Treatment for Towns and Cities</a>
+      </h4>
+      <p class="summary">In the mid 20th century, whole cities’ sewage systems safely and successfully used fish to treat and purify their water. Waste-fed fish ponds are a low-tech, cheap, and sustainable alternative to deal with our own shit — and to obtain high protein food in…</p>
+      <small class="source">
+        via <a href="https://solar.lowtechmagazine.com/">LOW←TECH MAGAZINE</a>
+      </small>
+      <small class="date">March 28, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://www.laquadrature.net/2021/03/26/gendnotes-entre-flicage-inavoue-et-mauvaise-foi/" target="_blank" rel="noopener">GendNotes : entre flicage inavoué et mauvaise foi</a>
+      </h4>
+      <p class="summary">Il y a plus d&#39;un an, le gouvernement autorisait par décret la gendarmerie à utiliser une application de prise de notes sur téléphone mobile intitulée GendNotes. Nous avions déposé un recours contre ce décret devant…</p>
+      <small class="source">
+        via <a href="https://www.laquadrature.net">La Quadrature du Net</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://mamot.fr/@n07070/105955483490021614" target="_blank" rel="noopener">n07070: “N&#39;empêche, …”</a>
+      </h4>
+      <p class="summary">N&#39;empêche, vu la situation actuelle, heureusement que la réforme de la sécu c&#39;était pas le premier truc à l&#39;ordre du jour des destructions prévues par Macron...</p>
+      <small class="source">
+        via <a href="https://mamot.fr/@n07070">N07070 (@n07070@mamot.fr)</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+  </section>
+  <p class="attribution">
+    Generated by
+    <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
+  </p>
+</section>
+<style>
+.webring .articles {
+  display: flex;
+  flex-wrap: wrap;
+  margin: -0.5rem;
+}
+.webring .title {
+  margin: 0;
+}
+.webring .article {
+  flex: 1 1 0;
+  display: flex;
+  flex-direction: column;
+  margin: 0.5rem;
+  padding: 0.5rem;
+  min-width: 10rem;
+}
+.webring .summary {
+  font-size: 0.8rem;
+  flex: 1 1 0;
+}
+.webring .attribution {
+  text-align: right;
+  font-size: 0.8rem;
+}
+</style>
+
+
+</nav>
+
+
+<footer class="content card card-container side-padding" >
+    <h3>The Octet Press is N07070's blog. It's self-hosted, low-tech, without javascript and static, as it should be.</h3><sup><a href="">Why ?</a></sup>
 </footer>
 
     
diff --git a/public/articles/interop-revue-de-press/index.html b/public/articles/interop-revue-de-press/index.html
index 815be1a..f0f040e 100644
--- a/public/articles/interop-revue-de-press/index.html
+++ b/public/articles/interop-revue-de-press/index.html
@@ -128,8 +128,84 @@ Ce qui caractérise la manière dont l’internet assiste la sociabilité, c’e
 
       
     </nav>
-    <footer class="content card card-container side-padding " >
-    <h3>The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.</h3>
+    
+<nav class="end-nav side-padding card-container card content">
+      <section class="webring">
+  <h3>Articles from blogs I follow around the net</h3>
+  <section class="articles">
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://solar.lowtechmagazine.com/2021/03/urban-fish-ponds-low-tech-sewage-treatment-for-towns-and-cities.html" target="_blank" rel="noopener">Urban Fish Ponds: Low-tech Sewage Treatment for Towns and Cities</a>
+      </h4>
+      <p class="summary">In the mid 20th century, whole cities’ sewage systems safely and successfully used fish to treat and purify their water. Waste-fed fish ponds are a low-tech, cheap, and sustainable alternative to deal with our own shit — and to obtain high protein food in…</p>
+      <small class="source">
+        via <a href="https://solar.lowtechmagazine.com/">LOW←TECH MAGAZINE</a>
+      </small>
+      <small class="date">March 28, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://www.laquadrature.net/2021/03/26/gendnotes-entre-flicage-inavoue-et-mauvaise-foi/" target="_blank" rel="noopener">GendNotes : entre flicage inavoué et mauvaise foi</a>
+      </h4>
+      <p class="summary">Il y a plus d&#39;un an, le gouvernement autorisait par décret la gendarmerie à utiliser une application de prise de notes sur téléphone mobile intitulée GendNotes. Nous avions déposé un recours contre ce décret devant…</p>
+      <small class="source">
+        via <a href="https://www.laquadrature.net">La Quadrature du Net</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://mamot.fr/@n07070/105955483490021614" target="_blank" rel="noopener">n07070: “N&#39;empêche, …”</a>
+      </h4>
+      <p class="summary">N&#39;empêche, vu la situation actuelle, heureusement que la réforme de la sécu c&#39;était pas le premier truc à l&#39;ordre du jour des destructions prévues par Macron...</p>
+      <small class="source">
+        via <a href="https://mamot.fr/@n07070">N07070 (@n07070@mamot.fr)</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+  </section>
+  <p class="attribution">
+    Generated by
+    <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
+  </p>
+</section>
+<style>
+.webring .articles {
+  display: flex;
+  flex-wrap: wrap;
+  margin: -0.5rem;
+}
+.webring .title {
+  margin: 0;
+}
+.webring .article {
+  flex: 1 1 0;
+  display: flex;
+  flex-direction: column;
+  margin: 0.5rem;
+  padding: 0.5rem;
+  min-width: 10rem;
+}
+.webring .summary {
+  font-size: 0.8rem;
+  flex: 1 1 0;
+}
+.webring .attribution {
+  text-align: right;
+  font-size: 0.8rem;
+}
+</style>
+
+
+</nav>
+
+
+<footer class="content card card-container side-padding" >
+    <h3>The Octet Press is N07070's blog. It's self-hosted, low-tech, without javascript and static, as it should be.</h3><sup><a href="">Why ?</a></sup>
 </footer>
 
     
diff --git a/public/articles/mesh-networks-peoples-internet-in-cuba/index.html b/public/articles/mesh-networks-peoples-internet-in-cuba/index.html
index de93c1d..b04cbc6 100644
--- a/public/articles/mesh-networks-peoples-internet-in-cuba/index.html
+++ b/public/articles/mesh-networks-peoples-internet-in-cuba/index.html
@@ -171,8 +171,84 @@ _- translated from <a href="https://www.youtube.com/watch?v=8PUoyzkkt8M">here</a
 
       
     </nav>
-    <footer class="content card card-container side-padding " >
-    <h3>The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.</h3>
+    
+<nav class="end-nav side-padding card-container card content">
+      <section class="webring">
+  <h3>Articles from blogs I follow around the net</h3>
+  <section class="articles">
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://solar.lowtechmagazine.com/2021/03/urban-fish-ponds-low-tech-sewage-treatment-for-towns-and-cities.html" target="_blank" rel="noopener">Urban Fish Ponds: Low-tech Sewage Treatment for Towns and Cities</a>
+      </h4>
+      <p class="summary">In the mid 20th century, whole cities’ sewage systems safely and successfully used fish to treat and purify their water. Waste-fed fish ponds are a low-tech, cheap, and sustainable alternative to deal with our own shit — and to obtain high protein food in…</p>
+      <small class="source">
+        via <a href="https://solar.lowtechmagazine.com/">LOW←TECH MAGAZINE</a>
+      </small>
+      <small class="date">March 28, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://www.laquadrature.net/2021/03/26/gendnotes-entre-flicage-inavoue-et-mauvaise-foi/" target="_blank" rel="noopener">GendNotes : entre flicage inavoué et mauvaise foi</a>
+      </h4>
+      <p class="summary">Il y a plus d&#39;un an, le gouvernement autorisait par décret la gendarmerie à utiliser une application de prise de notes sur téléphone mobile intitulée GendNotes. Nous avions déposé un recours contre ce décret devant…</p>
+      <small class="source">
+        via <a href="https://www.laquadrature.net">La Quadrature du Net</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://mamot.fr/@n07070/105955483490021614" target="_blank" rel="noopener">n07070: “N&#39;empêche, …”</a>
+      </h4>
+      <p class="summary">N&#39;empêche, vu la situation actuelle, heureusement que la réforme de la sécu c&#39;était pas le premier truc à l&#39;ordre du jour des destructions prévues par Macron...</p>
+      <small class="source">
+        via <a href="https://mamot.fr/@n07070">N07070 (@n07070@mamot.fr)</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+  </section>
+  <p class="attribution">
+    Generated by
+    <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
+  </p>
+</section>
+<style>
+.webring .articles {
+  display: flex;
+  flex-wrap: wrap;
+  margin: -0.5rem;
+}
+.webring .title {
+  margin: 0;
+}
+.webring .article {
+  flex: 1 1 0;
+  display: flex;
+  flex-direction: column;
+  margin: 0.5rem;
+  padding: 0.5rem;
+  min-width: 10rem;
+}
+.webring .summary {
+  font-size: 0.8rem;
+  flex: 1 1 0;
+}
+.webring .attribution {
+  text-align: right;
+  font-size: 0.8rem;
+}
+</style>
+
+
+</nav>
+
+
+<footer class="content card card-container side-padding" >
+    <h3>The Octet Press is N07070's blog. It's self-hosted, low-tech, without javascript and static, as it should be.</h3><sup><a href="">Why ?</a></sup>
 </footer>
 
     
diff --git a/public/articles/un-mastodon-dans-le-cyber-espace/index.html b/public/articles/un-mastodon-dans-le-cyber-espace/index.html
index 46a94b3..569f4b2 100644
--- a/public/articles/un-mastodon-dans-le-cyber-espace/index.html
+++ b/public/articles/un-mastodon-dans-le-cyber-espace/index.html
@@ -110,8 +110,84 @@
 
       
     </nav>
-    <footer class="content card card-container side-padding " >
-    <h3>The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.</h3>
+    
+<nav class="end-nav side-padding card-container card content">
+      <section class="webring">
+  <h3>Articles from blogs I follow around the net</h3>
+  <section class="articles">
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://solar.lowtechmagazine.com/2021/03/urban-fish-ponds-low-tech-sewage-treatment-for-towns-and-cities.html" target="_blank" rel="noopener">Urban Fish Ponds: Low-tech Sewage Treatment for Towns and Cities</a>
+      </h4>
+      <p class="summary">In the mid 20th century, whole cities’ sewage systems safely and successfully used fish to treat and purify their water. Waste-fed fish ponds are a low-tech, cheap, and sustainable alternative to deal with our own shit — and to obtain high protein food in…</p>
+      <small class="source">
+        via <a href="https://solar.lowtechmagazine.com/">LOW←TECH MAGAZINE</a>
+      </small>
+      <small class="date">March 28, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://www.laquadrature.net/2021/03/26/gendnotes-entre-flicage-inavoue-et-mauvaise-foi/" target="_blank" rel="noopener">GendNotes : entre flicage inavoué et mauvaise foi</a>
+      </h4>
+      <p class="summary">Il y a plus d&#39;un an, le gouvernement autorisait par décret la gendarmerie à utiliser une application de prise de notes sur téléphone mobile intitulée GendNotes. Nous avions déposé un recours contre ce décret devant…</p>
+      <small class="source">
+        via <a href="https://www.laquadrature.net">La Quadrature du Net</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://mamot.fr/@n07070/105955483490021614" target="_blank" rel="noopener">n07070: “N&#39;empêche, …”</a>
+      </h4>
+      <p class="summary">N&#39;empêche, vu la situation actuelle, heureusement que la réforme de la sécu c&#39;était pas le premier truc à l&#39;ordre du jour des destructions prévues par Macron...</p>
+      <small class="source">
+        via <a href="https://mamot.fr/@n07070">N07070 (@n07070@mamot.fr)</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+  </section>
+  <p class="attribution">
+    Generated by
+    <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
+  </p>
+</section>
+<style>
+.webring .articles {
+  display: flex;
+  flex-wrap: wrap;
+  margin: -0.5rem;
+}
+.webring .title {
+  margin: 0;
+}
+.webring .article {
+  flex: 1 1 0;
+  display: flex;
+  flex-direction: column;
+  margin: 0.5rem;
+  padding: 0.5rem;
+  min-width: 10rem;
+}
+.webring .summary {
+  font-size: 0.8rem;
+  flex: 1 1 0;
+}
+.webring .attribution {
+  text-align: right;
+  font-size: 0.8rem;
+}
+</style>
+
+
+</nav>
+
+
+<footer class="content card card-container side-padding" >
+    <h3>The Octet Press is N07070's blog. It's self-hosted, low-tech, without javascript and static, as it should be.</h3><sup><a href="">Why ?</a></sup>
 </footer>
 
     
diff --git a/public/articles/zapatista-oventik-petite-ecole/index.html b/public/articles/zapatista-oventik-petite-ecole/index.html
index cde8f05..3dfc3b8 100644
--- a/public/articles/zapatista-oventik-petite-ecole/index.html
+++ b/public/articles/zapatista-oventik-petite-ecole/index.html
@@ -137,8 +137,84 @@ anglais</a>.</strong></p>
 
       
     </nav>
-    <footer class="content card card-container side-padding " >
-    <h3>The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.</h3>
+    
+<nav class="end-nav side-padding card-container card content">
+      <section class="webring">
+  <h3>Articles from blogs I follow around the net</h3>
+  <section class="articles">
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://solar.lowtechmagazine.com/2021/03/urban-fish-ponds-low-tech-sewage-treatment-for-towns-and-cities.html" target="_blank" rel="noopener">Urban Fish Ponds: Low-tech Sewage Treatment for Towns and Cities</a>
+      </h4>
+      <p class="summary">In the mid 20th century, whole cities’ sewage systems safely and successfully used fish to treat and purify their water. Waste-fed fish ponds are a low-tech, cheap, and sustainable alternative to deal with our own shit — and to obtain high protein food in…</p>
+      <small class="source">
+        via <a href="https://solar.lowtechmagazine.com/">LOW←TECH MAGAZINE</a>
+      </small>
+      <small class="date">March 28, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://www.laquadrature.net/2021/03/26/gendnotes-entre-flicage-inavoue-et-mauvaise-foi/" target="_blank" rel="noopener">GendNotes : entre flicage inavoué et mauvaise foi</a>
+      </h4>
+      <p class="summary">Il y a plus d&#39;un an, le gouvernement autorisait par décret la gendarmerie à utiliser une application de prise de notes sur téléphone mobile intitulée GendNotes. Nous avions déposé un recours contre ce décret devant…</p>
+      <small class="source">
+        via <a href="https://www.laquadrature.net">La Quadrature du Net</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://mamot.fr/@n07070/105955483490021614" target="_blank" rel="noopener">n07070: “N&#39;empêche, …”</a>
+      </h4>
+      <p class="summary">N&#39;empêche, vu la situation actuelle, heureusement que la réforme de la sécu c&#39;était pas le premier truc à l&#39;ordre du jour des destructions prévues par Macron...</p>
+      <small class="source">
+        via <a href="https://mamot.fr/@n07070">N07070 (@n07070@mamot.fr)</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+  </section>
+  <p class="attribution">
+    Generated by
+    <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
+  </p>
+</section>
+<style>
+.webring .articles {
+  display: flex;
+  flex-wrap: wrap;
+  margin: -0.5rem;
+}
+.webring .title {
+  margin: 0;
+}
+.webring .article {
+  flex: 1 1 0;
+  display: flex;
+  flex-direction: column;
+  margin: 0.5rem;
+  padding: 0.5rem;
+  min-width: 10rem;
+}
+.webring .summary {
+  font-size: 0.8rem;
+  flex: 1 1 0;
+}
+.webring .attribution {
+  text-align: right;
+  font-size: 0.8rem;
+}
+</style>
+
+
+</nav>
+
+
+<footer class="content card card-container side-padding" >
+    <h3>The Octet Press is N07070's blog. It's self-hosted, low-tech, without javascript and static, as it should be.</h3><sup><a href="">Why ?</a></sup>
 </footer>
 
     
diff --git a/public/css/concated.min.css b/public/css/concated.min.css
index 68dd5e2..a96c323 100644
--- a/public/css/concated.min.css
+++ b/public/css/concated.min.css
@@ -1 +1 @@
-/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.color-primary-0{color:#6b6b6b}.color-primary-1{color:#c9c8c8}.color-primary-2{color:#999}.color-primary-3{color:#343434}.color-primary-4{color:#040303}.bg-color-0{background-color:#6b6b6b}.bg-color-1{background-color:#c9c8c8}.bg-color-2{background-color:#999}.bg-color-3{background-color:#343434}.bg-color-4{background-color:#040303}body{font-family:Avenir,HelveticaNeue-Light,helvetica neue light,helvetica neue,Helvetica,Arial,lucida grande,sans-serif;color:#454545;font-size:1.1em;background-size:22px 22px;margin:0;display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;word-break:break-word}} p { margin: 1.5em 0; } .home-header { min-height: 26rem; max-width: 50rem; margin: 0 -1.2rem -5rem -1.2rem; padding: 1.2rem; display: flex; flex-direction: column; z-index: -1; color: white; background-position: center; background-size: cover; } .home-faceshot-card { align-self: center; padding: 0.5rem; margin-bottom: 3rem; max-width: 17rem; width: 100%; background-color: white; border-radius: 1.2rem; box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3); } .home-faceshot { margin: 0; border-radius: 0.8rem; } .home-blob-text-container { margin: 2em 0; max-width: 30rem; line-height: 1.5; } .home-blob-title{ font-size: 1.5em; font-weight: normal; margin: 0; } .home-blob-text{ margin: 0.5em 0 0 0; font-size: 1.1em; } .nav-bar { max-width: 60rem; padding: 0.4em 0; justify-content: space-between; align-items: center; } .nav-header { margin: 0; padding: 0.4em; font-size: 1.4em; } .nav-text { font-weight: normal; text-decoration: none; z-index: 105; color: black; font-weight: bolder; font-size: 3rem; } .menu-container { align-content: space-between; } #menu { list-style: none; } #menu li{ list-style: none; font-weight: bold; display: inline; padding: 0 1em 1em 0; margin-top: 0.4em; display: inline-grid; } .post { margin: 0 0 1em 0; line-height: 1.9; } .post-header { margin: 0 0 1.5em 0; } .post-title { font-size: 1.8em; font-weight: 500; line-height: 1.2; margin: 0 0 0.4em 0; font-family: serif; } .post-date { display: block; color: #7a7b7c; font-size: 0.7em; margin: 0; } .post-figure { margin: 1.5em 0; } .dropcase>p:first-of-type::first-letter { float: left; font-size: 3em; line-height: 1; margin: 0.08em 0.15em -0.4em 0; } .content { background-color: white; padding: 2em 0; margin-bottom: 3rem; margin-top: 1em; width: 100%; max-width: 50rem; z-index: 2; transition: transform 0.2s cubic-bezier(0.25,0.8,0.25,1),box-shadow 0.2s cubic-bezier(0.25,0.8,0.25,1); box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3); } .list-header { margin: 1em; text-align: center; } .list-header-title { margin: 0.1em 0 0.1em 0; font-size: 2em; text-transform: uppercase; } .list-header-subtext { font-weight: normal; font-size: 1.5em; line-height: 1.6; margin: 0; } .list-header-content { margin: 5em 0; line-height: 1.6em; } .card-container { max-width: 48rem; } .card { display: block; margin: 3rem 0; box-sizing: border-box; background-color: white; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); transition: transform 0.2s cubic-bezier(0.25,0.8,0.25,1),box-shadow 0.2s cubic-bezier(0.25,0.8,0.25,1); box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3); } .home-card { padding: 0.8em; font-size: 2em; font-weight: bold; text-align: center; color: white; background-position: center center; object-fit: cover; } .blog-card { display: flex; flex-direction: column; align-items: stretch; border-style: solid; } .bc-next { margin-top: 0; } .card-img-container { position: relative; margin: 0.5rem; background-color: grey; } .card-img { margin: 0 0 -0.7em 0; max-height: 10em; object-fit: cover; } .card-img-overlay { position: absolute; top: 0; font-size: 1.27em; text-align: center; padding: 0.77em 0; width: 100%; box-sizing: border-box; margin: 0; color: white; background-color: rgba(0,0,0,0.4); z-index: 5; } .card-body { margin: 1.3em 1.5em; line-height: 1.6; } .card-title { margin: 0; color: black; font-size: 1.3em; font-weight: 500; font-family: serif; } .card-text { margin: 1em 0; } .card-subtext { display: flex; flex-direction: row; justify-content: flex-start; font-size: 0.8em; } .card-subtext>p { margin: 0; } .card-subtext>p+p { margin-left: 1em; padding-left: 1em; word-spacing: 0.5em; border-left: thin solid #7a7b7c; } .end-nav { width: 100%; max-width: 48rem; z-index: 2; } .pagination-nav { margin: 2em 0; width: 100%; max-width: 47rem; } .pagination-newer { float:left; } .pagination-older { float: right; } .button { padding: 0.5em 0.6em; background-color: #FFF; text-decoration: none; border-radius: 0.3rem; transition: transform 0.1s cubic-bezier(0.25,0.8,0.25,1),box-shadow 0.1s cubic-bezier(0.25,0.8,0.25,1); box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3); } .button:hover { box-shadow: 0 0.05rem 0.15rem rgba(0,0,0,0.12),0 0.05rem 0.1rem rgba(0,0,0,0.24); transform: scale(0.97); } .button:active { transform: scale(1); } .side-gutter { margin-left: 1.2rem !important; margin-right: 1.2rem !important; } .side-padding { padding-left: 1.2rem !important; padding-right: 1.2rem !important; box-sizing: border-box !important; } .side-text-padding { padding-left: 1.2rem !important; padding-right: 1.2rem !important; box-sizing: border-box !important; } .small-pic { display: block; margin-top: 1.5em; } .small-img { width: unset; max-width: 100%; margin: 0 auto 1.5em auto; } .muted-text { color: #8E8E8E; } .katex-display { margin: 1.5em 0; overflow-x: auto; overflow-y: hidden; } #disqus_thread { margin-top: 5em; } .no-scroll { overflow: hidden; position: fixed; } .clear { clear: both; } h1,h2,h3,h4,h5,h6 { margin: 1.5em 0 -0.5em 0; clear: both; } img { display: block; width: 100%; height: auto; margin: 1.5em 0; } blockquote { border-left: 0.3em solid #D1D1D1; margin: 1.5em 0.8em; padding: .5em 0.5em; font-style: italic; } blockquote p { display: inline; } ul,ol { padding-left: 1.6em; } li ul,li ol { padding-left: 1em; } li>p { margin: 0; } code { font-size: 1.1rem; font-family: monospace; padding: .2em .5em; line-height: 1.5; border-radius: 0.3rem; background-color: #f5f6f7; } pre>code { margin: 1.5em 0; display: block; padding: 0.5em; word-break: normal; overflow-x: auto; color: black; } .highlight>pre { background-color: unset !important; } hr { border: 0; border-bottom: thin solid #D1D1D1; margin: 3em 0; clear: both; } a { color: #454545; } table { color: #141823; border-collapse: collapse; border-spacing: 0; margin: 1.5em 0; } td,th { padding: 0.5em 1em; border: thin solid #D1D1D1 } tr:nth-child(even) td { background: #f5f6f7; } footer { height: 17rem; max-width: 50rem; width: 100%; margin-top: -10rem; display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: flex-end; background-position: 40% 0%; background-size: 50rem; text-align: center; } .footer-link { margin: 1rem 0; } .footer-icon { max-width: 3.2rem; margin: 0; } @media only screen and (min-width: 40.063em) { body{font-size:1.15rem}.home-header{flex-direction:row;align-items:flex-start}.home-blob-text-container{margin:4rem 2rem 4rem 6rem;flex-shrink:10}.home-faceshot-card{align-self:unset}.nav-bar{padding:.8em 0;background-color:#fff;z-index:auto}.nav-header{margin:0;font-size:1.4em;background-color:#fff}.nav-text{font-weight:400;text-decoration:none;z-index:105;color:#000;font-weight:bolder;font-size:3rem;background-color:#fff}.list-header-title{font-weight:400;font-size:4.2em}.blog-card{flex-direction:row;align-items:stretch}.card-img{margin:0;max-height:unset;height:100%;width:16em}.card-img-overlay{border-radius:.8rem .8rem 0 0}.card-body{margin:1.3em 1.7em}.card-title{font-size:1.3em}.card-text{font-size:.9em;margin:.8em 0 1.2em}.card-subtext{font-size:.7em;margin-bottom:.7em}.content{}.post{margin:1em 1.8em 2em}.post-title{font-size:2em}.button{border-radius:.2rem}.smartfloat-right{float:right;margin:0 0 1.5em 1.5em}.smartfloat-left{float:left;margin:0 1.5em 1.5em 0}code{border-radius:.2rem}} @media (prefers-color-scheme: dark) { body{color:#eee;background:#121212}body a{color:#809fff}.content{background:#121212}.card-container{background:#121212}.menu-container{color:#fff;background:#121212}.nav-header{background:#121212;color:#fff}.nav-text{background:#121212;color:#fff}.blog-card{background:#121212;color:#fff}.blog-card h2{background:#121212;color:#fff}} @media print { body{word-break:keep-all;font-size:1em;font-family:serif}h1,h2,p,hr{margin:0;padding:0;padding-top:1em}.post{line-height:1}.nav-bar{max-width:none;padding:0}.card{border:none;margin:0}#menu{display:none;float:left;max-width:none}.content{text-align:justify;margin:0;max-width:none}.side-text-padding{padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}.end-nav{display:none}main{padding:none}footer{color:#000;font-size:1em}footer::after{content:"Printed from https://n07070.xyz"}}
\ No newline at end of file
+/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.color-primary-0{color:#6b6b6b}.color-primary-1{color:#c9c8c8}.color-primary-2{color:#999}.color-primary-3{color:#343434}.color-primary-4{color:#040303}.bg-color-0{background-color:#6b6b6b}.bg-color-1{background-color:#c9c8c8}.bg-color-2{background-color:#999}.bg-color-3{background-color:#343434}.bg-color-4{background-color:#040303}body{font-family:Avenir,HelveticaNeue-Light,helvetica neue light,helvetica neue,Helvetica,Arial,lucida grande,sans-serif;color:#454545;font-size:1.1em;background-size:22px 22px;margin:0;display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;word-break:break-word}} p { margin: 1.5em 0; } .home-header { min-height: 26rem; max-width: 50rem; margin: 0 -1.2rem -5rem -1.2rem; padding: 1.2rem; display: flex; flex-direction: column; z-index: -1; color: white; background-position: center; background-size: cover; } .home-faceshot-card { align-self: center; padding: 0.5rem; margin-bottom: 3rem; max-width: 17rem; width: 100%; background-color: white; border-radius: 1.2rem; box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3); } .home-faceshot { margin: 0; border-radius: 0.8rem; } .home-blob-text-container { margin: 2em 0; max-width: 30rem; line-height: 1.5; } .home-blob-title{ font-size: 1.5em; font-weight: normal; margin: 0; } .home-blob-text{ margin: 0.5em 0 0 0; font-size: 1.1em; } .nav-bar { max-width: 60rem; padding: 0.4em 0; justify-content: space-between; align-items: center; } .nav-header { margin: 0; padding: 0.4em; font-size: 1.4em; } .nav-text { font-weight: normal; text-decoration: none; z-index: 105; color: black; font-weight: bolder; font-size: 3rem; } .menu-container { align-content: space-between; } #menu { list-style: none; } #menu li{ list-style: none; font-weight: bold; display: inline; padding: 0 1em 1em 0; margin-top: 0.4em; display: inline-grid; } .post { margin: 0 0 1em 0; line-height: 1.9; } .post-header { margin: 0 0 1.5em 0; } .post-title { font-size: 1.8em; font-weight: 500; line-height: 1.2; margin: 0 0 0.4em 0; font-family: serif; } .post-date { display: block; color: #7a7b7c; font-size: 0.7em; margin: 0; } .post-figure { margin: 1.5em 0; } .dropcase>p:first-of-type::first-letter { float: left; font-size: 3em; line-height: 1; margin: 0.08em 0.15em -0.4em 0; } .content { background-color: white; margin-bottom: 3rem; margin-top: 1em; width: 100%; max-width: 50rem; z-index: 2; transition: transform 0.2s cubic-bezier(0.25,0.8,0.25,1),box-shadow 0.2s cubic-bezier(0.25,0.8,0.25,1); box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3); } .list-header { margin: 1em; text-align: center; } .list-header-title { margin: 0.1em 0 0.1em 0; font-size: 2em; text-transform: uppercase; } .list-header-subtext { font-weight: normal; font-size: 1.5em; line-height: 1.6; margin: 0; } .list-header-content { margin: 5em 0; line-height: 1.6em; } .card-container { max-width: 48rem; } .card { display: block; margin: 3rem 0; box-sizing: border-box; background-color: white; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); transition: transform 0.2s cubic-bezier(0.25,0.8,0.25,1),box-shadow 0.2s cubic-bezier(0.25,0.8,0.25,1); box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3); } .home-card { padding: 0.8em; font-size: 2em; font-weight: bold; text-align: center; color: white; background-position: center center; object-fit: cover; } .blog-card { display: flex; flex-direction: column; align-items: stretch; border-style: solid; } .bc-next { margin-top: 0; } .card-img-container { position: relative; margin: 0.5rem; background-color: grey; } .card-img { margin: 0 0 -0.7em 0; max-height: 10em; object-fit: cover; } .card-img-overlay { position: absolute; top: 0; font-size: 1.27em; text-align: center; padding: 0.77em 0; width: 100%; box-sizing: border-box; margin: 0; color: white; background-color: rgba(0,0,0,0.4); z-index: 5; } .card-body { margin: 1.3em 1.5em; line-height: 1.6; } .card-title { margin: 0; color: black; font-size: 1.3em; font-weight: 500; font-family: serif; } .card-text { margin: 1em 0; } .card-subtext { display: flex; flex-direction: row; justify-content: flex-start; font-size: 0.8em; } .card-subtext>p { margin: 0; } .card-subtext>p+p { margin-left: 1em; padding-left: 1em; word-spacing: 0.5em; border-left: thin solid #7a7b7c; } .end-nav { width: 100%; max-width: 48rem; z-index: 2; } .pagination-nav { margin: 2em 0; width: 100%; max-width: 47rem; } .pagination-newer { float:left; } .pagination-older { float: right; } .button { padding: 0.5em 0.6em; background-color: #FFF; text-decoration: none; border-radius: 0.3rem; transition: transform 0.1s cubic-bezier(0.25,0.8,0.25,1),box-shadow 0.1s cubic-bezier(0.25,0.8,0.25,1); box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3); } .button:hover { box-shadow: 0 0.05rem 0.15rem rgba(0,0,0,0.12),0 0.05rem 0.1rem rgba(0,0,0,0.24); transform: scale(0.97); } .button:active { transform: scale(1); } .side-gutter { margin-left: 1.2rem !important; margin-right: 1.2rem !important; } .side-padding { padding-left: 1.2rem !important; padding-right: 1.2rem !important; box-sizing: border-box !important; } .side-text-padding { padding-left: 1.2rem !important; padding-right: 1.2rem !important; box-sizing: border-box !important; } .small-pic { display: block; margin-top: 1.5em; } .small-img { width: unset; max-width: 100%; margin: 0 auto 1.5em auto; } .muted-text { color: #8E8E8E; } .katex-display { margin: 1.5em 0; overflow-x: auto; overflow-y: hidden; } #disqus_thread { margin-top: 5em; } .no-scroll { overflow: hidden; position: fixed; } .clear { clear: both; } h1,h2,h3,h4,h5,h6 { margin: 1.5em 0 -0.5em 0; clear: both; } img { display: block; width: 100%; height: auto; margin: 1.5em 0; } blockquote { border-left: 0.3em solid #D1D1D1; margin: 1.5em 0.8em; padding: .5em 0.5em; font-style: italic; } blockquote p { display: inline; } ul,ol { padding-left: 1.6em; } li ul,li ol { padding-left: 1em; } li>p { margin: 0; } code { font-size: 1.1rem; font-family: monospace; padding: .2em .5em; line-height: 1.5; border-radius: 0.3rem; background-color: #f5f6f7; } pre>code { margin: 1.5em 0; display: block; padding: 0.5em; word-break: normal; overflow-x: auto; color: black; } .highlight>pre { background-color: unset !important; } hr { border: 0; border-bottom: thin solid #D1D1D1; margin: 3em 0; clear: both; } a { color: #454545; } table { color: #141823; border-collapse: collapse; border-spacing: 0; margin: 1.5em 0; } td,th { padding: 0.5em 1em; border: thin solid #D1D1D1 } tr:nth-child(even) td { background: #f5f6f7; } footer { height: 100%; max-width: 50rem; width: 100%; margin-top: -10rem; display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: flex-end; background-position: 40% 0%; background-size: 50rem; text-align: center; } footer h3 { margin: 1em; } .footer-link { margin: 1rem 0; } .footer-icon { max-width: 3.2rem; margin: 0; } .webring { text-align: left; } @media only screen and (min-width: 40.063em) { body{font-size:1.15rem}.home-header{flex-direction:row;align-items:flex-start}.home-blob-text-container{margin:4rem 2rem 4rem 6rem;flex-shrink:10}.home-faceshot-card{align-self:unset}.nav-bar{padding:.8em 0;background-color:#fff;z-index:auto}.nav-header{margin:0;font-size:1.4em;background-color:#fff}.nav-text{font-weight:400;text-decoration:none;z-index:105;color:#000;font-weight:bolder;font-size:3rem;background-color:#fff}.list-header-title{font-weight:400;font-size:4.2em}.blog-card{flex-direction:row;align-items:stretch}.card-img{margin:0;max-height:unset;height:100%;width:16em}.card-img-overlay{border-radius:.8rem .8rem 0 0}.card-body{margin:1.3em 1.7em}.card-title{font-size:1.3em}.card-text{font-size:.9em;margin:.8em 0 1.2em}.card-subtext{font-size:.7em;margin-bottom:.7em}.content{}.post{margin:1em 1.8em 2em}.post-title{font-size:2em}.button{border-radius:.2rem}.smartfloat-right{float:right;margin:0 0 1.5em 1.5em}.smartfloat-left{float:left;margin:0 1.5em 1.5em 0}code{border-radius:.2rem}} @media (prefers-color-scheme: dark) { body{color:#eee;background:#121212}body a{color:#809fff}.content{background:#121212;box-shadow:0 .7rem 2.3rem rgba(255,255,255,.3)}.card-container{background:#121212}.menu-container{color:#fff;background:#121212}.nav-header{background:#121212;color:#fff}.nav-text{background:#121212;color:#fff}.blog-card{background:#121212;color:#fff}.blog-card h2{background:#121212;color:#fff}footer h3{color:#fff}.webring{background-color:#121212}} @media print { body{word-break:keep-all;font-size:1em;font-family:serif}h1,h2,p,hr{margin:0;padding:0;padding-top:1em}.post{line-height:1}.nav-bar{max-width:none;padding:0}.card{border:none;margin:0}#menu{display:none;float:left;max-width:none}.content{text-align:justify;margin:0;max-width:none}.side-text-padding{padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}.end-nav{display:none}main{padding:none}footer{color:#000;font-size:1em}footer::after{content:"Printed from https://n07070.xyz"}}
\ No newline at end of file
diff --git a/public/stories/across-town/index.html b/public/stories/across-town/index.html
index 0994931..ed96ba4 100644
--- a/public/stories/across-town/index.html
+++ b/public/stories/across-town/index.html
@@ -111,8 +111,84 @@
     <nav class="end-nav side-padding">
       
     </nav>
-    <footer class="content card card-container side-padding " >
-    <h3>The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.</h3>
+    
+<nav class="end-nav side-padding card-container card content">
+      <section class="webring">
+  <h3>Articles from blogs I follow around the net</h3>
+  <section class="articles">
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://solar.lowtechmagazine.com/2021/03/urban-fish-ponds-low-tech-sewage-treatment-for-towns-and-cities.html" target="_blank" rel="noopener">Urban Fish Ponds: Low-tech Sewage Treatment for Towns and Cities</a>
+      </h4>
+      <p class="summary">In the mid 20th century, whole cities’ sewage systems safely and successfully used fish to treat and purify their water. Waste-fed fish ponds are a low-tech, cheap, and sustainable alternative to deal with our own shit — and to obtain high protein food in…</p>
+      <small class="source">
+        via <a href="https://solar.lowtechmagazine.com/">LOW←TECH MAGAZINE</a>
+      </small>
+      <small class="date">March 28, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://www.laquadrature.net/2021/03/26/gendnotes-entre-flicage-inavoue-et-mauvaise-foi/" target="_blank" rel="noopener">GendNotes : entre flicage inavoué et mauvaise foi</a>
+      </h4>
+      <p class="summary">Il y a plus d&#39;un an, le gouvernement autorisait par décret la gendarmerie à utiliser une application de prise de notes sur téléphone mobile intitulée GendNotes. Nous avions déposé un recours contre ce décret devant…</p>
+      <small class="source">
+        via <a href="https://www.laquadrature.net">La Quadrature du Net</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://mamot.fr/@n07070/105955483490021614" target="_blank" rel="noopener">n07070: “N&#39;empêche, …”</a>
+      </h4>
+      <p class="summary">N&#39;empêche, vu la situation actuelle, heureusement que la réforme de la sécu c&#39;était pas le premier truc à l&#39;ordre du jour des destructions prévues par Macron...</p>
+      <small class="source">
+        via <a href="https://mamot.fr/@n07070">N07070 (@n07070@mamot.fr)</a>
+      </small>
+      <small class="date">March 26, 2021</small>
+    </div>
+    
+  </section>
+  <p class="attribution">
+    Generated by
+    <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
+  </p>
+</section>
+<style>
+.webring .articles {
+  display: flex;
+  flex-wrap: wrap;
+  margin: -0.5rem;
+}
+.webring .title {
+  margin: 0;
+}
+.webring .article {
+  flex: 1 1 0;
+  display: flex;
+  flex-direction: column;
+  margin: 0.5rem;
+  padding: 0.5rem;
+  min-width: 10rem;
+}
+.webring .summary {
+  font-size: 0.8rem;
+  flex: 1 1 0;
+}
+.webring .attribution {
+  text-align: right;
+  font-size: 0.8rem;
+}
+</style>
+
+
+</nav>
+
+
+<footer class="content card card-container side-padding" >
+    <h3>The Octet Press is N07070's blog. It's self-hosted, low-tech, without javascript and static, as it should be.</h3><sup><a href="">Why ?</a></sup>
 </footer>