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

add website
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-17 23:26:53 +08:00
parent b3faaa3cb6
commit 8a71dc44b8
18 changed files with 166 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,4 +1,4 @@
<div class="relative fade-in lg:pt-20 lg:pb-16">
<div class="relative fade-in lg:pt-20 lg: bpb-16">
<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 lg:pb-16 lg:col-span-7 lg:px-0 lg:pt-24 xl:col-span-6">
<div class="mx-auto max-w-2xl lg:mx-0 lg:flex-auto">
@@ -8,10 +8,10 @@
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-black">Unleashing the Power of Decentralized Networks
</h2>
<p class="mt-8 text-pretty lg:text-xl text-lg font-light text-black lgl:text-xl">
Discover the future of secure, efficient, and scalable networking with Mycelium, a key component of the ThreeFold Grid. <br>Join the Revolution.
Discover the future of secure, efficient, and scalable networking with Mycelium, a key component of the ThreeFold Grid. <br>Join the Movement.
</p>
<div class="mt-10 flex items-center gap-x-6">
<a href="#" class="rounded-2xl bg-black px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-white/5 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-200">
<a href="#" class="rounded-2xl bg-black px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-stone-900 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-200">
Get Mycelium
</a>
<a href="#" class="text-sm font-semibold text-black hover:text-black">

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

@@ -9,7 +9,7 @@
At the forefront of digital evolution lies Mycelium, a visionary project at the heart of the ThreeFold Grid. Mycelium is more than just a new technology; it's a transformative force reshaping the way we connect in the digital age. <br><br>We're on a mission to create a sustainable digital ecosystem where communication is seamless, data is secure, and scalability knows no bounds.
</p>
<div class="mt-6 flex">
<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=" rounded-2xl bg-white px-3.5 py-2.5 text-sm font-semibold text-black shadow-xs hover:bg-stone-800 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-200">Get started</a>
</div>
</div>

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

@@ -1,13 +1,17 @@
<div class="">
<div class="mx-auto max-w-7xl py-24 sm:px-6 sm:py-32 lg:px-8">
<div class="relative isolate overflow-hidden bg-gray-100 px-6 py-24 text-center shadow-2xl sm:rounded-3xl sm:px-16">
<h2 class="text-4xl font-normal tracking-tight text-balance text-black sm:text-5xl">Get Mycelium Today.</h2>
<p class="mx-auto mt-6 max-w-xl font-light text-lg/8 text-pretty text-black">Experience the Future of Decentralized AI & Storage and be part of the decentralized revolution..</p>
<div class="mt-10 flex items-center justify-center gap-x-6">
<a href="#" class=" bg-black px-3.5 py-2.5 text-sm rounded-xl font-semibold text-white shadow-xs hover:bg-gray-900 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-black hover:text-gray-950">Learn more <span aria-hidden="true">→</span></a>
<div class="fade-in">
<div class="mx-auto max-w-7xl py-24 sm:px-6 lg:px-8">
<div class="relative isolate overflow-hidden bg-black px-6 pt-16 shadow-2xl sm:rounded-3xl sm:px-16 md:pt-24 lg:flex lg:gap-x-20 lg:px-24 lg:pt-0">
<div class="mx-auto max-w-md text-center lg:mx-0 lg:flex-auto lg:py-32 lg:text-left">
<h2 class="text-4xl font-normal tracking-tight text-balance text-white lg:text-5xl">Get Mycelium Today</h2>
<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>
</div>
</div>
<div class="relative mt-16 h-80 lg:mt-8">
<img class="absolute top-0 left-0 w-[45rem] max-w-none rounded-2xl bg-white/5 ring-1 ring-white/10" src="/images/mycel3.png" alt="App screenshot" width="1824" height="1080">
</div>
</div>
</div>
</div>