Merge branch 'development' of https://git.ourworld.tf/ourworld_web/www_mycelium into development
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
<div class="relative fade-in pt-20 mt-4 lg:mt-24 lg:pt-24 h-screen">
|
||||
<div class="relative fade-in pt-10 mt-4 lg:mt-24 lg:pt-24 lg:h-screen">
|
||||
<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">
|
||||
@@ -18,7 +18,7 @@
|
||||
</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="lg:mt-10 aspect-1/1 mx-auto w-full md:w-1/2 lg:w-full object-cover lg:absolute lg:inset-0 lg:aspect-auto" src="/images/mycel_1.png" alt="">
|
||||
<img class="lg:mt-10 aspect-1/1 mx-auto w-full sm:w-2/3 md:w-1/2 lg:w-full object-cover lg:absolute lg:inset-0 lg:aspect-auto" src="/images/mycel_1.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<div class="pb-24 fade-in bg-semi-white">
|
||||
<div class="py-24 lg:pt-0 fade-in bg-semi-white">
|
||||
<div class="relative isolate">
|
||||
|
||||
<div class="mx-auto max-w-7xl px-6 lg:flex lg:items-center lg:gap-x-15 lg:px-8">
|
||||
<div class="mx-auto mt-10 lg:mt-0 max-w-7xl px-6 lg:flex lg:items-center lg:gap-x-15 lg:px-8">
|
||||
<div class="mx-auto max-w-lg lg:mx-0 lg:flex-auto">
|
||||
<p class="text-base/7 font-light text-black tracking-wide">ABOUT</p>
|
||||
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-black">Discover Mycelium</h2>
|
||||
@@ -13,7 +13,7 @@
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="lg:order-first mt-16 sm:mt-24 lg:mt-0 lg:flex lg:justify-center lg:w-1/2">
|
||||
<div class="lg:order-first mt-6 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="/images/mycel2.png"
|
||||
alt="Mobile App Screenshot">
|
||||
</div>
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -1,14 +1,18 @@
|
||||
<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">
|
||||
<div class="fade-in bg-white">
|
||||
<div class="lg:py-24 py-12 relative isolate">
|
||||
<div class=" mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8 lg:pb-24">
|
||||
<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">How Mycelium Operates</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.
|
||||
</p>
|
||||
</div>
|
||||
<div class="mx-auto max-w-7xl px-6 lg:flex lg:items-center lg:gap-x-15 lg:px-8">
|
||||
<div class="mx-auto max-w-lg lg:mx-0 lg:flex-auto">
|
||||
<div class="mx-auto max-w-7xl lg:flex lg:items-center lg:gap-x-15 lg:px-8">
|
||||
<div class="my-6 lg:my-0 lg:flex lg:justify-center lg:w-1/2">
|
||||
<img class="w-full max-w-lg h-auto object-cover rounded-xl" src="/images/feature6a.png"
|
||||
alt="Mobile App Screenshot">
|
||||
</div>
|
||||
<div class="mx-auto max-w-lg lg:mx-0 lg:flex-auto pt-4">
|
||||
<dl class="space-y-8 text-base/7 lg:max-w-none">
|
||||
<div class="relative pl-9">
|
||||
<dt class="font-semibold lg:text-lg text-base text-black ">
|
||||
@@ -32,10 +36,7 @@
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="lg:order-first 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="/images/feature6a.png"
|
||||
alt="Mobile App Screenshot">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,54 +1,54 @@
|
||||
<div class="py-24 sm:py-32">
|
||||
<div class="lg:py-24 py-12">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="mx-auto max-w-4xl text-center">
|
||||
<div class="mx-auto max-w-4xl text-left lg:text-center">
|
||||
<p class="text-base/7 font-light text-black tracking-wide">WHAT'S NEW</p>
|
||||
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-black"> Coming Soon: The Future of Mycelium</h2>
|
||||
<p class="mt-6 text-lg font-light lg:text-xl">Mycelium is evolving to bring even more powerful decentralized features, designed to enhance your experience and expand possibilities. Be the first to explore what’s coming next by staying connected with our latest updates.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="relative overflow-hidden pt-10">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8 flex items-center justify-center">
|
||||
<div class="relative overflow-hidden pt-2">
|
||||
<div class="mx-auto max-w-7xl px-4 lg:px-8 flex items-center justify-center">
|
||||
<img src="/images/future.png" alt="App screenshot" width="900">
|
||||
</div>
|
||||
</div>
|
||||
<div class="mx-auto mt-10 max-w-7xl px-6 lg:px-8">
|
||||
<dl class="mx-auto grid max-w-2xl grid-cols-1 gap-x-6 gap-y-10 text-base/7 text-black sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3 lg:gap-x-8 lg:gap-y-16">
|
||||
<div class="relative pl-9">
|
||||
<dl class="mx-auto grid max-w-2xl grid-cols-1 gap-x-6 gap-y-4 text-base/7 text-black sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3 lg:gap-x-8 lg:gap-y-10">
|
||||
<div class="relative lg:pl-9">
|
||||
<dt class="inline font-semibold text-black">
|
||||
|
||||
✓ QSFS Storage Functionality
|
||||
✓ Quantum Safe Storage Functionality
|
||||
</dt>
|
||||
<dd class="font-light">Mycelium’s QSFS storage enables flexible, scalable, and efficient data distribution across a decentralized network, ensuring redundancy and security.</dd>
|
||||
<dd class="font-light">Mycelium’s quantum safe storage enables flexible, scalable, and efficient data distribution across a decentralized network, ensuring redundancy and security.</dd>
|
||||
</div>
|
||||
<div class="relative pl-9">
|
||||
<div class="relative lg:pl-9">
|
||||
<dt class="inline font-semibold text-black">
|
||||
|
||||
✓ Entry and Exit Points for AI Workloads
|
||||
</dt>
|
||||
<dd class="font-light">Seamlessly connect AI applications to Mycelium, providing optimized nd secured data pipelines for training, inference, and real-time processing.</dd>
|
||||
</div>
|
||||
<div class="relative pl-9">
|
||||
<div class="relative lg:pl-9">
|
||||
<dt class="inline font-semibold text-black">
|
||||
|
||||
✓ Data Storage and Retrieval Mechanisms
|
||||
</dt>
|
||||
<dd class="font-light">Users can choose between storing data locally for quick access or utilizing the distributed grid for enhanced scalability and resilience.</dd>
|
||||
</div>
|
||||
<div class="relative pl-9">
|
||||
<div class="relative lg:pl-9">
|
||||
<dt class="inline font-semibold text-black">
|
||||
|
||||
✓ Ability to Store Data on Behalf of Other Users
|
||||
✓ Integrated Name Services (DNS)
|
||||
</dt>
|
||||
<dd class="font-light">Mycelium enables users to securely store and manage data for others, facilitating shared access while maintaining ownership and permissions.</dd>
|
||||
<dd class="font-light">The Integrated DNS system efficiently finds the shortest path between users and websites, automatically balancing loads and identifying alternative routes in case of internet issues.</dd>
|
||||
</div>
|
||||
<div class="relative pl-9">
|
||||
<div class="relative lg:pl-9">
|
||||
<dt class="inline font-semibold text-black">
|
||||
|
||||
✓ Frontend/Backend Integration
|
||||
</dt>
|
||||
<dd class="font-light"> Mycelium provides seamless integration with existing applications, enabling developers to leverage decentralized storage across both frontend and backend architectures.</dd>
|
||||
</div>
|
||||
<div class="relative pl-9">
|
||||
<div class="relative lg:pl-9">
|
||||
<dt class="inline font-semibold text-black">
|
||||
|
||||
✓ CDN (Content Delivery Network)
|
||||
|
||||
@@ -52,6 +52,37 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div x-data="{ expanded: false }" class="py-2">
|
||||
<h2>
|
||||
<button
|
||||
id="faqs-title-01"
|
||||
type="button"
|
||||
class="flex items-center justify-between w-full text-left font-semibold py-2 border-none"
|
||||
@click="expanded = !expanded"
|
||||
:aria-expanded="expanded"
|
||||
aria-controls="faqs-text-01"
|
||||
>
|
||||
<span class="pl-4" style="color: #000;">Is mycelium ready to scale to the world?</span>
|
||||
<svg class="fill-black shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||
</svg>
|
||||
</button>
|
||||
</h2>
|
||||
<div
|
||||
id="faqs-text-01"
|
||||
role="region"
|
||||
aria-labelledby="faqs-title-01"
|
||||
class="grid text-sm text-black overflow-hidden transition-all duration-300 ease-in-out"
|
||||
:class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'"
|
||||
>
|
||||
<div class="overflow-hidden">
|
||||
<p class="pb-3 text-black text-base font-light">
|
||||
No, Mycelium is not yet fully scalable to a global level. Currently, each network can support around 100,000 users, but multiple networks can be deployed to expand capacity. We anticipate resolving these scalability challenges by 2025.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Accordion item -->
|
||||
<div x-data="{ expanded: false }" class="py-2">
|
||||
<h2>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<div class="fade-in">
|
||||
<div class="fade-in lg:pt-12">
|
||||
<div class="mx-auto max-w-7xl py-12 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">
|
||||
@@ -10,7 +10,7 @@
|
||||
</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">
|
||||
<img class="absolute top-0 left-0 w-[25rem] lg:w-[45rem] max-w-none rounded-2xl ring-1 ring-white/10" src="/images/mycel3.png" alt="App screenshot" width="1824" height="1080">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<div class="py-24 sm:py-32">
|
||||
<div class="lg:py-24 py-12">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="mx-auto">
|
||||
<p class="text-base/7 font-light text-black tracking-wide">WHAT IT ENABLES</p>
|
||||
@@ -16,7 +16,7 @@
|
||||
</div>
|
||||
</div> #}
|
||||
<div class="mx-auto mt-10 max-w-7xl">
|
||||
<dl class="mx-auto grid max-w-2xl grid-cols-1 gap-x-6 gap-y-10 text-base/7 text-black sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-2 lg:gap-x-8 lg:gap-y-16">
|
||||
<dl class="mx-auto grid max-w-2xl grid-cols-1 gap-x-6 gap-y-10 text-base/7 text-black sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-2 lg:gap-x-8 lg:gap-y-8">
|
||||
<div class="relative pl-9">
|
||||
<dt class="inline font-semibold text-black">
|
||||
|
||||
@@ -72,7 +72,7 @@
|
||||
</dl>
|
||||
<hr class="my-6">
|
||||
|
||||
<div class="mx-auto mt-10 max-w-6xl">
|
||||
<div class="mx-auto mt-10 px-6 lg:px-0 lg:max-w-6xl">
|
||||
<a href="/download" class=" rounded-2xl bg-black px-6 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-gray-900 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-200">Get Started</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user