From 5d0fc38107cb01d8a436c71a683c83f57999a528 Mon Sep 17 00:00:00 2001
From: Sli <antoine@bartuccio.fr>
Date: Fri, 3 Jan 2025 14:38:09 +0100
Subject: [PATCH] Make social icons links pretty

---
 com/static/com/css/news-list.scss | 33 ++++++++++++++++++++++++-------
 com/templates/com/news_list.jinja |  2 +-
 core/static/core/colors.scss      |  2 ++
 3 files changed, 29 insertions(+), 8 deletions(-)

diff --git a/com/static/com/css/news-list.scss b/com/static/com/css/news-list.scss
index dcbad0b5..bcbf8273 100644
--- a/com/static/com/css/news-list.scss
+++ b/com/static/com/css/news-list.scss
@@ -68,17 +68,36 @@
         margin-left: 5px;
       }
 
-      li {
-        margin: 10px;
+      ul {
+        list-style: none;
+        margin-left: 0;
+
+        li {
+          margin: 10px;
+
+          .fa-facebook {
+            color: $faceblue;
+          }
+
+          .fa-discord {
+            color: $discordblurple;
+          }
+
+          .fa-square-instagram::before {
+            background: $instagradient;
+            background-clip: text;
+            -webkit-text-fill-color: transparent;
+          }
+
+          i {
+            width: 25px;
+            text-align: center;
+          }
+        }
       }
 
-      i {
-        width: 20px;
-        margin: 5px;
-      }
     }
 
-
     #birthdays_content {
       ul.birthdays_year {
         margin: 0;
diff --git a/com/templates/com/news_list.jinja b/com/templates/com/news_list.jinja
index 28f998ca..8f20ce19 100644
--- a/com/templates/com/news_list.jinja
+++ b/com/templates/com/news_list.jinja
@@ -130,7 +130,7 @@
           <a rel="nofollow" target="#" href="https://www.facebook.com/@AEUTBM/">{% trans %}Facebook{% endtrans %}</a>
         </li>
         <li>
-          <i class="fa-brands fa-instagram fa-xl"></i>
+          <i class="fa-brands fa-square-instagram fa-xl"></i>
           <a rel="nofollow" target="#" href="https://www.instagram.com/ae_utbm">{% trans %}Instagram{% endtrans %}</a>
         </li>
       </ul>
diff --git a/core/static/core/colors.scss b/core/static/core/colors.scss
index 35dc6a69..e10eb905 100644
--- a/core/static/core/colors.scss
+++ b/core/static/core/colors.scss
@@ -24,6 +24,8 @@ $black-color: hsl(0, 0%, 17%);
 
 $faceblue: hsl(221, 44%, 41%);
 $twitblue: hsl(206, 82%, 63%);
+$discordblurple: #7289da;
+$instagradient: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
 
 $shadow-color: rgb(223, 223, 223);