From c4c7d9f2a8cd5646948b834bd6a81dfb93c8ed01 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Wed, 9 Apr 2025 20:40:12 +0400
Subject: [PATCH] move social media links in footer

---
 css/styles.css      | 13 +++++++++----
 includes/footer.php | 21 ++++++++++-----------
 2 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/css/styles.css b/css/styles.css
index 560c684..027b4a9 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -729,15 +729,20 @@ img {
 
 .footer-social {
     display: flex;
-    justify-content: flex-start;
+    justify-content: center;
     margin-bottom: 20px;
-    align-self: flex-start;
+    align-self: center;
 }
 
 .footer-social a {
-    margin: 0 10px 0 0;
-    font-size: 24px;
+    margin: 0 15px;
+    font-size: 28px;
     color: var(--text-color);
+    transition: transform 0.2s;
+}
+
+.footer-social a:hover {
+    transform: scale(1.2);
 }
 
 .footer-contact {
diff --git a/includes/footer.php b/includes/footer.php
index d476c00..cf04da1 100644
--- a/includes/footer.php
+++ b/includes/footer.php
@@ -6,16 +6,7 @@
                 <img src="img/logo.png" alt="Kaubuntu.re">
             </div>
             
-            <div class="footer-social">
-                <a target="_blank" rel="noreferrer" href="<?php echo FACEBOOK_URL; ?>"><i class="fab fa-facebook icon-facebook"></i></a>
-                <a target="_blank" rel="noreferrer" href="<?php echo YOUTUBE_URL; ?>"><i class="fab fa-youtube icon-youtube"></i></a>
-                <a target="_blank" rel="noreferrer" href="<?php echo INSTAGRAM_URL; ?>"><i class="fab fa-instagram icon-instagram"></i></a>
-                <a target="_blank" rel="noreferrer" href="<?php echo X_URL; ?>"><i class="fab fa-x-twitter icon-x"></i></a>
-                <a target="_blank" rel="noreferrer" href="<?php echo TIKTOK_URL; ?>"><i class="fab fa-tiktok icon-tiktok"></i></a>
-            </div>
-            
-            <div class="footer-contact">CONTACT</div>
-            <div class="footer-email">zinfos@kaubuntu.com</div>
+            <div class="footer-email"><a href="mailto:<?php echo CONTACT_EMAIL; ?>"><strong><?php echo CONTACT_EMAIL; ?></strong></a></div>
         </div>
         
         <div class="footer-column">
@@ -53,7 +44,15 @@
         </div>
     </div>
     
+    <div class="footer-social">
+        <a target="_blank" rel="noreferrer" href="<?php echo FACEBOOK_URL; ?>"><i class="fab fa-facebook icon-facebook"></i></a>
+        <a target="_blank" rel="noreferrer" href="<?php echo YOUTUBE_URL; ?>"><i class="fab fa-youtube icon-youtube"></i></a>
+        <a target="_blank" rel="noreferrer" href="<?php echo INSTAGRAM_URL; ?>"><i class="fab fa-instagram icon-instagram"></i></a>
+        <a target="_blank" rel="noreferrer" href="<?php echo X_URL; ?>"><i class="fab fa-x-twitter icon-x"></i></a>
+        <a target="_blank" rel="noreferrer" href="<?php echo TIKTOK_URL; ?>"><i class="fab fa-tiktok icon-tiktok"></i></a>
+    </div>
+    
     <div class="footer-copyright">
-    <strong><?php echo LEGAL_COPYRIGHT; ?></strong> <?php echo date('Y'); ?> - Licence libre <a href="<?php echo LEGAL_LICENSE_URL; ?>" target="_blank" rel="noopener noreferrer">GNU AGPL-V3</a>
+        Kaubuntu.re <?php echo date('Y'); ?> - Licence libre <a href="<?php echo LEGAL_LICENSE_URL; ?>" target="_blank" rel="noopener noreferrer">GNU AGPL-V3</a>
     </div>
 </div>