diff --git a/content/_index.md b/content/_index.md index 578840a..1dde929 100644 --- a/content/_index.md +++ b/content/_index.md @@ -4,7 +4,7 @@ sort_by = "date" template = "index.html" +++ - + {{ hero_img( image_src="/images/mycel_1.png", @@ -18,6 +18,7 @@ template = "index.html" button_link="/download" ) }} + {{ hero_right_img( @@ -29,9 +30,8 @@ template = "index.html" button_text="Learn more", button_link="/about" -) +) }} -}} @@ -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." +) }} -}} - -
+
@@ -131,11 +130,9 @@ template = "index.html" --------------------------------------------- - - -
+
Get Started -
+
@@ -150,12 +147,100 @@ template = "index.html" }} --> + + + +{{ 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." +) + +}} + +
+
+{{ + 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="") }} + +
+
+ + + + +{{ 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="" + +) }} + +
+
+{{ + 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") }} + + +
+
+ + + + {{ 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 what’s 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/) -
-{{ - 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="🔍") }} - -
### Getting Started diff --git a/static/css/main.css b/static/css/main.css index f2fd8db..5ed81a1 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -18,10 +18,10 @@ html { /* Light mode (default) */ body { background-color: #f3f4f6; - color: #303030; + color: #171717; } header nav { - background-color: #303030; + background-color: #171717; color: #f9fafb; } footer { @@ -37,10 +37,10 @@ html { color: #f9fafb !important; } html.dark header nav { - background-color: #303030 !important; + background-color: #171717 !important; } html.dark footer { - background-color: #303030 !important; + background-color: #171717 !important; } html.dark footer p { color: #9ca3af !important; @@ -52,10 +52,10 @@ html { color: #93c5fd !important; } html.dark .bg-gray-100 { - background-color: #303030 !important; + background-color: #171717 !important; } html.dark .bg-white { - background-color: #303030 !important; + background-color: #171717 !important; } html.dark .text-gray-900 { color: #f9fafb !important; diff --git a/static/images/decentralization.svg b/static/images/decentralization.svg new file mode 100644 index 0000000..eba1ac4 --- /dev/null +++ b/static/images/decentralization.svg @@ -0,0 +1,76 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/images/efficiency.svg b/static/images/efficiency.svg new file mode 100644 index 0000000..dfbeb84 --- /dev/null +++ b/static/images/efficiency.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/images/resilience.svg b/static/images/resilience.svg new file mode 100644 index 0000000..b7a237c --- /dev/null +++ b/static/images/resilience.svg @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/templates/partials/navigation.html b/templates/partials/navigation.html index 5a87b95..c3a05aa 100644 --- a/templates/partials/navigation.html +++ b/templates/partials/navigation.html @@ -50,7 +50,7 @@