ourworld_web/www_mycelium
21
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

update dark light mode

Browse Source
This commit is contained in:
Ehab Hassan
2025-05-22 12:05:08 +03:00
parent ecfae1fa72
commit 417f1d0004
16 changed files with 238 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
templates/shortcodes/desciption_blockquote.html
View File

@@ -6,7 +6,7 @@
<div class="lg:py-24 py-12 relative bg-white isolate overflow-hidden">
<div class="lg:py-24 py-12 relative isolate overflow-hidden">
<div class="mx-auto container lg:max-w-7xl px-4">
<div>
<h2 class="fade-in lg:text-5xl text-4xl font-medium tracking-tight l">{{ title }}

2
templates/shortcodes/feature_card.html
View File

@@ -17,7 +17,7 @@
<p class="my-2 text-base font-light">{{ description }}</p>
{% endif %}
{% if link %}
<a href="{{ link }}" class="text-sm font-semibold text-black hover:text-gray-700">{{ link_name }} <span aria-hidden="true">→</span></a>
<a href="{{ link }}" class="text-sm font-semibold hover:text-gray-700">{{ link_name }} <span aria-hidden="true">→</span></a>
{% endif %}
{% if caller %}
<div class="mt-4">

6
templates/shortcodes/hero.html
View File

@@ -13,12 +13,12 @@
<div class="mx-auto max-w-7xl lg:grid lg:grid-cols-12 lg:gap-x-8 lg:px-8">
<div class="px-6 lg:col-span-7 lg:px-0 xl:col-span-6">
<div class="mx-auto max-w-2xl lg:mx-0 lg:flex-auto">
<h1 class="text-4xl font-semibold tracking-tight text-black lg:text-6xl">
<h1 class="text-4xl font-semibold tracking-tight lg:text-6xl">
{{ title }}
</h1>
<h2 class="fade-in text-balance lg:text-4xl text-3xl font-normal tracking-tight text-black">{{ subtitle }}
<h2 class="fade-in text-balance lg:text-4xl text-3xl font-normal tracking-tight ">{{ subtitle }}
</h2>
<p class="mt-8 text-pretty lg:text-xl text-lg font-light text-black lgl:text-xl">
<p class="mt-8 text-pretty lg:text-xl text-lg font-light lgl:text-xl">
{{ description }} <br><br> <b>{{ highlight }}</b>
</p>
<div class="mt-10 flex items-center gap-x-6">

2
templates/shortcodes/hero_features.html
View File

@@ -1,4 +1,4 @@
<div class="fade-in bg-white lg:max-w-7xl container mx-auto">
<div class="fade-in lg:max-w-7xl container mx-auto">
<div class="lg:py-24 py-12 relative isolate">
<div class="px-4 lg:px-8 lg:pb-24">
<p class="text-base font-light tracking-wide">{{ subtitle_1 }}</p>

4
templates/shortcodes/hero_right_img.html
View File

@@ -19,9 +19,9 @@
{{ title }}
</h1>
<h2 class="text-balance lg:text-4xl text-3xl font-normal tracking-tight">{{ subtitle }}</h2>
<p class="mt-6 text-md font-light text-stone-800 lg:text-lg">
<p class="mt-6 text-md font-light semigray lg:text-lg">
{{ description_1 }}
<p class="mt-2 text-md font-light text-stone-800 lg:text-lg">
<p class="mt-2 text-md font-light semigray lg:text-lg">
{{ description_2 }}
</p>
{% if button %}

4
templates/shortcodes/left_header.html
View File

@@ -12,14 +12,14 @@
<div class="mx-auto">
<p class="text-base font-light tracking-wide">{{ subtitle }}</p>
<h2 class="fade-in lg:text-5xl text-4xl font-medium tracking-tight">{{ title }}</h2>
<h3 class="mx-auto fade-in text-left lg:text-3xl text-2xl leading-snug font-light tracking-tight text-black">{{ subtitle_2 }}</h2>
<h3 class="mx-auto fade-in text-left lg:text-3xl text-2xl leading-snug font-light tracking-tight ">{{ subtitle_2 }}</h2>
<p class="mt-6 max-w-3xl text-lg font-light">{{ description }}</p>
{% if description2 %}
<p class="mt-6 text-lg font-light">{{ description2 }}</p>
{% endif %}
{% if description3 %}
<p class="text-left mt-4 max-w-3xl text-pretty lg:text-lg text-md font-light text-black fade-in">
<p class="text-left mt-4 max-w-3xl text-pretty lg:text-lg text-md font-light fade-in">
{{ description3 }} <a href="{{ button_link }}" class="font-semibold" target="_blanks"><u>{{ button_text }}</u></a>
</p>
{% endif %}

6
templates/shortcodes/text_center.html
View File

@@ -8,9 +8,9 @@
<div class="relative isolate px-4 lg:px-8">
<div class="mx-auto max-w-4xl">
<div class="text-left lg:text-center">
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-medium tracking-tight text-black">{{ title }}</h2>
<h3 class="fade-in text-balance lg:text-3xl text-2xl font-normal tracking-tight text-black">{{ subtitle }}</h3>
<p class="mt-8 lg:text-lg font-light text-black sm:text-xl/8">{{ description }}</p>
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-medium tracking-tight ">{{ title }}</h2>
<h3 class="fade-in text-balance lg:text-3xl text-2xl font-normal tracking-tight ">{{ subtitle }}</h3>
<p class="mt-8 lg:text-lg font-light sm:text-xl/8">{{ description }}</p>
</div>
</div>
</div>

2
templates/shortcodes/text_left_img.html
View File

@@ -8,7 +8,7 @@
{% set image_src = image_src | default(value="") %}
{% set image_alt = image_alt | default(value="") %}
<div class="lg:py-24 py-12 fade-in bg-semi-white lg:max-w-7xl container mx-auto px-4">
<div class="lg:py-24 py-12 fade-in lg:max-w-7xl container mx-auto px-4">
<div class="relative isolate">
<div class="mx-auto mt-10 lg:mt-0 lg:flex lg:items-center lg:gap-x-15 ">
<div class="lg:order-2 mt-6 lg:mt-0 lg:flex lg:justify-center lg:w-1/2">

2
templates/shortcodes/text_right_img.html
View File

@@ -8,7 +8,7 @@
{% set image_src = image_src | default(value="") %}
{% set image_alt = image_alt | default(value="") %}
<div class="lg:py-24 py-12 fade-in bg-semi-white lg:max-w-7xl container mx-auto px-4">
<div class="lg:py-24 py-12 fade-in lg:max-w-7xl container mx-auto px-4">
<div class="relative isolate">
<div class="mx-auto mt-10 lg:mt-0 lg:flex lg:items-center lg:gap-x-15 ">