From 6a497d550fbe4ba3aaac929da1afdaac4133e00a Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Thu, 31 Aug 2023 11:20:57 +0300
Subject: [PATCH] update footer and color hover

---
 content/footer/_index.md            | 2 +-
 css/index.css                       | 7 +++++--
 templates/partials/footer.html      | 4 ++--
 templates/partials/socialLinks.html | 2 +-
 4 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/content/footer/_index.md b/content/footer/_index.md
index d0bf051..593840f 100644
--- a/content/footer/_index.md
+++ b/content/footer/_index.md
@@ -4,7 +4,7 @@ description: ""
 insert_anchor_links: "left"
 template: "partials/footer.html"
 extra:
-  logoPath: "images/logo_placeholder2sm.webp"
+  logoPath: "images/logo.svg"
   socialLinks: { Github: "https://github.com/ourworldfreezone", Twitter: "https://twitter.com/threefold_io", Telegram: "https://t.me/threefoldnews"  }
 ---
 
diff --git a/css/index.css b/css/index.css
index 6af5ec5..2210f78 100644
--- a/css/index.css
+++ b/css/index.css
@@ -146,11 +146,11 @@ img[src*="#fig"] {
 }
 
 a:hover{
-  color: #oab7a9;
+  color: #737373;
 }
 
 button:hover  {
-  color: #oab7a9;
+  color: #737373;
 }
 
 button  {
@@ -388,6 +388,9 @@ header {
     padding: 80px 0;
   }
 
+  footer {
+    text-align: center;
+ }
   /* h2 {
     font-size: 3rem;
   } */
diff --git a/templates/partials/footer.html b/templates/partials/footer.html
index ee3ce71..a16f0fb 100644
--- a/templates/partials/footer.html
+++ b/templates/partials/footer.html
@@ -11,9 +11,9 @@
         <div class="mt-6 border-t border-gray-200 pt-2"></div>
         <footer class="bg-white">
           <div class="max-w-screen-2xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
-            <div class="xl:flex xl:gap-4">
+            <div class="xl:flex xl:gap-4 items-center">
               <div class="space-y-8 lg:max-w-sm xl:max-w-sm lg:mr-8 lg:mb-8 xl:col-span-1">
-                <img class="w-full h-auto sm:w-auto" src="{{ get_url(path=logoPath)}}" alt="Ourworld Freezone Logo" />
+                <img class="w-40 h-auto sm:w-15 mx-auto" src="{{ get_url(path=logoPath)}}" alt="Ourworld Freezone Logo" />
                 <p class="text-gray-500 text-base leading-6 ">
                   {{section.description}}
                 </p>
diff --git a/templates/partials/socialLinks.html b/templates/partials/socialLinks.html
index 7bf4ba5..363222e 100644
--- a/templates/partials/socialLinks.html
+++ b/templates/partials/socialLinks.html
@@ -1,4 +1,4 @@
-<div class="flex space-x-6">
+<div class="flex space-x-6 items-center justify-center">
     {% for key, link in section.extra.socialLinks %}
 
         <a href="{{link}}" target="_blank" class="text-gray-400 hover:text-gray-500">