290 lines
9.8 KiB
Markdown
290 lines
9.8 KiB
Markdown
+++
|
||
title = "Home"
|
||
sort_by = "date"
|
||
template = "index.html"
|
||
+++
|
||
|
||
<!-- Hero section 1 -->
|
||
|
||
{{ hero_img(
|
||
image_src="/images/mycel_1.png",
|
||
image_alt="Mycelium Network Graphic",
|
||
title="MYCELIUM",
|
||
subtitle_1="Unleashing the Power of",
|
||
subtitle_2="Decentralized Networks",
|
||
description="Discover Mycelium, an end-to-end encrypted IPv6 overlay network. The future of secure, efficient, and scalable networking.",
|
||
highlight="Coming Soon: New Decentralized Features",
|
||
button_text="Get Mycelium",
|
||
button_link="/download"
|
||
) }}
|
||
|
||
|
||
<!-- section 2 -->
|
||
|
||
{{ hero_right_img(
|
||
image_src="/images/mycel2.png",
|
||
image_alt="Discover Mycelium",
|
||
title="Discover Mycelium",
|
||
subtitle_1="ABOUT",
|
||
description="Mycelium is an unbreakable network, always finding the shortest path and providing 100% secure, peer-to-peer communication. But this is just the beginning. <br><br>Our mission is to create a sustainable digital ecosystem where communication is seamless, data is secure, and scalability knows no bounds.",
|
||
button_text="Learn more",
|
||
button_link="/about"
|
||
|
||
) }}
|
||
|
||
|
||
<!-- section 3 -->
|
||
|
||
{{ hero_features(
|
||
image_src="/images/feature6a.png",
|
||
image_alt="How Mycelium Operates",
|
||
subtitle_1="HOW IT WORKS",
|
||
title="How Mycelium Operates",
|
||
description="Mycelium, like its natural namesake, thrives on decentralization, efficiency, and security, making it a truly powerful force in the world of decentralized networks.",
|
||
|
||
feature_1_title="Decentralized Nodes",
|
||
feature_1_description="Mycelium operates through a network of decentralized nodes, similar to how nature's mycelium forms a decentralized network of threads. Each node acts as a connection point in the overall digital ecosystem.",
|
||
|
||
feature_2_title="Efficient Data Routing",
|
||
feature_2_description="Mycelium optimizes data routing by choosing the most efficient path for communication. Data travels along the shortest path in terms of latency, ensuring that information reaches its destination swiftly.",
|
||
|
||
feature_3_title="End-to-End Encryption",
|
||
feature_3_description="Each node in the system is identified by a unique key pair. Data between nodes is encrypted using secret keys derived from these pairs. This ensures that data remains confidential, enhancing the privacy of the network."
|
||
) }}
|
||
|
||
|
||
<!-- Section 4 -->
|
||
|
||
{{ use_cases(
|
||
subtitle="WHAT IT ENABLES",
|
||
title="Powering Secure & Decentralized Connectivity",
|
||
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 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">
|
||
|
||
## **PRODUCTIVITY & COMMUNICATION**
|
||
|
||
<div class="px-4 mt-2">
|
||
|
||
- Secure remote work collaboration.
|
||
- Private file sharing between trusted nodes.
|
||
- Encrypted voice/video calls.
|
||
- Self-hosted messaging systems.
|
||
- Secure document collaboration.
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="relative pl-9">
|
||
|
||
## **INFRASTRUCTURE**
|
||
|
||
<div class="px-4 mt-2">
|
||
|
||
- Private cloud computing resources.
|
||
- Secure IoT device networks.
|
||
- Remote system administration..
|
||
- Virtual private networks (VPNs).
|
||
- Secure backup systems.
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="relative pl-9">
|
||
|
||
## **SERVICES**
|
||
|
||
<div class="px-4 mt-2">
|
||
|
||
- Self-hosted web services.
|
||
- Private file sharing between trusted nodes.
|
||
- Private DNS systems.
|
||
- Personal email servers.
|
||
- Secure document collaboration.
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="relative pl-9">
|
||
|
||
## **MEDIA & CONTENT**
|
||
|
||
<div class="px-4 mt-2">
|
||
|
||
- Private media streaming.
|
||
- Personal cloud storage.
|
||
- Protected content distribution.
|
||
- Secure game servers.
|
||
- Private git repositories.
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<br>
|
||
|
||
---------------------------------------------
|
||
|
||
<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>
|
||
|
||
|
||
|
||
|
||
<!-- {{ feature(
|
||
feature_title="Decentralized Nodes",
|
||
feature_description="Mycelium operates through a network of decentralized nodes, similar to how nature's mycelium forms a decentralized network of threads. Each node acts as a connection point in the overall digital ecosystem.",
|
||
)
|
||
|
||
}} -->
|
||
|
||
|
||
<!-- 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 what’s 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="WHAT'S NEW",
|
||
title="Coming Soon: The Future of Mycelium",
|
||
subtitle="",
|
||
description="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.",
|
||
button1_text="Get started",
|
||
button1_link="#",
|
||
button2_text="Learn more",
|
||
button2_link="#"
|
||
) }}
|
||
|
||
{{
|
||
hero2(
|
||
title="Welcome to Your Zola Site",
|
||
subtitle="A modern, responsive website built with Zola and styled with Tailwind CSS",
|
||
button_text="Learn More",
|
||
button_link="/blog", bg_color="bg-blue-700"
|
||
) }}
|
||
|
||
|
||
|
||
## About This Site
|
||
|
||
This is a modern, responsive website built with [Zola](https://www.getzola.org/) and styled with [Tailwind CSS](https://tailwindcss.com/). It demonstrates the use of shortcodes and markdown together to create beautiful, reusable components.
|
||
|
||
|
||
|
||
|
||
|
||
|
||
### Getting Started
|
||
|
||
To add new content, create Markdown files in the `content` directory. Zola will automatically generate pages for each file.
|
||
|
||
For more information, check out the [Zola documentation](https://www.getzola.org/documentation/getting-started/overview/) and [Tailwind CSS documentation](https://tailwindcss.com/docs).
|
||
|
||
{{
|
||
cta(
|
||
title="Ready to Get Started?",
|
||
description="Create your own beautiful website with Zola and Tailwind CSS today.",
|
||
button_text="View Blog",
|
||
button_link="/blog")
|
||
}}
|
||
|
||
<style scope>
|
||
ul {
|
||
list-style: circle;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
</style>
|