update features

This commit is contained in:
2025-05-18 17:57:09 +03:00
parent efd5f04414
commit 24cf3950f5
9 changed files with 330 additions and 47 deletions

View File

@@ -4,7 +4,7 @@ sort_by = "date"
template = "index.html"
+++
<!-- Hero section -->
<!-- Hero section 1 -->
{{ hero_img(
image_src="/images/mycel_1.png",
@@ -18,6 +18,7 @@ template = "index.html"
button_link="/download"
) }}
<!-- section 2 -->
{{ hero_right_img(
@@ -29,9 +30,8 @@ template = "index.html"
button_text="Learn more",
button_link="/about"
)
) }}
}}
<!-- section 3 -->
@@ -58,12 +58,11 @@ template = "index.html"
{{ use_cases(
subtitle="WHAT IT ENABLES",
title="Powering Secure & Decentralized Connectivity",
description="Mycelium, like its natural namesake, thrives on decentralization, efficiency, and security, making it a truly powerful force in the world of decentralized networks."
)
description="Mycelium, a key component of the ThreeFold Grid, can be installed on any computer (macOS, Linux, Windows) and smartphone (iOS, Android). With seamless integration, it enables secure and private communication across devices."
description2="The ThreeFold Dashboard offers dozens of applications with built-in Mycelium support, making it easy to deploy and utilize. Once installed, Mycelium provides a secure, encrypted network for a wide range of use cases, from private communication to decentralized infrastructure."
) }}
}}
<div class="container mx-auto px-6 lg:px-8">
<div class="container mx-auto px-6 lg:px-8 py-12 lg:pb-24">
<div class="mx-auto grid grid-cols-1 gap-x-6 gap-y-10 text-base 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">
@@ -131,11 +130,9 @@ template = "index.html"
---------------------------------------------
<div class="mx-auto mt-10 px-6 lg:px-0 lg: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 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>
</div>
@@ -150,12 +147,100 @@ template = "index.html"
}} -->
<!-- Section 5 -->
{{ hero_bottom_img(
image_src="/images/future.png",
image_alt="Coming Soon: The Future of Mycelium",
subtitle="WHAT'S NEW",
title="Coming Soon: The Future of Mycelium",
description="Mycelium is evolving to bring even more powerful decentralized features, designed to enhance your experience and expand possibilities. Be the first to explore whats coming next by staying connected with our latest updates."
)
}}
<div class="container mx-auto lg:pb-24 pb-12">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 my-12">
{{
feature_card(
title="✓ Quantum Safe Storage Functionality",
description="Mycelium's quantum safe storage enables flexible, scalable, and efficient data distribution across a decentralized network, ensuring redundancy and security.",
icon=""
)
}}
{{ feature_card(
title="✓ Entry and Exit Points for AI Workloads",
description="Seamlessly connect AI applications to Mycelium, providing optimized nd secured data pipelines for training, inference, and real-time processing.",
icon="") }}
{{ feature_card(
title="✓ Data Storage and Retrieval Mechanisms",
description="Users can choose between storing data locally for quick access or utilizing the distributed grid for enhanced scalability and resilience.",
icon="") }}
{{ feature_card(
title="✓ Integrated Name Services (DNS)",
description="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.",
icon="") }}
{{ feature_card(
title="✓ Frontend/Backend Integration",
description="Mycelium provides seamless integration with existing applications, enabling developers to leverage decentralized storage across both frontend and backend architectures.",
icon="") }}
{{ feature_card(
title="✓ CDN (Content Delivery Network)",
description="Mycelium accelerates data distribution by acting as a decentralized CDN, ensuring fast, secure, and efficient content delivery across global nodes with minimal latency.",
icon="") }}
</div>
</div>
<!-- Section 6 -->
{{ use_cases(
subtitle="BENEFITS",
title="Nature's Blueprint for Digital Connectivity",
description="Just as nature's mycelium network serves as a critical component in the ecosystems of forests, connecting trees and plants underground, the Mycelium technology offers reliable connectivity in an efficient and resilient way."
description2=""
) }}
<div class="container mx-auto lg:pb-24 pb-12">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 my-12">
{{
feature_card(
title="Decentralization",
description="Designed to operate in a decentralized manner, it connects nodes and enables efficient data transfer and communication without relying on a single central authority.",
icon="/images/decentralization.svg") }}
{{ feature_card(
title="Efficiency",
description="Mycelium provides an efficient digital communication network where data travels along the most efficient paths, reducing latency and optimizing resource utilization.",
icon="/images/efficiency.svg") }}
{{ feature_card(
title="Resilience",
description="Inspired by nature's resilience, it creates a network that can adapt and continue to function even in the presence of challenges, ensuring uninterrupted communication.",
icon="/images/resilience.svg") }}
</div>
</div>
{{ hero3(
announcement='',
subheader="",
title="Built for Everyone by Everyone, Everywhere",
subheader="WHAT'S NEW",
title="Coming Soon: The Future of Mycelium",
subtitle="",
description="ThreeFold is a fully operational, decentralized internet infrastructure deployed locally, scalable globally, and owned and powered by the people.",
description="Mycelium is evolving to bring even more powerful decentralized features, designed to enhance your experience and expand possibilities. Be the first to explore whats coming next by staying connected with our latest updates.",
button1_text="Get started",
button1_link="#",
button2_text="Learn more",
@@ -179,26 +264,7 @@ This is a modern, responsive website built with [Zola](https://www.getzola.org/)
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 my-12">
{{
feature_card(
title="Fast and Lightweight",
description="Zola generates static HTML files that load quickly",
icon="⚡"
)
}}
{{ feature_card(title="Modern Design", description="Tailwind CSS provides utility classes for rapid UI development", icon="🎨") }}
{{ feature_card(title="Responsive Layout", description="Looks great on all devices, from mobile to desktop", icon="📱") }}
{{ feature_card(title="Markdown Content", description="Write your content in Markdown for easy formatting", icon="📝") }}
{{ feature_card(title="Syntax Highlighting", description="Code blocks are automatically highlighted", icon="💻") }}
{{ feature_card(title="Search Functionality", description="Built-in search for your content", icon="🔍") }}
</div>
### Getting Started