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

edit text colior
Some checks are pending
www2.threefold_io / Deploy (push) Waiting to run
Details
www2.threefold_io / Wait for Website Update (push) Blocked by required conditions
Details
www2.threefold_io / Check for Broken Links (push) Blocked by required conditions
Details

Browse Source
This commit is contained in:
sasha-astiadi
2025-02-18 22:40:40 +08:00
parent 4f59562c2d
commit 40e8971ca1
63 changed files with 411 additions and 324 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
templates/partials/hero/hero1.html
View File

@@ -1,19 +1,19 @@
<div class="text-white fade-in">
<div class="text-black fade-in">
<div class="relative isolate px-6 pt-14 lg:px-8">
<div class="mx-auto max-w-2xl py-32 sm:py-48 lg:py-56">
<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">
Announcing our next round of funding. <a href="#" class="font-semibold text-gray-200 hover:text-white"><span class="absolute inset-0" aria-hidden="true"></span>Read more <span aria-hidden="true">&rarr;</span></a>
Announcing our next round of funding. <a href="#" class="font-semibold text-gray-200 hover:text-black"><span class="absolute inset-0" aria-hidden="true"></span>Read more <span aria-hidden="true">&rarr;</span></a>
</div>
</div>
<div class="text-center">
<p class="text-base/7 font-light text-black tracking-wide">SUBHEADER</p>
<h1 class="lg:text-6xl text-4xl font-semibold tracking-tight text-balance text-black">This is Hero1.html</h1>
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-white">This is smaller title h2</h2>
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-black">This is smaller title h2</h2>
<p class="mt-8 lg:text-lg font-light text-gray-50 sm:text-xl/8">Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat.</p>
<div class="mt-10 flex items-center justify-center gap-x-6">
<a href="#" class="rounded-2xl bg-white px-3.5 py-2.5 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">Get started</a>
<a href="#" class="text-sm/6 font-semibold text-white hover:text-gray-200">Learn more <span aria-hidden="true">→</span></a>
<a href="#" class="text-sm/6 font-semibold text-black hover:text-gray-200">Learn more <span aria-hidden="true">→</span></a>
</div>
</div>
</div>

10
templates/partials/hero/hero2.html
View File

@@ -1,13 +1,13 @@
<div class="relative isolate overflow-hidden">
<div class="mx-auto max-w-7xl lg:col-span-2 px-6 pt-10 pb-24 sm:pb-32 lg:flex lg:gap-x-20 lg:px-8 lg:py-40">
<div class="mx-auto max-w-2xl shrink-0 lg:mx-0 lg:pt-8">
<p class="text-base/7 font-light text-white tracking-wide">SUBHEADER</p>
<h1 class="mt-10 font-semibold tracking-tight text-pretty text-white lg:text-6xl text-4xl">This is Hero2.html</h1>
<h2 class="fade-in text-pretty lg:text-5xl text-4xl font-normal tracking-tight text-white">This is smaller title h2</h2>
<p class="text-base/7 font-light text-black tracking-wide">SUBHEADER</p>
<h1 class="mt-10 font-semibold tracking-tight text-pretty text-black lg:text-6xl text-4xl">This is Hero2.html</h1>
<h2 class="fade-in text-pretty lg:text-5xl text-4xl font-normal tracking-tight text-black">This is smaller title h2</h2>
<p class="mt-8 text-lg font-light text-gray-50 lg:text-xl">Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat.</p>
<div class="mt-10 flex items-center gap-x-6">
<a href="#" class="rounded-2xl bg-white px-3.5 py-2.5 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">Get started</a>
<a href="#" class="text-sm/6 font-semibold text-white hover:text-gray-200">Learn more <span aria-hidden="true">→</span></a>
<a href="#" class="rounded-2xl bg-white px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-gray-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-200">Get started</a>
<a href="#" class="text-sm/6 font-semibold text-black hover:text-gray-200">Learn more <span aria-hidden="true">→</span></a>
</div>
</div>
<div class="mx-auto mt-16 flex max-w-2xl sm:mt-24 lg:mt-0 lg:mr-0 lg:ml-10 lg:max-w-none lg:flex-none xl:ml-32">

8
templates/partials/hero/hero3.html
View File

