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

update dark logo

Browse Source
This commit is contained in:
ehab-hassan
2025-05-13 13:29:22 +03:00
parent fe1df2ac35
commit a36bfae87d
6 changed files with 75 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
templates/base.html
View File

@@ -6,6 +6,8 @@
<title>{% block title %}Zola with Tailwind CSS{% endblock %}</title>
<link rel="stylesheet" href="{{ get_url(path='css/main.css') }}">
<link rel="stylesheet" href="{{ get_url(path='css/dropdown.css') }}">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<script src="{{ get_url(path='js/main.js') }}" defer></script>
{% block head %}{% endblock %}
@@ -15,8 +17,8 @@
{% include "partials/navigation.html" %}
</header>
<main>
<div class="max-w-7xl mx-auto py-6 sm:px-6 lg:px-8">
<div class="px-4 py-6 sm:px-0">
<div class="">
<div class="px-4 sm:px-0">
{% block content %}{% endblock %}
</div>
</div>

13
templates/partials/navigation.html
View File

@@ -1,9 +1,18 @@
<nav class="bg-white dark:bg-gray-800 transition-colors duration-200">
<nav class=" container mx-auto bg-white dark:bg-gray-800 transition-colors duration-200">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between h-16">
<div class="flex items-center">
<div class="flex-shrink-0">
<a href="{{ config.base_url }}" class="text-gray-800 dark:text-white font-bold text-xl">{{ config.title }}</a>
<a href="{{ config.base_url }}" class="text-gray-800 dark:text-white font-bold text-xl">
<!-- Light mode logo -->
<img id="logo-light" src="/images/mycelium_dark.png"
alt="Mycelium logo"
class="w-40 h-full object-cover object-center" />
<!-- Dark mode logo -->
<img id="logo-dark" src="/images/mycelium_white.png"
alt="Mycelium logo"
class="w-40 h-full object-cover object-center hidden" />
</a>
</div>
<div class="hidden md:block">
<div class="ml-10 flex items-baseline space-x-4">

8
templates/shortcodes/hero_img.html
View File

@@ -1,4 +1,4 @@
<div class="flex flex-col lg:flex-row-reverse items-center overflow-hidden bg-white pt-10">
<div class="flex flex-col lg:flex-row-reverse items-center overflow-hidden bg-white h-screen">
<!-- Image first on mobile, right on desktop -->
<div class="w-full lg:w-1/2 h-80 lg:h-full">
@@ -8,12 +8,12 @@
</div>
<!-- Text Content -->
<div class="w-full lg:w-1/2 px-6 py-12 lg:px-16 lg:py-32">
<div class="max-w-2xl mx-auto">
<div class="w-full lg:w-1/2 max-w-3xl max-auto px-6 py-12 lg:px-16 lg:py-10">
<div>
<h1 class="text-4xl font-semibold tracking-tight lg:text-6xl">
MYCELIUM
</h1>
<h2 class="fade-in text-3xl lg:text-4xl font-normal tracking-tight mt-4">
<h2 class="fade-in text-3xl lg:text-4xl font-normal tracking-tight mt-4 leading-9">
Unleashing the Power of<br> Decentralized Networks
</h2>
<p class="mt-8 text-lg lg:text-xl font-light">