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

Merge pull request #490 from threefoldfoundation/development_header_fix

Browse Source 
fix header andd footer
This commit is contained in:
sasha-astiadi
2024-11-18 15:07:31 +01:00
committed by GitHub
parent f64c57b2f9 2f2837730c
commit 64cf2b525b
6 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
content/footer/_index.md
View File

@@ -26,7 +26,7 @@ extra:
|||
##### TALK TO HUMANS
##### <span class="text-gray-100">TALK TO HUMANS</span>
<br>

2
content/header/index.md
View File

@@ -3,7 +3,7 @@ title: "Header"
insert_anchor_links: "left"
template: "partials/header.html"
extra:
logoPath: "images/white_threefold.png"
logoPath: "images/new_logo_tft.png"
---

1
css/index.css
View File

@@ -281,6 +281,7 @@ background-color:#5596f5 !important;
h5 {
@apply text-lg my-1 tracking-normal font-medium;
font-family: "Inter", sans-serif !important;
color: #fff !important
}
h6 {
@apply text-md not-italic font-normal my-1;

BIN
static/images/new_logo_tft.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

6
templates/_default/base.html
View File

@@ -3,7 +3,7 @@
{% include "partials/head.html" %}
{% include "partials/header.html" %}
<body class="">
<body class="bg-dark-gradient">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N7PNMFH" height="0" width="0"
@@ -42,11 +42,11 @@
<!-- End Twitter universal website tag code -->
{% include "partials/header.html" %}
<div id="content" class="px-4 lg:px-0 pt-12 overflow-hidden bg-dark-gradient">
<div id="content" class="px-4 lg:px-0 pt-12 overflow-hidden">
{% block content %}{% endblock %}
</div>
<div class="px-4 md:px-8 overflow-hidden bg-dark-gradient">
<div class="px-4 md:px-8 overflow-hidden">
{% include "partials/footer.html" %}
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.6.4/flowbite.min.js"></script>

6
templates/partials/header.html
View File

@@ -2,12 +2,12 @@
{% set header_items = section.content | safe | split(pat="<li>") %}
<header id="header-container">
<div class="z-20 bg-black2 fixed w-full top-0">
<div class="z-20 bg-black2 absolute w-full">
<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>
<a href="{{get_url(path='/')}}" class="flex">
<img class="w-12 h-auto sm:w-15" style="max-width: none;" src="{{ get_url(path=section.extra.logoPath)}}" alt="ThreeFold Logo" />
<img class="lg:w-36 h-auto w-24" style="max-width: none;" src="{{ get_url(path=section.extra.logoPath)}}" alt="ThreeFold Logo" />
</a>
</div>
<div class="-mr-2 -my-2 lg:hidden">
@@ -52,7 +52,7 @@
{% else %}
<div class="relative">
{% set button_id = header_label ~ "-menu-btn" | slugify %}
<button type="button" id="{{button_id}}" class="nav_btn py-3 text-white group inline-flex items-center space-x-2 text-lg leading-6 font-normal hover:text-gray-200 focus:outline-none transition ease-in-out duration-150">
<button type="button" id="{{button_id}}" class="bg-black1 nav_btn py-3 text-white group inline-flex items-center space-x-2 text-lg leading-6 font-normal hover:text-gray-200 focus:outline-none transition ease-in-out duration-150">
<span>{{ header_label }}</span>
<div class="-rotate-90 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#ffffff"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div>
</button>