@@ -5,16 +5,16 @@
<div class="mx-auto max-w-2xl py-32 sm:py-48 lg:py-56">
<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">
Announcing our next round of funding. <a href="#" class="font-semibold text-gray-200 hover:text-white"><span class="absolute inset-0" aria-hidden="true"></span>Read more <span aria-hidden="true">&rarr;</span></a>
Announcing our next round of funding. <a href="#" class="font-semibold text-gray-200 hover:text-black"><span class="absolute inset-0" aria-hidden="true"></span>Read more <span aria-hidden="true">&rarr;</span></a>
</div>
</div>
<div class="text-center">
<h1 class="lg:text-6xl text-4xl font-semibold tracking-tight text-balance text-white">This is Hero3.html</h1>
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-white">This is smaller title h2</h2>
<h1 class="lg:text-6xl text-4xl font-semibold tracking-tight text-balance text-black">This is Hero3.html</h1>
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-black">This is smaller title h2</h2>
<p class="mt-8 lg:text-xl text-lg font-light text-gray-50 sm:text-xl/8">Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat.</p>
<div class="mt-10 flex items-center justify-center gap-x-6">
<a href="#" class="rounded-2xl bg-white px-3.5 py-2.5 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">Get started</a>
<a href="#" class="text-sm/6 font-semibold text-white hover:text-gray-200">Learn more <span aria-hidden="true">→</span></a>
<a href="#" class="text-sm/6 font-semibold text-black hover:text-gray-200">Learn more <span aria-hidden="true">→</span></a>
</div>
</div>
</div>

6
templates/partials/hero/hero4.html
View File

@@ -3,12 +3,12 @@
<div class="py-24 sm:py-32 lg:pb-40">
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="mx-auto max-w-2xl text-center">
<h1 class="lg:text-6xl text-4xl font-semibold tracking-tight text-balance text-white">This is Hero4.html</h1>
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-white">This is smaller title h2</h2>
<h1 class="lg:text-6xl text-4xl font-semibold tracking-tight text-balance text-black">This is Hero4.html</h1>
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-black">This is smaller title h2</h2>
<p class="mt-8 lg:text-xl text-lg font-light text-gray-50 sm:text-xl/8">Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat.</p>
<div class="mt-10 flex items-center justify-center gap-x-6">
<a href="#" class="rounded-2xl bg-white px-3.5 py-2.5 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">Get started</a>
<a href="#" class="text-sm/6 font-semibold text-white hover:text-gray-200">Learn more <span aria-hidden="true">→</span></a>
<a href="#" class="text-sm/6 font-semibold text-black hover:text-gray-200">Learn more <span aria-hidden="true">→</span></a>
</div>
</div>
<img src="https://tailwindui.com/plus/img/component-images/dark-project-app-screenshot.png" alt="App screenshot" width="2432" height="1442" class="mt-16 rounded-md bg-white/5 ring-1 shadow-2xl ring-white/10 sm:mt-24">

8
templates/partials/hero/hero5.html
View File

@@ -2,11 +2,11 @@
<div class="relative isolate pt-14">
<div class="mx-auto max-w-7xl px-6 py-24 sm:py-32 lg:flex lg:items-center lg:gap-x-15 lg:px-8 lg:py-40">
<div class="mx-auto max-w-2xl lg:mx-0 lg:flex-auto">
<p class="text-base/7 font-light text-white tracking-wide">SUBHEADER</p>
<h1 class="mt-10 text-4xl font-semibold tracking-tight text-white lg:text-6xl">
<p class="text-base/7 font-light text-black tracking-wide">SUBHEADER</p>
<h1 class="mt-10 text-4xl font-semibold tracking-tight text-black lg:text-6xl">
This is Hero5.html
</h1>
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-white">This is smaller title h2</h2>
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-black">This is smaller title h2</h2>
<p class="mt-8 text-lg font-light text-gray-50 sm:text-xl">
Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo.
Elit sunt amet fugiat veniam occaecat fugiat aliqua. Anim aute id magna aliqua ad ad non deserunt sunt.
@@ -15,7 +15,7 @@
<a href="#" class="rounded-2xl bg-white px-3.5 py-2.5 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">
Get started
</a>
<a href="#" class="text-sm font-semibold text-white hover:text-gray-200">
<a href="#" class="text-sm font-semibold text-black hover:text-gray-200">
Learn more <span aria-hidden="true">→</span>
</a>
</div>

