From 4d4ee61ed62895d41af66aa9e7e5175d63f74615 Mon Sep 17 00:00:00 2001
From: Nicolas Doby <nicolas.doby@itsonus.fr>
Date: Tue, 18 Oct 2022 09:35:50 +0200
Subject: [PATCH] feat: add RSS feed

---
 _includes/layouts/base.njk | 15 ++++++++++++++-
 public/css/index.css       |  9 ++++++++-
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/_includes/layouts/base.njk b/_includes/layouts/base.njk
index 2b71c2e..d04d284 100644
--- a/_includes/layouts/base.njk
+++ b/_includes/layouts/base.njk
@@ -56,7 +56,20 @@
         <p class="footer-contact-title">IT's on us</p>
         <p>Copyright © 2022</p>
       </div>
-      <div><p><a rel="noopener" href="https://www.linkedin.com/company/itsonus" target="_blank"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Linkedin"><title>Accéder à la page LinkedIn de IT's on us</title><path d="M12.6041 20.6838H9.74213V12.0046H12.6041V20.6838ZM11.1716 10.8207C10.2566 10.8207 9.51416 10.1068 9.51416 9.245C9.51416 8.38317 10.2566 7.68384 11.1716 7.68384C12.0865 7.68384 12.8289 8.38317 12.8289 9.245C12.8289 10.1068 12.0865 10.8207 11.1716 10.8207ZM23.3155 20.6838H20.4597V16.4588C20.4597 15.4519 20.4382 14.1606 18.9718 14.1606C17.4838 14.1606 17.2559 15.2546 17.2559 16.3863V20.6838H14.397V12.0046H17.1419V13.1885H17.1819C17.5639 12.5066 18.4974 11.787 19.8898 11.787C22.7856 11.787 23.3186 13.5832 23.3186 15.9162V20.6838H23.3155Z" fill="white"></path><path d="M30.2071 16.1838C30.2071 8.1624 23.799 1.68384 15.9236 1.68384C8.04829 1.68384 1.64014 8.1624 1.64014 16.1838C1.64014 24.2053 8.04829 30.6838 15.9236 30.6838C23.799 30.6838 30.2071 24.2053 30.2071 16.1838Z" stroke="white" stroke-width="2"></path></svg></a></p></div>
+      <ul class="footer-links">
+        <li>
+        <a rel="noopener" href="https://www.linkedin.com/company/itsonus" target="_blank">
+          <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Linkedin"><title>Accéder à la page LinkedIn de IT's on us</title><path d="M12.6041 20.6838H9.74213V12.0046H12.6041V20.6838ZM11.1716 10.8207C10.2566 10.8207 9.51416 10.1068 9.51416 9.245C9.51416 8.38317 10.2566 7.68384 11.1716 7.68384C12.0865 7.68384 12.8289 8.38317 12.8289 9.245C12.8289 10.1068 12.0865 10.8207 11.1716 10.8207ZM23.3155 20.6838H20.4597V16.4588C20.4597 15.4519 20.4382 14.1606 18.9718 14.1606C17.4838 14.1606 17.2559 15.2546 17.2559 16.3863V20.6838H14.397V12.0046H17.1419V13.1885H17.1819C17.5639 12.5066 18.4974 11.787 19.8898 11.787C22.7856 11.787 23.3186 13.5832 23.3186 15.9162V20.6838H23.3155Z" fill="white"></path><path d="M30.2071 16.1838C30.2071 8.1624 23.799 1.68384 15.9236 1.68384C8.04829 1.68384 1.64014 8.1624 1.64014 16.1838C1.64014 24.2053 8.04829 30.6838 15.9236 30.6838C23.799 30.6838 30.2071 24.2053 30.2071 16.1838Z" stroke="white" stroke-width="2"></path>
+          </svg>
+        </a>
+        </li>
+        <li>
+        <a rel="noopener" href="/feed/feed.xml" target="_blank">
+          <svg width="32" height="32" viewBox="0 0 461.432 461.432" xmlns="http://www.w3.org/2000/svg" aria-label="RSS"><title>Accéder au flux RSS du blog</title><g fill="#fff"><path d="M125.896 398.928c0 33.683-27.308 60.999-61.022 60.999-33.684 0-61.006-27.316-61.006-60.999 0-33.729 27.322-61.038 61.006-61.038 33.714 0 61.022 27.308 61.022 61.038zM0 229.636c0 8.441 6.606 15.379 15.036 15.809 60.318 3.076 100.885 25.031 138.248 62.582 36.716 36.864 60.071 89.759 64.082 137.769.686 8.202 7.539 14.524 15.77 14.524h56.701c4.344 0 8.498-1.784 11.488-4.935a15.852 15.852 0 004.333-11.729c-8.074-158.152-130.669-278.332-289.013-286.23a15.846 15.846 0 00-11.709 4.344A15.848 15.848 0 000 173.247v56.389z"/><path d="M0 73.411c0 8.51 6.713 15.482 15.216 15.819 194.21 7.683 350.315 161.798 358.098 355.879.34 8.491 7.32 15.208 15.818 15.208h56.457c4.297 0 8.408-1.744 11.393-4.834a15.857 15.857 0 004.441-11.552C453.181 199.412 261.024 9.27 16.38 1.121A15.844 15.844 0 004.838 5.568 15.842 15.842 0 000 16.954v56.457z"/></g>
+          </svg>
+        </a>
+        </li>
+      </ul>
     </div>
     <div class="footer-center">
       Ceci est le blog du collectif IT's on us. Visitez notre <a href="https://www.itsonus.fr">site</a>.
diff --git a/public/css/index.css b/public/css/index.css
index 9a6ae12..bf48856 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -65,7 +65,7 @@ main {
 .right-side {
   position: -webkit-sticky; /* for Safari */
   position: sticky;
-  top: 5rem;
+  top: 1rem;
   align-self: flex-start;
   width: 300px;
   padding-left: 60px;
@@ -323,6 +323,13 @@ a[href].direct-link:focus,
   padding-top: 23px;
 }
 
+.footer-links {
+  display: flex;
+  padding: 0;
+  list-style: none;
+  gap: 12px;
+}
+
 .footer-center {
   flex: 0 60%;
   text-align: center;