From 3fc6a758b40961011b60e2998943dde51bf5690b Mon Sep 17 00:00:00 2001
From: Greg Newman <greg@gregnewman.org>
Date: Thu, 16 Mar 2023 18:50:04 -0400
Subject: [PATCH] :sparkles: hooks up social profiles in footer

Issue: #130
---
 static/css/styles.css           | 42 ++++++++++-----------------------
 templates/includes/_footer.html |  6 ++---
 2 files changed, 15 insertions(+), 33 deletions(-)

diff --git a/static/css/styles.css b/static/css/styles.css
index acc63257..b0b9d5f1 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -1149,10 +1149,6 @@ input[type=file] {
   margin-right: 0.25rem;
 }
 
-.-mt-1 {
-  margin-top: -0.25rem;
-}
-
 .block {
   display: block;
 }
@@ -1201,10 +1197,6 @@ input[type=file] {
   height: 53px;
 }
 
-.h-\[20px\] {
-  height: 20px;
-}
-
 .h-6 {
   height: 1.5rem;
 }
@@ -1281,10 +1273,6 @@ input[type=file] {
   width: 33.333333%;
 }
 
-.w-\[100px\] {
-  width: 100px;
-}
-
 .w-6 {
   width: 1.5rem;
 }
@@ -1321,10 +1309,6 @@ input[type=file] {
   width: 200px;
 }
 
-.w-\[110px\] {
-  width: 110px;
-}
-
 .min-w-0 {
   min-width: 0px;
 }
@@ -1667,15 +1651,6 @@ input[type=file] {
   background-color: rgb(23 42 52 / 0.6);
 }
 
-.bg-transparent {
-  background-color: transparent;
-}
-
-.bg-slate {
-  --tw-bg-opacity: 1;
-  background-color: rgb(49 74 87 / var(--tw-bg-opacity));
-}
-
 .bg-red-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(239 68 68 / var(--tw-bg-opacity));
@@ -1685,6 +1660,15 @@ input[type=file] {
   background-color: rgb(90 213 153 / 0.5);
 }
 
+.bg-transparent {
+  background-color: transparent;
+}
+
+.bg-slate {
+  --tw-bg-opacity: 1;
+  background-color: rgb(49 74 87 / var(--tw-bg-opacity));
+}
+
 .bg-opacity-70 {
   --tw-bg-opacity: 0.7;
 }
@@ -2062,6 +2046,10 @@ input[type=file] {
   color: rgb(255 255 255 / 0.7);
 }
 
+.text-white\/60 {
+  color: rgb(255 255 255 / 0.6);
+}
+
 .text-slate {
   --tw-text-opacity: 1;
   color: rgb(49 74 87 / var(--tw-text-opacity));
@@ -2072,10 +2060,6 @@ input[type=file] {
   color: rgb(55 65 81 / var(--tw-text-opacity));
 }
 
-.text-white\/60 {
-  color: rgb(255 255 255 / 0.6);
-}
-
 .text-gray-100 {
   --tw-text-opacity: 1;
   color: rgb(243 244 246 / var(--tw-text-opacity));
diff --git a/templates/includes/_footer.html b/templates/includes/_footer.html
index 41f2a855..ce69b5bc 100644
--- a/templates/includes/_footer.html
+++ b/templates/includes/_footer.html
@@ -38,10 +38,8 @@
       <a class="my-2 block md:inline" href="">Terms of Use</a>
     </div>
     <div class="md:space-x-5 space-x-3 pt-3 pb-3 md:text-right w-1/2">
-      <a href=""><img class="h-[20px] w-auto inline" src="{% static 'img/icons/icon_Facebook-logo.svg' %}" alt=""></a>
-      <a href=""><img class="h-[20px] w-auto inline" src="{% static 'img/icons/icon_Twitter-logo.svg' %}" alt=""></a>
-      <a href=""><img class="h-[20px] w-auto inline" src="{% static 'img/icons/icon_Linkedin-logo.svg' %}" alt=""></a>
-      <a href=""><img class="h-[20px] w-auto inline" src="{% static 'img/icons/icon_YouTube-logo.svg' %}" alt=""></a>
+      <a href="https://twitter.com/boost_libraries" target="_blank"><i class="fab fa-twitter text-orange hover:orange/70"></i></a>
+      <a href="https://github.com/boostorg" target="_blank"><i class="fab fa-github text-orange hover:orange/70"></i></a>
     </div>
   </div>
 </footer>