8
templates/partials/hero/hero6.html
View File

@@ -2,11 +2,11 @@
<div class="mx-auto max-w-7xl lg:grid lg:grid-cols-12 lg:gap-x-8 lg:px-8">
<div class="px-6 pt-10 pb-24 sm:pb-32 lg:col-span-7 lg:px-0 lg:pt-40 lg:pb-48 xl:col-span-6">
<div class="mx-auto max-w-2xl lg:mx-0 lg:flex-auto">
<p class="text-base/7 font-light text-white tracking-wide">SUBHEADER</p>
<h1 class="mt-10 text-4xl font-semibold tracking-tight text-white lg:text-6xl">
<p class="text-base/7 font-light text-black tracking-wide">SUBHEADER</p>
<h1 class="mt-10 text-4xl font-semibold tracking-tight text-black lg:text-6xl">
This is Hero6.html
</h1>
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-white">This is smaller title h2</h2>
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-black">This is smaller title h2</h2>
<p class="mt-8 text-lg font-light text-gray-50 lgl:text-xl">
Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo.
Elit sunt amet fugiat veniam occaecat fugiat aliqua. Anim aute id magna aliqua ad ad non deserunt sunt.
@@ -15,7 +15,7 @@
<a href="#" class="rounded-2xl bg-white px-3.5 py-2.5 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">
Get started
</a>
<a href="#" class="text-sm font-semibold text-white hover:text-gray-200">
<a href="#" class="text-sm font-semibold text-black hover:text-gray-200">
Learn more <span aria-hidden="true">→</span>
</a>
</div>

8
templates/partials/hero/hero7.html
View File

@@ -7,14 +7,14 @@
<div class="hidden sm:mb-10 sm:flex">
<div class="relative rounded-full px-3 py-1 text-sm/6 text-gray-50 ring-1 ring-gray-700 hover:ring-gray-600">
Anim aute id magna aliqua ad ad non deserunt sunt.
<a href="#" class="font-semibold whitespace-nowrap text-white">
<a href="#" class="font-semibold whitespace-nowrap text-black">
<span class="absolute inset-0" aria-hidden="true"></span>Read more <span aria-hidden="true">&rarr;</span>
</a>
</div>
</div>
<p class="text-base/7 font-light text-white tracking-wide">SUBHEADER IF NEEDED</p>
<h1 class="text-4xl lg:text-6xl font-semibold tracking-tight text-white">This is hero7.html</h1>
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-white">This is smaller title h2</h2>
<p class="text-base/7 font-light text-black tracking-wide">SUBHEADER IF NEEDED</p>
<h1 class="text-4xl lg:text-6xl font-semibold tracking-tight text-black">This is hero7.html</h1>
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-black">This is smaller title h2</h2>
<p class="mt-8 text-lg sm:text-xl font-light text-gray-50">
Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo.
Elit sunt amet fugiat veniam occaecat fugiat aliqua.

8
templates/partials/hero/hero8.html
View File

@@ -9,13 +9,13 @@
<div class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10"></div>
</div>
<div class="relative w-full max-w-xl lg:shrink-0 xl:max-w-2xl lg:order-first sm:pt-12">
<p class="text-base/7 font-light text-white tracking-wide">SUBHEADER</p>
<h1 class="fade-in text-4xl lg:text-6xl font-semibold tracking-tight text-white">This is Hero8.html</h1>
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-white">This is smaller title h2</h2>
<p class="text-base/7 font-light text-black tracking-wide">SUBHEADER</p>
<h1 class="fade-in text-4xl lg:text-6xl font-semibold tracking-tight text-black">This is Hero8.html</h1>
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-black">This is smaller title h2</h2>
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.</p>
<div class="mt-10 flex items-center gap-x-6">
<a href="/ventures" class="rounded-md main-button px-3.5 py-2.5 text-sm font-semibold text-black shadow-sm bg-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Learn More</a>
<a href="#" class="text-sm/6 font-semibold text-white hover:text-gray-200">Learn more <span aria-hidden="true">→</span></a>
<a href="#" class="text-sm/6 font-semibold text-black hover:text-gray-200">Learn more <span aria-hidden="true">→</span></a>
</div>
</div>
<div class="mt-14 flex justify-end gap-8 lg:mt-0 lg:pl-0">

