ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update menu

Browse Source
This commit is contained in:
Ehab Hassan
2024-11-19 12:14:10 +02:00
parent 9ec07683bb
commit dc7054c54d
4 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
css/index.css
View File

@@ -97,6 +97,8 @@ a img:hover{
/* new theme */ /* new theme */
.dropdown { .dropdown {
background-color: rgb(0 0 0 / 50%);
@apply @apply
lg:text-lg lg:text-lg
px-6 px-6
@@ -104,7 +106,6 @@ a img:hover{
lg:mr-5 lg:mr-5
my-3 my-3
shadow shadow
bg-white
border-black border-black
capitalize capitalize
leading-6 leading-6
@@ -115,17 +116,18 @@ a img:hover{
w-full w-full
items-start items-start
rounded rounded
transition transition
hover:first:text-gray-500 hover:border-stone-700
hover:border-stone-200 /* hover:bg-stone-100 */
hover:bg-stone-100
p-2 p-2
text-left text-left
text-white
} }
.dropdown a{ .dropdown a{
@apply @apply
px-0 px-0
text-white
} }
.subtitle { .subtitle {
@@ -380,12 +382,12 @@ background-color:#5596f5 !important;
} }
button:hover :is(:where(a)) { /* button:hover :is(:where(a)) {
color: #5e5e5e; color: #5e5e5e;
} } */
button :is(:where(p)) { button :is(:where(p)) {
color: #3d3b39; color: #ddd;
font-weight: 400; font-weight: 400;
} }

BIN
static/images/new_logo_tft.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 8.2 KiB

2
templates/partials/footer.html
View File

@@ -9,7 +9,7 @@
<div class="max-w-screen-2xl mx-auto py-12 px-4 sm:px-6"> <div class="max-w-screen-2xl mx-auto py-12 px-4 sm:px-6">
<div class="xl:flex xl:gap-4"> <div class="xl:flex xl:gap-4">
<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-16 h-auto sm:w-15" src="{{ get_url(path=logoPath)}}" alt="ThreeFold Logo" /> <img class="w-36 h-auto" src="{{ get_url(path=logoPath)}}" alt="ThreeFold Logo" />
<p class="text-gray-200 text-base font-light leading-6"> <p class="text-gray-200 text-base font-light leading-6">
{{section.description}} {{section.description}}
</p> </p>

6
templates/partials/header.html
View File

@@ -4,10 +4,10 @@
<header id="header-container"> <header id="header-container">
<div class="z-20 bg-black2 absolute w-full"> <div class="z-20 bg-black2 absolute w-full">
<div class="relative z-50"> <div class="relative z-50">
<div class="mx-auto flex z-50 justify-between items-center px-6 sm:px-4 md:px-6 py-2 lg:px-5 lg:justify-start space-x-10 sm:space-x-4 "> <div class="mx-auto container flex z-50 justify-between items-center px-6 sm:px-4 md:px-6 py-2 lg:px-5 lg:justify-start space-x-10 sm:space-x-4 ">
<div> <div>
<a href="{{get_url(path='/')}}" class="flex"> <a href="{{get_url(path='/')}}" class="flex">
<img class="lg:w-36 h-auto w-24" style="max-width: none;" src="{{ get_url(path=section.extra.logoPath)}}" alt="ThreeFold Logo" /> <img class="w-36 h-auto" style="max-width: none;" src="{{ get_url(path=section.extra.logoPath)}}" alt="ThreeFold Logo" />
</a> </a>
</div> </div>
<div class="-mr-2 -my-2 lg:hidden"> <div class="-mr-2 -my-2 lg:hidden">
@@ -123,7 +123,7 @@
<nav> <nav>
<div id="{{menu_id}}" class="nav_menu mt-0 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-50 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden"> <div id="{{menu_id}}" class="nav_menu mt-0 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-50 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
<div class="bg-black"> <div style="background-color: rgba(57 57 57);">
<div id="menu" class="mx-8 lg:mx-10 xl:mx-10 px-6 sm:p-6 md:p-8"> <div id="menu" class="mx-8 lg:mx-10 xl:mx-10 px-6 sm:p-6 md:p-8">
{{header_menu | safe }} {{header_menu | safe }}
</div> </div>