224 lines
6.8 KiB
Markdown
224 lines
6.8 KiB
Markdown
+++
|
||
title = "Home"
|
||
sort_by = "date"
|
||
template = "index.html"
|
||
+++
|
||
|
||
<!-- Hero section -->
|
||
|
||
{{ 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, like its natural namesake, thrives on decentralization, efficiency, and security, making it a truly powerful force in the world of decentralized networks."
|
||
)
|
||
|
||
}}
|
||
|
||
<div class="container mx-auto px-6 lg:px-8">
|
||
<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.",
|
||
)
|
||
|
||
}} -->
|
||
|
||
{{ hero3(
|
||
announcement='',
|
||
subheader="",
|
||
title="Built for Everyone by Everyone, Everywhere",
|
||
subtitle="",
|
||
description="ThreeFold is a fully operational, decentralized internet infrastructure – deployed locally, scalable globally, and owned and powered by the people.",
|
||
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.
|
||
|
||
|
||
|
||
|
||
<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
|
||
|
||
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>
|