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

update mycelium template

Browse Source
This commit is contained in:
Ehab Hassan
2025-05-13 00:08:22 +03:00
parent fde1b767c4
commit fe1df2ac35
9 changed files with 69 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
templates/shortcodes/hero3.html
View File

@@ -1,6 +1,6 @@
<div class="fade-in flex items-center justify-center ">
<div class="relative isolate px-6 pt-14 lg:px-8">
<div class="mx-auto max-w-7xl py-12">
<div class="mx-auto max-w-3xl py-12">
<div class="hidden sm:mb-8 sm:flex sm:justify-center">
<div class="relative rounded-full px-3 py-1 text-sm/6 text-gray-300 ring-1 ring-gray-700 hover:ring-gray-500">
{{ announcement | safe }}
@@ -8,9 +8,9 @@
</div>
<div class="text-center">
<p class="text-base/7 font-light tracking-wide">{{ subheader }}</p>
<h1 class="lg:text-6xl text-4xl font-semibold tracking-tight text-balance">{{ title }}</h1>
<h1 class="fade-in text-balance font-normal tracking-tight leading-tight lg:text-6xl text-3xl">{{ title }}</h1>
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight">{{ subtitle }}</h2>
<p class="mt-8 lg:text-lg font-light text-gray-50 sm:text-xl/8">{{ description }}</p>
<p class="mt-8 lg:text-xl font-light text-gray-50 sm:text-xl/8">{{ description }}</p>
<div class="mt-10 flex items-center justify-center gap-x-6">
<a href="{{ button1_link }}" class="rounded-2xl bg-gray-300 px-4 py-2 text-sm font-semibold text-black shadow-xs hover:bg-gray-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-200">{{ button1_text }}</a>
<a href="{{ button2_link }}" class="text-sm/6 font-semibold hover:text-gray-300">{{ button2_text }} <span aria-hidden="true">→</span></a>

31
templates/shortcodes/hero_img.html Normal file
View File

@@ -0,0 +1,31 @@
<div class="flex flex-col lg:flex-row-reverse items-center overflow-hidden bg-white pt-10">
<!-- Image first on mobile, right on desktop -->
<div class="w-full lg:w-1/2 h-80 lg:h-full">
<img src="/images/mycel_1.png"
alt="Mycelium Network Graphic"
class="w-full h-full object-cover object-center" />
</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">
<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">
Unleashing the Power of<br> Decentralized Networks
</h2>
<p class="mt-8 text-lg lg:text-xl font-light">
Discover Mycelium, an end-to-end encrypted IPv6 overlay network. The future of secure, efficient, and scalable networking. <br><br>
<b>Coming Soon: New Decentralized Features</b>
</p>
<div class="mt-10">
<a href="/download" class="rounded-2xl bg-black px-4 py-2 text-sm font-semibold text-white shadow hover:bg-gray-700 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-gray-300">
Get Mycelium
</a>
</div>
</div>
</div>
</div>