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

Initial commit

Browse Source
This commit is contained in:
ourworld_web
2025-02-12 06:59:33 +00:00
commit 648680d0ae
406 changed files with 15597 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
templates/partials/hero/hero1.html Normal file
View File

@@ -0,0 +1,22 @@
<div class="text-white 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>
</div>
</div>
<div class="text-center">
<p class="text-base/7 font-light text-white tracking-wide">SUBHEADER</p>
<h1 class="lg:text-6xl text-4xl font-semibold tracking-tight text-balance text-white">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>
<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>
</div>
</div>
</div>
</div>
</div>

19
templates/partials/hero/hero2.html Normal file
View File

@@ -0,0 +1,19 @@
<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="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>
</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">
<div class="max-w-3xl flex-none lg:max-w-5xl">
<img src="https://tailwindui.com/plus/img/component-images/dark-project-app-screenshot.png" alt="App screenshot" width="2432" height="1442" class="w-[76rem] rounded-md bg-white/5 shadow-2xl ">
</div>
</div>
</div>
</div>

23
templates/partials/hero/hero3.html Normal file
View File

@@ -0,0 +1,23 @@
<div class="">
<div class="relative isolate overflow-hidden pt-14">
<img src="https://images.unsplash.com/photo-1521737604893-d14cc237f11d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8" alt="" class="absolute inset-0 -z-10 size-full object-cover opacity-30">
<div class="mx-auto max-w-7xl px-6 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>
</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>
<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>
</div>
</div>
</div>
</div>
</div>
</div>

19
templates/partials/hero/hero4.html Normal file
View File

@@ -0,0 +1,19 @@
<div class="">
<div class="relative isolate pt-14">
<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>
<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>
</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">
</div>
</div>
</div>
</div>

29
templates/partials/hero/hero5.html Normal file
View File

@@ -0,0 +1,29 @@
<div class=" fade-in">
<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">
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>
<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.
</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 font-semibold text-white hover:text-gray-200">
Learn more <span aria-hidden="true">→</span>
</a>
</div>
</div>
<div class="mt-16 sm:mt-24 lg:mt-0 lg:flex lg:justify-center lg:w-1/2">
<img class="w-full max-w-lg h-auto object-cover rounded-xl" src="https://images.unsplash.com/photo-1622615875737-0d959726e947?q=80&w=2787&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
alt="Mobile App Screenshot">
</div>
</div>
</div>
</div>

28
templates/partials/hero/hero6.html Normal file
View File

@@ -0,0 +1,28 @@
<div class="relative fade-in">
<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">
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>
<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.
</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 font-semibold text-white hover:text-gray-200">
Learn more <span aria-hidden="true">→</span>
</a>
</div>
</div>
</div>
<div class="relative lg:col-span-5 lg:-mr-8 xl:absolute xl:inset-0 xl:left-1/2 xl:mr-0">
<img class="aspect-3/2 w-full bg-gray-50 object-cover lg:absolute lg:inset-0 lg:aspect-auto h-full" src="https://images.unsplash.com/photo-1487017159836-4e23ece2e4cf?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2102&q=80" alt="">
</div>
</div>
</div>

38
templates/partials/hero/hero7.html Normal file
View File

@@ -0,0 +1,38 @@
<div class="fade-in">
<div class="relative">
<div class="mx-auto max-w-7xl">
<div class="relative z-10 pt-14 lg:w-full lg:max-w-2xl">
<div class="relative px-6 py-32 sm:py-40 lg:px-8 lg:py-56 lg:pr-0">
<div class="mx-auto max-w-2xl lg:mx-0 lg:max-w-xl">
<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">
<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="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.
</p>
<div class="mt-10 flex items-center gap-x-6">
<a href="#" class="rounded-md 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-gray-50 hover:text-gray-300">
Learn more <span aria-hidden="true">→</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="bg-gray-800 lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2">
<img class="aspect-3/2 object-cover lg:aspect-auto lg:size-full" src="https://images.unsplash.com/photo-1483389127117-b6a2102724ae?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1587&q=80" alt="">
</div>
</div>
</div>

54
templates/partials/hero/hero8.html Normal file
View File

@@ -0,0 +1,54 @@
<div class="relative">
<main>
<div class="relative isolate">
<div class="overflow-hidden">
<div class="mx-auto max-w-7xl px-6 lg:pb-24 pt-12 lg:px-8 lg:pt-12">
<div class="mx-auto max-w-2xl gap-x-14 lg:mx-0 lg:flex lg:max-w-none lg:items-center">
<div class="relative lg:hidden pb-4">
<img src="/images/people_1.jpg">
<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="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>
</div>
</div>
<div class="mt-14 flex justify-end gap-8 lg:mt-0 lg:pl-0">
<div class="ml-auto w-44 flex-none space-y-8 lg:pt-36 hidden lg:block">
<div class="relative hidden lg:block">
<img src="/images/people_1.jpg" alt="" class="aspect-[2/3] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg">
<div class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10"></div>
</div>
</div>
<div class="mr-auto w-44 flex-none space-y-8 lg:pt-24 hidden lg:block">
<div class="relative hidden lg:block">
<img src="/images/people_2.jpg" alt="" class="aspect-[2/3] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg">
<div class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10"></div>
</div>
<div class="relative hidden lg:block">
<img src="/images/people_3.jpg" alt="" class="aspect-[3/4] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg">
<div class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10"></div>
</div>
</div>
<div class="w-44 flex-none space-y-8 lg:pt-12 hidden lg:block">
<div class="relative hidden lg:block">
<img src="/images/people_4.jpg" alt="" class="aspect-[3/4] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg">
<div class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10"></div>
</div>
<div class="relative hidden lg:block">
<img src="/images/people_5.jpg" alt="" class="aspect-[3/4] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg">
<div class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
</div>

22
templates/partials/hero/hero9.html Normal file
View File

@@ -0,0 +1,22 @@
<div class="fade-in">
<div class="relative isolate overflow-hidden bg-gradient-to-b from-indigo-100/20 pt-14">
<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="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>
</div>
</div>
<div class="flex justify-center items-center">
<img src="https://images.unsplash.com/photo-1567532900872-f4e906cbf06a?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1280&q=80" alt="" class="w-full max-w-lg rounded-2xl object-cover">
</div>
</div>
</div>
</div>
</div>