sashaastiadi/www_mycelium
1
0
Fork 1
forked from hero/www_hero_project
Code Pull Requests Activity

edit tech

Browse Source
This commit is contained in:
sasha-astiadi
2024-08-19 17:34:53 +02:00
parent 6a1a57616a
commit 6592034235
11 changed files with 84 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
templates/partials/technology3.html
View File

@@ -1,16 +1,16 @@
<div class="">
<section aria-labelledby="features-heading" class="mx-auto max-w-7xl pt-12 pb-12 sm:px-2 lg:px-8">
<section aria-labelledby="features-heading" class="mx-auto max-w-7xl py-12 sm:px-2 lg:px-8">
<div class="mx-auto max-w-2xl px-4 lg:max-w-none lg:px-0">
<div class="max-w-3xl">
<h2 id="features-heading" class="text-3xl font-bold tracking-tight text-white sm:text-4xl">Technical Specifications</h2>
<p class="mt-4 text-gray-50">Dive into the technical details that empower our revolutionary cloud platform, Offering Compute (GPU, CPU), Storage and Network.</p>
<h2 id="features-heading" class="lg:text-3xl font-bold tracking-tight text-white text-2xl">Technical Specifications</h2>
<p class="mt-4 text-base lg:text-xl text-gray-50">Dive into the technical details that empower our revolutionary cloud platform, Offering Compute (GPU, CPU), Storage and Network.</p>
</div>
<div class="mt-4">
<div class="-mx-4 flex overflow-x-auto sm:mx-0">
<div class="flex-auto border-b border-gray-200 px-4 sm:px-0">
<div class="-mb-px flex space-x-10" aria-orientation="horizontal" role="tablist">
<!-- Current: "border-indigo-500 text-indigo-400", Default: "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-50" -->
<!-- Current: "border-indigo-500 text-indigo-400", Default: "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700" -->
<button id="features-tab-1" class="whitespace-nowrap border-b-2 border-transparent py-6 text-base font-medium text-gray-50 hover:border-gray-300 hover:text-gray-50" aria-controls="features-panel-1" role="tab" type="button">3Nodes</button>
<button id="features-tab-2" class="whitespace-nowrap border-b-2 border-transparent py-6 text-base font-medium text-gray-50 hover:border-gray-300 hover:text-gray-50" aria-controls="features-panel-2" role="tab" type="button">Zero-OS</button>
<button id="features-tab-3" class="whitespace-nowrap border-b-2 border-transparent py-6 text-base font-medium text-gray-50 hover:border-gray-300 hover:text-gray-50" aria-controls="features-panel-3" role="tab" type="button">Mycelium</button>
@@ -21,11 +21,11 @@
<div id="features-panel-1" class="space-y-16 pt-10 lg:pt-16" aria-labelledby="features-tab-1" role="tabpanel" tabindex="0">
<div class="flex flex-col-reverse lg:grid lg:grid-cols-12 lg:gap-x-8">
<div class="mt-6 lg:col-span-5 lg:mt-0">
<div class="mt-6 lg:col-span-7 lg:mt-0">
<h3 class="text-lg font-medium text-white">3Nodes</h3>
<p class="mt-2 text-sm text-gray-50">3Nodes is a revolutionary decentralized infrastructure comprising a network of three interconnected nodes that collectively provide a highly resilient, secure, and scalable platform for computing, storage, and data management, ensuring robust performance and redundancy across a distributed architecture.
</p>
<dl class="mt-10 space-y-8">
<dl class="mt-6 space-y-4">
<div>
<dt class="text-sm font-medium text-gray-100">&#8226; Plug & Play</dt>
<dd class="mt-2 text-sm text-gray-100">The machined kettle has a smooth black finish and contemporary shape that stands apart from most plastic appliances.</dd>
@@ -40,19 +40,19 @@
</div>
</dl>
</div>
<div class="lg:col-span-7">
<div class="aspect-h-1 aspect-w-2 overflow-hidden rounded-lg bg-gray-100 sm:aspect-h-2 sm:aspect-w-5">
<img src="https://tailwindui.com/img/ecommerce-images/product-feature-06-detail-01.jpg" alt="Maple organizer base with slots, supporting white polycarbonate trays of various sizes." class="object-cover object-center">
<div class="lg:col-span-5">
<div class="lg:aspect-h-1 lg:aspect-w-1 overflow-hidden rounded-lg sm:aspect-h-2 aspect-w-5">
<img src="/technology/img/3node.png" alt="Maple organizer base with slots, supporting white polycarbonate trays of various sizes." class="object-cover object-center">
</div>
</div>
</div>
</div>
<div id="features-panel-2" class="space-y-16 pt-10 lg:pt-10" aria-labelledby="features-tab-2" role="tabpanel" tabindex="0">
<div class="flex flex-col-reverse lg:grid lg:grid-cols-12 lg:gap-x-8">
<div class="mt-6 lg:col-span-5 lg:mt-0">
<div class="mt-6 lg:col-span-7 lg:mt-0">
<h3 class="text-lg font-medium text-white">Zero-OS</h3>
<p class="mt-2 text-sm text-gray-50">Zero-OS is a bare-metal, stateless, and efficient operating system designed to host AI, Web2, and Web3 workloads in a more sovereign manner, without compromising on security, control, and monitoring.</p>
<dl class="mt-10 space-y-8">
<dl class="mt-6 space-y-4">
<div>
<dt class="text-sm font-medium text-gray-100">&#8226; CORE-0</dt>
<dd class="mt-2 text-sm text-gray-100">First process launched on the Zero-OS. This process kicks off all activities on the node and allows the full OS to be booted over the network maintening full integrity and hacking surfaces </dd>
@@ -67,21 +67,21 @@
</div>
</dl>
</div>
<div class="lg:col-span-7">
<div class="aspect-h-1 aspect-w-2 overflow-hidden rounded-lg bg-gray-900 sm:aspect-h-2 sm:aspect-w-5">
<img src="https://tailwindui.com/img/ecommerce-images/product-feature-06-detail-02.jpg" alt="Walnut organizer base with pen, sticky note, phone, and bin trays, next to modular drink coaster attachment." class="object-cover object-center">
<div class="lg:col-span-5">
<div class="lg:aspect-h-1 lg:aspect-w-1 overflow-hidden rounded-lg sm:aspect-h-2 aspect-w-5">
<img src="/technology/img/zos.png" alt="" class="object-cover object-center">
</div>
</div>
</div>
</div>
<div id="features-panel-3" class="space-y-16 pt-10 lg:pt-16" aria-labelledby="features-tab-3" role="tabpanel" tabindex="0">
<div class="flex flex-col-reverse lg:grid lg:grid-cols-12 lg:gap-x-8">
<div class="mt-6 lg:col-span-5 lg:mt-0">
<div class="mt-6 lg:col-span-7 lg:mt-0">
<h3 class="text-lg font-medium text-white">Mycelium</h3>
<p class="mt-2 text-sm text-gray-50">
Mycelium is the culmination of a decade-long quest for a more efficient network system, enabling faster and more reliable communication between machines and people.
</p>
<dl class="mt-10 space-y-8">
<dl class="mt-6 space-y-4">
<div>
<dt class="text-sm font-medium text-gray-50">&#8226; Shortest Path Route</dt>
<dd class="mt-2 text-sm text-gray-100">Mycelium optimizes data transmission by identifying and utilizing the fastest and most direct routes.</dd>
@@ -96,20 +96,20 @@
</div>
</dl>
</div>
<div class="lg:col-span-7">
<div class="aspect-h-1 aspect-w-2 overflow-hidden rounded-lg bg-gray-900 sm:aspect-h-2 sm:aspect-w-5">
<img src="https://tailwindui.com/img/ecommerce-images/product-feature-06-detail-03.jpg" alt="Walnut organizer base with white polycarbonate trays in the kitchen with various kitchen utensils." class="object-cover object-center">
<div class="lg:col-span-5">
<div class="lg:aspect-h-1 lg:aspect-w-1 overflow-hidden rounded-lg sm:aspect-h-2 aspect-w-5">
<img src="/technology/img/mycelium.png" alt="" class="object-cover object-center">
</div>
</div>
</div>
</div>
<div id="features-panel-4" class="space-y-16 pt-10 lg:pt-16" aria-labelledby="features-tab-4" role="tabpanel" tabindex="0">
<div class="flex flex-col-reverse lg:grid lg:grid-cols-12 lg:gap-x-8">
<div class="mt-6 lg:col-span-5 lg:mt-0">
<div class="mt-6 lg:col-span-7 lg:mt-0">
<h3 class="text-lg font-medium text-gray-50">Fungistor</h3>
<p class="mt-2 text-sm text-gray-100">Fungistor is a decentralized, globally distributed data storage system that is up to 10 times more efficient in terms of power and hardware usage. It is highly reliable, ensuring that data cannot be lost or corrupted. Additionally, it is safe, private, and scalable.
</p>
<dl class="mt-10 space-y-8">
<dl class="mt-6 space-y-4">
<div>
<dt class="text-sm font-medium text-gray-100">&#8226; Always Consistent</dt>
<dd class="mt-2 text-sm text-gray-100">Fungistor employs advanced storage algorithms that fragment files into multiple pieces distributed across numerous nodes and sites.</dd>
@@ -124,9 +124,9 @@
</div>
</dl>
</div>
<div class="lg:col-span-7">
<div class="aspect-h-1 aspect-w-2 overflow-hidden rounded-lg bg-gray-900 sm:aspect-h-2 sm:aspect-w-5">
<img src="https://tailwindui.com/img/ecommerce-images/product-feature-06-detail-04.jpg" alt="Walnut organizer system on black leather desk mat on top of white desk." class="object-cover object-center">
<div class="lg:col-span-5">
<div class="lg:aspect-h-1 lg:aspect-w-1 overflow-hidden rounded-lg sm:aspect-h-2 aspect-w-5">
<img src="/technology/img/Fungistor.png" alt="Walnut organizer system on black leather desk mat on top of white desk." class="object-cover object-center">
</div>
</div>
</div>