Add webring

layouts/partials/site-footer.html

@@ -1,4 +1,9 @@
 <footer id="foot">
+  <div id="webring">
+    <a href="https://fr.wikipedia.org/wiki/Webring">Webring</a> du manger :
+    <a href="https://miam.twal.org/">site précédent [TWal]</a> |
+    <a href="https://desfontain.es/Recettes/index.html">site suivant [Ted]</a>
+  </div>
   <div id="footer-legal">
     Site sous license libre
     <a href="{{ $.Site.Params.siteLicenseURL }}">

scss/style.scss

@@ -185,11 +185,19 @@ body {
   justify-content: flex-end;
   align-items: center;
 
+  flex-direction: column;
+  @media (min-width: $width_med) {
+    flex-direction: row;
+  }
+
   margin: 10px 20px;
   margin-top: auto;
 
   > div {
-    margin: 0 15px;
+    margin: 5px 15px;
+    @media (min-width: $width_med) {
+      margin: 0 15px;
+    }
   }
 }
 

static/css/style.css

@@ -132,11 +132,17 @@ body {
   display: flex;
   justify-content: flex-end;
   align-items: center;
+  flex-direction: column;
   margin: 10px 20px;
   margin-top: auto; }
+  @media (min-width: 650px) {
+    #foot {
+      flex-direction: row; } }
   #foot > div {
-    margin: 0 15px; }
-
+    margin: 5px 15px; }
+    @media (min-width: 650px) {
+      #foot > div {
+        margin: 0 15px; } }
 a, a:visited {
   color: #2081c8;
   text-decoration: none; }