update footer and color hover

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"  }
 ---
 

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;
   } */

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>

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">