8
templates/partials/hero/hero9.html
View File

@@ -3,13 +3,13 @@
<div class="mx-auto max-w-7xl px-6 py-32 lg:py-40 lg:px-8">
<div class="mx-auto max-w-2xl lg:mx-0 lg:grid lg:max-w-none lg:grid-cols-2 lg:items-center lg:gap-x-16 xl:grid-cols-2 xl:gap-x-16">
<div class="text-content">
<p class="text-base/7 font-light text-white tracking-wide">SUBHEADER</p>
<h1 class="text-4xl font-semibold tracking-tight text-white lg:text-6xl">This is hero9.html</h1>
<h2 class="mt-6 text-4xl font-normal tracking-tight text-white lg:text-5xl">This is smaller title h2</h2>
<p class="text-base/7 font-light text-black tracking-wide">SUBHEADER</p>
<h1 class="text-4xl font-semibold tracking-tight text-black lg:text-6xl">This is hero9.html</h1>
<h2 class="mt-6 text-4xl font-normal tracking-tight text-black lg:text-5xl">This is smaller title h2</h2>
<p class="mt-6 text-lg font-light text-gray-200 lg:text-xl">Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua. Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo.</p>
<div class="mt-10 flex items-center gap-x-6">
<a href="/ventures" class="rounded-md main-button px-3.5 py-2.5 text-sm font-semibold text-black shadow-sm bg-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Learn More</a>
<a href="#" class="text-sm/6 font-semibold text-white hover:text-gray-200">Learn more <span aria-hidden="true">→</span></a>
<a href="#" class="text-sm/6 font-semibold text-black hover:text-gray-200">Learn more <span aria-hidden="true">→</span></a>
</div>
</div>
<div class="flex justify-center items-center">

2
templates/partials/hero/myhero3.html
View File

@@ -1,7 +1,7 @@
<div class=" fade-in bg-white">
<div class="lg:py-12 relative isolate">
<div class=" mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8 pb-24">
<p class="text-base/7 font-light text-white tracking-wide">HOW IT WORKS</p>
<p class="text-base/7 font-light text-black tracking-wide">HOW IT WORKS</p>
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-black">Unraveling Mycelium's Secrets </h2>
<p class="text-left mt-4 text-pretty lg:text-lg text-md font-light text-black fade-in max-w-3xl">
Mycelium, like its natural namesake, thrives on decentralization, efficiency, and security, making it a truly powerful force in the world of decentralized networks.

4
templates/partials/hero/myhero4.html
View File

@@ -13,8 +13,8 @@
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-black">This is smaller title h2</h2>
<p class="mt-8 lg:text-xl text-lg font-light text-black sm:text-xl/8">Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat.</p>
<div class="mt-10 flex items-center justify-center gap-x-6">
<a href="#" class="rounded-2xl bg-black px-3.5 py-2.5 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">Get started</a>
<a href="#" class="text-sm/6 font-semibold text-white hover:text-gray-200">Learn more <span aria-hidden="true">→</span></a>
<a href="#" class="rounded-2xl bg-black px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-gray-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-200">Get started</a>
<a href="#" class="text-sm/6 font-semibold text-black hover:text-gray-200">Learn more <span aria-hidden="true">→</span></a>
</div>
</div>
</div>

2
templates/partials/hero/myhero7.html
View File

@@ -6,7 +6,7 @@
<p class="mt-6 text-lg lg:text-xl text-pretty font-light text-gray-300">Join the Mycelium network and be a part of the decentralized movement.</p>
<div class="mt-10 flex items-center justify-center gap-x-6 lg:justify-start">
<a href="#" class="rounded-2xl bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-xs hover:bg-gray-100 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">Download Now</a>
<a href="#" class="text-sm/6 font-semibold text-white hover:text-gray-100">Read Manual <span aria-hidden="true">→</span></a>
<a href="#" class="text-sm/6 font-semibold text-black hover:text-gray-100">Read Manual <span aria-hidden="true">→</span></a>
</div>
</div>
<div class="relative mt-16 h-80 lg:mt-8">