From f0753d0e7ae07da08822df43df80ff36e5a5a6a9 Mon Sep 17 00:00:00 2001
From: TheThomaas <thethomaas@protonmail.ch>
Date: Mon, 9 Jun 2025 10:40:21 +0200
Subject: [PATCH] Fix footer in small screens

---
 src/_includes/partials/footer.liquid | 3 +--
 src/css/footer.css                   | 9 ++++++++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/_includes/partials/footer.liquid b/src/_includes/partials/footer.liquid
index 7ff9c3b..0195e52 100644
--- a/src/_includes/partials/footer.liquid
+++ b/src/_includes/partials/footer.liquid
@@ -1,13 +1,12 @@
 <footer class="wrapper-full">
     <div>
+        {% render 'partials/components/socials', socials: author.socials, mail: author.mail, showLabel: false %}
         <ul class="list-inline">
             <li>Réalisé avec {% render 'partials/components/link', label: "Eleventy", href: "https://11ty.dev/", target: "_blank", rel: "nofollow" %}</li>
             {% if site.repository and site.repository != "" %}
                 <li>Source sur {% render 'partials/components/link', label: site.repoSrc, href: site.repository, target: "_blank", rel: "nofollow" %}</li>
             {% endif %}
         </ul>
-        
-        {% render 'partials/components/socials', socials: author.socials, mail: author.mail, showLabel: false %}
     </div>
 </footer>
 
diff --git a/src/css/footer.css b/src/css/footer.css
index ca3d2d2..01b253a 100644
--- a/src/css/footer.css
+++ b/src/css/footer.css
@@ -4,9 +4,10 @@ footer {
 }
 footer > div {
   place-content: center space-between;
-  align-items: center;
+  align-items: start;
   width: 100%;
   display: flex;
+  flex-direction: column;
 }
 footer .list-inline a {
   --item-color: var(--text-2);
@@ -22,4 +23,10 @@ footer .socials-list {
 }
 footer .button.button {
   --button-padding: .2em;
+}
+@media (min-width: 768px) {
+  footer > div {
+    align-items: center;
+    flex-direction: row-reverse;
+  }
 }
\ No newline at end of file