update footer and color hover

This commit is contained in:
Ehab Hassan 2023-08-31 11:20:57 +03:00
parent 26d45d127c
commit 6a497d550f
4 changed files with 9 additions and 6 deletions

View File

@ -4,7 +4,7 @@ description: ""
insert_anchor_links: "left" insert_anchor_links: "left"
template: "partials/footer.html" template: "partials/footer.html"
extra: 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" } socialLinks: { Github: "https://github.com/ourworldfreezone", Twitter: "https://twitter.com/threefold_io", Telegram: "https://t.me/threefoldnews" }
--- ---

View File

@ -146,11 +146,11 @@ img[src*="#fig"] {
} }
a:hover{ a:hover{
color: #oab7a9; color: #737373;
} }
button:hover { button:hover {
color: #oab7a9; color: #737373;
} }
button { button {
@ -388,6 +388,9 @@ header {
padding: 80px 0; padding: 80px 0;
} }
footer {
text-align: center;
}
/* h2 { /* h2 {
font-size: 3rem; font-size: 3rem;
} */ } */

View File

@ -11,9 +11,9 @@
<div class="mt-6 border-t border-gray-200 pt-2"></div> <div class="mt-6 border-t border-gray-200 pt-2"></div>
<footer class="bg-white"> <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="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"> <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 "> <p class="text-gray-500 text-base leading-6 ">
{{section.description}} {{section.description}}
</p> </p>

View File

@ -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 %} {% for key, link in section.extra.socialLinks %}
<a href="{{link}}" target="_blank" class="text-gray-400 hover:text-gray-500"> <a href="{{link}}" target="_blank" class="text-gray-400 hover:text-gray-500">