From a9f6e32a00666ac31cfed895e02e34fdc1ef1cd4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Th=C3=A9ophile=20Bastian?= <contact@tobast.fr>
Date: Mon, 28 Sep 2020 11:20:24 +0200
Subject: [PATCH] Add webring

---
 layouts/partials/site-footer.html |  5 +++++
 scss/style.scss                   | 10 +++++++++-
 static/css/style.css              | 10 ++++++++--
 3 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/layouts/partials/site-footer.html b/layouts/partials/site-footer.html
index ecabddd..0000cd4 100644
--- a/layouts/partials/site-footer.html
+++ b/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 }}">
diff --git a/scss/style.scss b/scss/style.scss
index 25164b5..5139b08 100644
--- a/scss/style.scss
+++ b/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;
+    }
   }
 }
 
diff --git a/static/css/style.css b/static/css/style.css
index 0c02d9b..8948957 100644
--- a/static/css/style.css
+++ b/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; }