-
-
diff --git a/config.toml b/config.toml
index ec45f1d..c67de9d 100644
--- a/config.toml
+++ b/config.toml
@@ -6,12 +6,12 @@ title = "Mycelium"
description = "Our global digital backbone"
# When set to "true", a feed is automatically generated.
-generate_feed = true
+# generate_feed = true
# The filename to use for the feed. Used as the template filename, too.
# Defaults to "atom.xml", which has a built-in template that renders an Atom 1.0 feed.
# There is also a built-in template "rss.xml" that renders an RSS 2.0 feed.
-feed_filename = "atom.xml"
+# feed_filename = "atom.xml"
# The number of articles to include in the feed. All items are included if
# this limit is not set (the default).
@@ -51,8 +51,8 @@ external_links_no_referrer = true
# For example, `...` into `…`, `"quote"` into `“curly”` etc
smart_punctuation = true
-[build]
-not_found = "404.md"
+#[build]
+#not_found = "404.md"
[[taxonomies]]
name = "categories"
diff --git a/content/_index.md b/content/_index.md
index f020405..7bae84b 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -1,12 +1,12 @@
---
title: "Mycelium"
description: "Mycelium is a decentralized networking and storage solution designed to integrate seamlessly with AI workloads, content delivery, and messaging. " # quotation marks to allow colons where used
-date: 2018-09-14T21:00:00-05:00
-updated: 2021-02-20T14:40:00-06:00
+#date: 2018-09-14T21:00:00-05:00
+#updated: 2021-02-20T14:40:00-06:00
draft: false
extra:
- author: ThreeFold
- imgPath: home/tf.png
+ author: Mycelium
+ imgPath: home/mycel2.png
---
@@ -48,13 +48,7 @@ ThreeFold is a peer-to-peer open-source Internet platform that connects users di
-{% grid_stats() %}
-### The ThreeFold Grid v3.7.0
-
-## **Live and Operational**
-
-{% end %}
@@ -121,19 +115,11 @@ True digital sovereignty for open-source builders. The ThreeFold Grid provides l
-{% featured_stories() %}
-## Featured Stories
-
-{% end %}
-{% team_sec() %}
-## **The Team**
-
-{% end %}
diff --git a/content/about/index.md b/content/about/index.md
index 06983f2..92c3924 100644
--- a/content/about/index.md
+++ b/content/about/index.md
@@ -1,7 +1,7 @@
---
title: "Mycelium"
description: "Mycelium is a decentralized networking and storage solution designed to integrate seamlessly with AI workloads, content delivery, and messaging." # quotation marks to allow colons where used
-template: "layouts/about.html"
+template: "page.html"
insert_anchor_links: "left"
extra:
author: ThreeFold
@@ -10,21 +10,101 @@ extra:
-
+
+
+{{ hero_right_img(
+ image_src="/images/mycel5.jpg",
+ image_alt="Mobile App Screenshot",
+ title="About Mycelium",
+ subtitle="Redefining Digital Communication",
+ description_1="Mycelium is designed to improve how we connect and communicate in the digital world. Its goal is to create a secure, efficient, and scalable digital ecosystem where data flows seamlessly and remains protected.",
+ description_2="We aim to build a system that adapts to our growing digital needs while promoting sustainability and security."
+) }}
+
+
+
+
+{{ desciption_blockquote(
+ title="Our Technology",
+ description_1="Mycelium enables secure, efficient, and scalable data transfer between network nodes by optimizing data routing. It ensures that information takes the shortest path with the lowest latency, resulting in faster and more efficient communication.",
+ description_2="The technology relies on end-to-end encryption, with each node uniquely identified by its own key pair, guaranteeing the security and privacy of data. This approach ensures that data remains confidential and authentic, strengthening the overall privacy and integrity of the network.",
+ description_3="Mycelium was created to overcome the limitations of traditional networking protocols while promoting a more sustainable and eco-friendly digital ecosystem. Its goal is to transform digital communication, making it not only efficient and secure but also environmentally responsible.",
+ description_4="The inspiration behind Mycelium comes from the need for a technology that can adapt to changing network conditions and continue to operate efficiently in a rapidly evolving digital landscape."
+
+
+) }}
+
+
+
+
+{{ text_left_img(
+ image_src="/images/efficient.jpeg",
+ image_alt="Discover Mycelium",
+ title="Highly Efficient",
+ subheader="BENEFITS",
+ subtitle="Optimizing Data Routing",
+ description="Mycelium's routing algorithms prioritize minimizing latency in data transfer. This ensures that data takes the most direct and efficient route, reducing the time it takes to travel from the source node to the destination node.",
+ description_2="",
+ button_text="",
+ button_link=""
+) }}
+
+
+
+
+{{ text_right_img(
+ image_src="/images/security.jpeg",
+ image_alt="Discover Mycelium",
+ title="Enhancing Security",
+ subheader="BENEFITS",
+ subtitle="End-to-End Encryption",
+ description="Each node in the Mycelium network is assigned a unique key pair, consisting of a public and private key. The public key is used to encrypt data intended for that node, while the private key decrypts the data upon receipt. This cryptographic system ensures that only the intended recipient can access the information.",
+ description_2="When one node sends data to another within the Mycelium network, the data is encrypted with the recipient's public key. This ensures that even if the data is intercepted during transmission, it remains secure and unreadable without the corresponding private key.",
+ button_text="",
+ button_link=""
+) }}
+
+
+
+{{ text_left_img(
+ image_src="/images/scalability.jpeg",
+ image_alt="Discover Mycelium",
+ title="Enhances Scalability",
+ subheader="BENEFITS",
+ subtitle="Designed to Adapt",
+ description="Mycelium is an open-source project built to adapt dynamically to changing network conditions. As new nodes join or existing nodes leave, the system adjusts seamlessly, allowing Mycelium to scale and support more participants without sacrificing performance.",
+ description_2="The system is designed to efficiently distribute network traffic. During periods of high demand or increased data transfer, Mycelium balances the load by routing data through multiple paths or nodes. This ensures the network can handle greater traffic and more users without becoming overloaded.",
+ button_text="",
+ button_link=""
+) }}
+
+
+
+
+{{ text_center(
+ title="A Part of ThreeFold Ecosystem",
+ subheader="BENEFITS",
+ subtitle="An Integral Component of Sustainable Decentralization",
+ description="Mycelium seamlessly integrates into the larger ThreeFold ecosystem, driving the shift toward sustainable and decentralized digital transformation. As a core pillar, it enhances the ThreeFold Grid with efficient, secure, and scalable networking solutions, contributing to a future where digital connectivity is both eco-conscious and accessible to all."
+) }}
+
+
+
+
+
+{{ cta(
+ image_src="/images/mycel3.png",
+ image_alt="App screenshot",
+ title="Get Mycelium Today",
+ description="Join the Mycelium network and be a part of the decentralized movement.",
+ button_text="Download Now",
+ button_link="/download",
+ button_text2="Read More",
+ button_link2="https://threefold.info/mycelium/docs/"
+) }}
+
+
+
+
diff --git a/content/download/index.md b/content/download/index.md
index 596cb01..3caa200 100644
--- a/content/download/index.md
+++ b/content/download/index.md
@@ -1,7 +1,7 @@
---
title: "Download now"
description: "Mycelium is a decentralized networking and storage solution designed to integrate seamlessly with AI workloads, content delivery, and messaging."
-template: "layouts/download.html"
+template: "page.html"
insert_anchor_links: "left"
extra:
@@ -9,16 +9,138 @@ extra:
imgPath: mycel2.png
---
+{{ left_header(
+ subtitle="",
+ subtitle_2="Nature's Blueprint for Digital Connectivity",
+ title="Download Mycelium",
+ description="Get Mycelium for Android, Windows, macOS, and iOS to securely connect, store, and interact with the decentralized network—seamlessly and efficiently.",
+ description3="Not sure how it works?",
+ button_link="https://threefold.info/mycelium/docs/",
+ button_text="Read the manual."
+) }}
-
+
+
-
-
-
-
- The Team Behind ThreeFold
-Founded by Internet Pioneers 1.0
-We are a dedicated group committed to advancing a new digital era. Some of us have been working on Internet technology since the early days, when it was a decentralized network. We aim to help bring that vision to life once more. Beyond those below, we have more than 50 engineers, developers, and other team members supporting the project.
-
-
-
-
-
-
-
-
-
- 
-
-
- - Kristof de Spiegeleer -
-Co-founder & CEO
-- Serial entrepreneur with 30 years of experience in Internet infrastructure and cloud technology. Passionate about tech for good. +600m $ exits.
-
-
-
-
-
- 
-
-
- - Adnan Fatayerji -
-Co-founder
-- Tech entrepreneur with multiple exits. Based in Dubai for 20 years. Head of Partnerships and Business Development..
-
-
-
-
-
- 
-
-
- - Jan De Landtsheer -
-Co-founder & CTO
-- Engineer with 40+ years of experience in deep tech, networking, cloud and storage.
-
-
-
- 
-
-
- - Florian Fournier -
-Co-founder & CMO
-- Ex Apple marketing director, serial entrepreneur living between Africa and Latin America.
-
- Meet the Team
-
-
+
+{{ left_header(
+ subtitle="",
+ title="Frequently Asked Questions",
+ description="",
+ description2=""
+) }}
+
+
+ +{{ accordion( + id_accordion="accordion1" + question="What is Mycelium?", + description="Mycelium is an end-to-end encrypted IPv6 overlay network written in Rust. Each node joining the network receives an IP in the 400::/7 range, facilitating secure and private communications." +) }} + +{{ accordion( + id_accordion="accordion2" + question="Is mycelium ready to scale to the world?", + description="No, Mycelium is not yet fully scalable to a global level. Currently, each network can support around 100,000 users, but multiple networks can be deployed to expand capacity. We anticipate resolving these scalability challenges by 2025." +) }} + +{{ accordion( + id_accordion="accordion3" + question="How do I install Mycelium?", + description="The Mycelium app supports iOS, macOS, Android and Windows. For Linux, a binary is available. Installation guides are available for both local machines and virtual machines running on the TFGrid. Note that Windows users need to have wintun.dll in the same directory as the Mycelium executable." +) }} + +{{ accordion( + id_accordion="accordion4" + question="How can I find and use my Mycelium address?", + description="Upon using the Mycelium app, you're assigned a unique Mycelium address. To copy this address, click the button located to the right of the displayed address in the app interface." +) }} + +{{ accordion( + id_accordion="accordion5" + question="Can I deploy workloads on the TFGrid using Mycelium?", + description="Yes, after installing Mycelium, you can deploy workloads on the TFGrid and connect to them using the Mycelium network. Detailed deployment guides are available in the documentation." +) }} + +{{ accordion( + id_accordion="accordion6" + question="Is there an API available for Mycelium?", + description="Yes, Mycelium offers an API for administrative operations, peer management, and message subsystem operations. Comprehensive API documentation can be found in the official Mycelium GitHub repository" + ) + }} + +{{ accordion( + id_accordion="accordion7" + question="What should I do if I encounter issues during installation or usage?", + description="If you face any challenges, refer to the troubleshooting section in the Mycelium documentation. Additionally, ensure that all prerequisites are met, such as having wintun.dll in the correct directory for Windows installations." + ) + }} + +{{ accordion( + id_accordion="accordion8" + question="How does Mycelium handle routing within its network?", + description="Mycelium incorporates core principles of the Babel routing protocol, enabling efficient and dynamic routing within its encrypted IPv6 overlay network." + ) + }} + +
+
+
+
+
+{{ cta(
+ image_src="/images/mycel3.png",
+ image_alt="App screenshot",
+ title="Get Mycelium Today",
+ description="Join the Mycelium network and be a part of the decentralized movement.",
+ button_text="Download Now",
+ button_link="/download",
+ button_text2="Read More",
+ button_link2="https://threefold.info/mycelium/docs/"
+) }}
diff --git a/content/footer/_index.md b/content/footer/_index.md
index b4fb670..2b77400 100644
--- a/content/footer/_index.md
+++ b/content/footer/_index.md
@@ -10,7 +10,7 @@ extra:
{% row(style="lean") %}
-##### TAKE ACTIONS
+##### TAKE ACTIONS
+ +{{ accordion( + id_accordion="accordion1" + question="What is Mycelium?", + description="Mycelium is an end-to-end encrypted IPv6 overlay network written in Rust. Each node joining the network receives an IP in the 400::/7 range, facilitating secure and private communications." +) }} + +{{ accordion( + id_accordion="accordion2" + question="Is mycelium ready to scale to the world?", + description="No, Mycelium is not yet fully scalable to a global level. Currently, each network can support around 100,000 users, but multiple networks can be deployed to expand capacity. We anticipate resolving these scalability challenges by 2025." +) }} + +{{ accordion( + id_accordion="accordion3" + question="How do I install Mycelium?", + description="The Mycelium app supports iOS, macOS, Android and Windows. For Linux, a binary is available. Installation guides are available for both local machines and virtual machines running on the TFGrid. Note that Windows users need to have wintun.dll in the same directory as the Mycelium executable." +) }} + +{{ accordion( + id_accordion="accordion4" + question="How can I find and use my Mycelium address?", + description="Upon using the Mycelium app, you're assigned a unique Mycelium address. To copy this address, click the button located to the right of the displayed address in the app interface." +) }} + +{{ accordion( + id_accordion="accordion5" + question="Can I deploy workloads on the TFGrid using Mycelium?", + description="Yes, after installing Mycelium, you can deploy workloads on the TFGrid and connect to them using the Mycelium network. Detailed deployment guides are available in the documentation." +) }} + +{{ accordion( + id_accordion="accordion6" + question="Is there an API available for Mycelium?", + description="Yes, Mycelium offers an API for administrative operations, peer management, and message subsystem operations. Comprehensive API documentation can be found in the official Mycelium GitHub repository" + ) + }} + +{{ accordion( + id_accordion="accordion7" + question="What should I do if I encounter issues during installation or usage?", + description="If you face any challenges, refer to the troubleshooting section in the Mycelium documentation. Additionally, ensure that all prerequisites are met, such as having wintun.dll in the correct directory for Windows installations." + ) + }} + +{{ accordion( + id_accordion="accordion8" + question="How does Mycelium handle routing within its network?", + description="Mycelium incorporates core principles of the Babel routing protocol, enabling efficient and dynamic routing within its encrypted IPv6 overlay network." + ) + }} + +
@@ -24,7 +24,7 @@ extra: ||| -##### ABOUT US +##### ABOUT US
diff --git a/content/header/_index_copy.md b/content/header/_index_copy.md deleted file mode 100644 index 529b5ea..0000000 --- a/content/header/_index_copy.md +++ /dev/null @@ -1,84 +0,0 @@ ---- -title: "Header" -description: "NEAR is on a mission to empower everyone to take back control of their money, their data, and their identity. Join us." -insert_anchor_links: "left" -template: "partials/header.html" -extra: - logoPath: "images/ourworld_logo2.png" - imgPath: "" ---- - -- Learn - -{% row(style="lean") %} - -### PURPOSE - -
-
- -#### [The Internot](/apage) - -Whats wrong with the [internet](/apage) - -
- -#### Our Internet - -Vision for the new internet - -||| - -### ECOSYSTEM - -
-
- -#### OurWorld DAO - -Be a part of governance - -
- -#### Communities - -Explore communities in OurWorld - -
- -#### DAOs - -Decentralized autonomous organizations - -||| - -### APPLICATIONS - -
-
- -#### DAPPs - -Decentralized applications - -
- -#### Projects - -Projects in OurWorld - -||| - -### FEATURED - -
-
- -#### OurWorld is Live - -Be a part of the new internet - -- [Join us]("/join-us") -- [Blog]("/blog") - -{% end %} diff --git a/content/header/index.md b/content/header/index.md index 747014f..fb57915 100644 --- a/content/header/index.md +++ b/content/header/index.md @@ -3,7 +3,8 @@ title: "Header" insert_anchor_links: "left" template: "partials/header.html" extra: - logoPath: "images/new_logo_tft.png" + logoPathLight: "images/mycelium_white.png" + logoPathDark: "images/mycelium_dark.png" --- diff --git a/content/home/index.md b/content/home/index.md index de39c98..ac5bae9 100644 --- a/content/home/index.md +++ b/content/home/index.md @@ -3,25 +3,327 @@ title: "Mycelium" description: "Mycelium is a decentralized networking and storage solution designed to integrate seamlessly with AI workloads, content delivery, and messaging." insert_anchor_links: "left" extra: - author: ThreeFold + author: Mycelium imgPath: home/mycel2.png --- - -HOMEPAGE (static/templates/layouts/index.html) contains: +{{ hero( + image_src="/images/mycel_1.png", + image_alt="Mycelium Network Graphic", + title="MYCELIUM", + subtitle="Unleashing the Power of 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" +) }} + + + + +{{ text_right_img( + image_src="/images/mycel2.png", + image_alt="Discover Mycelium", + title="Discover Mycelium", + subheader="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.", + description_2="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" +) }} + + + + +{{ 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." +) }} + + + + +{{ left_header( + 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." +) }} + +
+
+ +--------------------------------------------- + +
+
+
+
+
+
+
+{{ 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."
+) }}
+
+
+
+
+
+
+###### **PRODUCTIVITY & COMMUNICATION**
+
+
+
+
+
+- Secure remote work collaboration.
+- Private file sharing between trusted nodes.
+- Encrypted voice/video calls.
+- Self-hosted messaging systems.
+- Secure document collaboration.
+
+
+
+
+###### **INFRASTRUCTURE**
+
+
+
+
+
+- Private cloud computing resources.
+- Secure IoT device networks.
+- Remote system administration..
+- Virtual private networks (VPNs).
+- Secure backup systems.
+
+
+
+
+###### **SERVICES**
+
+
+
+
+
+- Self-hosted web services.
+- Private file sharing between trusted nodes.
+- Private DNS systems.
+- Personal email servers.
+- Secure document collaboration.
+
+
+
+
+###### **MEDIA & CONTENT**
+
+
+
+
+- Private media streaming.
+- Personal cloud storage.
+- Protected content distribution.
+- Secure game servers.
+- Private git repositories.
+
+
+
++ +--------------------------------------------- + +
+ Get Started
+
+
+
+
+
+
+
+
+
+{{ left_header(
+ 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="✓ 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="") }}
+
+
+
+
+
+
+
+
+
+{{
+ 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",
+ link="/about",
+ link_name="Learn More"
+) }}
+
+
+
+{{ 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",
+ link="/about",
+ link_name="Learn More"
+
+ ) }}
+
+{{ 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",
+ link="/about",
+ link_name="Learn More"
+
+ ) }}
+
+
+
+
+
+{{ left_header(
+ subtitle="",
+ title="Frequently Asked Questions",
+ description="",
+ description2=""
+) }}
+
+
+ +{{ accordion( + id_accordion="accordion1" + question="What is Mycelium?", + description="Mycelium is an end-to-end encrypted IPv6 overlay network written in Rust. Each node joining the network receives an IP in the 400::/7 range, facilitating secure and private communications." +) }} + +{{ accordion( + id_accordion="accordion2" + question="Is mycelium ready to scale to the world?", + description="No, Mycelium is not yet fully scalable to a global level. Currently, each network can support around 100,000 users, but multiple networks can be deployed to expand capacity. We anticipate resolving these scalability challenges by 2025." +) }} + +{{ accordion( + id_accordion="accordion3" + question="How do I install Mycelium?", + description="The Mycelium app supports iOS, macOS, Android and Windows. For Linux, a binary is available. Installation guides are available for both local machines and virtual machines running on the TFGrid. Note that Windows users need to have wintun.dll in the same directory as the Mycelium executable." +) }} + +{{ accordion( + id_accordion="accordion4" + question="How can I find and use my Mycelium address?", + description="Upon using the Mycelium app, you're assigned a unique Mycelium address. To copy this address, click the button located to the right of the displayed address in the app interface." +) }} + +{{ accordion( + id_accordion="accordion5" + question="Can I deploy workloads on the TFGrid using Mycelium?", + description="Yes, after installing Mycelium, you can deploy workloads on the TFGrid and connect to them using the Mycelium network. Detailed deployment guides are available in the documentation." +) }} + +{{ accordion( + id_accordion="accordion6" + question="Is there an API available for Mycelium?", + description="Yes, Mycelium offers an API for administrative operations, peer management, and message subsystem operations. Comprehensive API documentation can be found in the official Mycelium GitHub repository" + ) + }} + +{{ accordion( + id_accordion="accordion7" + question="What should I do if I encounter issues during installation or usage?", + description="If you face any challenges, refer to the troubleshooting section in the Mycelium documentation. Additionally, ensure that all prerequisites are met, such as having wintun.dll in the correct directory for Windows installations." + ) + }} + +{{ accordion( + id_accordion="accordion8" + question="How does Mycelium handle routing within its network?", + description="Mycelium incorporates core principles of the Babel routing protocol, enabling efficient and dynamic routing within its encrypted IPv6 overlay network." + ) + }} + +
+
+
+
+
+
+{{ cta(
+ image_src="/images/mycel3.png",
+ image_alt="App screenshot",
+ title="Get Mycelium Today",
+ description="Join the Mycelium network and be a part of the decentralized movement.",
+ button_text="Download Now",
+ button_link="/download",
+ button_text2="Read More",
+ button_link2="https://threefold.info/mycelium/docs/"
+) }}
+
+
+
- 1. Hero section: "templates/partials/hero/myhero.html
- 2. About section: "templates/partials/hero/myhero1.html"
- 3. How it works section: "templates/partials/hero/myhero3.html"
- 4. whats new section: "templates/partials/hero/myhero5.html
- 5. benefits section: "templates/partials/hero/myhero2.html"
- 6. faq section: "templates/partials/hero/myhero6.html"
- 6. cta section: "templates/partials/hero/myhero7.html"
--->
\ No newline at end of file
diff --git a/css/index.css b/css/index.css
index 0940b5a..3e1c791 100644
--- a/css/index.css
+++ b/css/index.css
@@ -4,7 +4,7 @@
/*! purgecss end ignore */
@import "tailwindcss/base";
-@import "layout.css";
+
@import "tailwindcss/components";
@import "admonition.css";
@import "tailwindcss/utilities";
@@ -12,11 +12,90 @@
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
-.dashboard:hover {
-
- background: #74ddc3 !important;
+/* Defaul lightMode */
+body {
+ background-color: #ffffff;
+ color: #000000;
}
+body .semigray {
+
+ color: #424242 !important;
+}
+
+body .semigray2 {
+
+ color: #424242 !important;
+}
+
+body .nav a {
+ color: #333333 !important;
+}
+
+body .dropdown a{
+ @apply
+ px-0
+ text-black
+}
+
+body .dropdown{
+ background-color: rgb(255 255 255 / 100%);
+ color: #121212;
+}
+
+body .d_menu {
+ background-color: #e5e5e5;
+}
+
+body .icon {
+
+ fill: #424242 !important;
+}
+
+/* Dark Mode */
+body.dark-mode {
+ background-color: #121212;
+ color: #ffffff;
+}
+
+body.dark-mode .nav a {
+ color: #ffffff !important;
+}
+
+body.dark-mode .semigray {
+ color: #e5e7eb !important;
+}
+
+body.dark-mode .semigray2 {
+ color: #d1d5db !important;
+}
+
+body.dark-mode .icon {
+ fill: #ffffff !important;
+}
+
+body.dark-mode .card {
+ background-color: rgba(82, 82, 82, 50%) !important;
+}
+
+body.dark-mode .dropdown a{
+ @apply
+ px-0
+ text-white
+}
+
+body.dark-mode .dropdown{
+ background-color: rgb(0 0 0 / 50%);
+ color: #fff;
+}
+
+body.dark-mode .d_menu {
+ background-color: rgba(34 34 34);
+}
+
+
+
+
/* Custom CSS for header partial */
.backdrop-blur {
@@ -31,20 +110,6 @@
background-color: rgba(255, 255, 255, 0.75);
}
-.bg-dark-gradient {
- background: rgba(16,16,16,1);
- background: radial-gradient(circle, rgba(16,16,16,1) 0%, rgb(24, 24, 24) 50%, rgba(16,16,16,1) 100%);
-}
-
-.bg-black1 {
- background-color: rgba(16,16,16,1);
-}
-
-.bg-transparent {
- background-color: transparent;
-}
-
-
/* Custom css allowing image styling in markdown */
img[src*="#mx-auto"] {
@@ -137,73 +202,24 @@ a img:hover{
text-white
}
-.subtitle {
- background-color:#58CF77 !important;
- color: #fff !important;
- text-transform: uppercase;
- /* font-weight: 600 !important; */
-}
-
-.green{
-
- background-color:#58CF77 !important;
- color: #fff !important;
-
-}
-
-.green:hover {
-background-color:#7ad993 !important;
-}
-.green a{
- color: #fff !important;
-}
-
-.green:hover {
-background-color:#7ad993 !important;
-}
-
-.green_text{
-color: #58CF77 ;
-}
-
-
- .blue_b{
-
- background-color:#2E83FF !important;
- color: #fff !important;
-
-}
-.blue_b a{
- color: #fff !important;
-}
-
-.blue_b:hover {
-background-color:#5596f5 !important;
-}
-
-
.footer-cust a{
- color: #999;
+
cursor: pointer;
}
.footer-cust a:hover {
- color: #c7c7c7;
+ color: #a3a3a3;
}
-.footer-cust h6{
+/* .footer-cust h6{
margin-bottom: 15px;
-}
+} */
.logo_size{
width:200px
}
-.blue{
- color:#2E83FF
-}
-
.nav p > a {
display: flex;
width: 100%;
@@ -262,21 +278,18 @@ background-color:#5596f5 !important;
@layer components {
h1 {
- @apply text-4xl lg:text-6xl font-normal;
- color: #ffffff;
+ @apply text-4xl font-semibold tracking-tight lg:text-6xl;
font-family: "Inter", sans-serif !important;
}
h2 {
- @apply text-3xl lg:text-4xl my-4 font-normal leading-none;
- color: #ffffff;
+ @apply lg:text-5xl text-4xl font-medium tracking-tight leading-none;
font-family: "Inter", sans-serif !important;
}
h2 strong {
@apply font-semibold;
}
h3 {
- @apply text-2xl lg:text-3xl my-4 font-extralight;
- color: #ffffff;
+ @apply lg:text-4xl text-3xl font-normal tracking-tight;
font-family: "Inter", sans-serif !important;
}
h3 strong {
@@ -290,7 +303,7 @@ background-color:#5596f5 !important;
h5 {
@apply text-lg my-1 tracking-normal font-medium;
font-family: "Inter", sans-serif !important;
- color: #fff !important
+
}
h6 {
@apply text-md not-italic font-normal my-1;
@@ -298,7 +311,7 @@ background-color:#5596f5 !important;
}
p {
@apply text-lg;
- color: #3d3d3d;
+
font-family: "Inter", sans-serif !important;
}
blockquote {
@@ -393,11 +406,6 @@ background-color:#5596f5 !important;
font-family: "Inter", sans-serif;
}
-
-/* button:hover :is(:where(a)) {
- color: #5e5e5e;
-} */
-
button :is(:where(p)) {
color: #ddd;
font-weight: 400;
@@ -576,7 +584,6 @@ header {
.post-content-text h2 {
font-family: "Inter", sans-serif;
line-height: 1.5;
- font-size: 2.25rem;
font-weight: 700;
}
.container-fluid {
@@ -590,12 +597,8 @@ header {
.zola-anchor {
display: none;
}
-@media (min-width: 1024px){
- h2 {
- font-size: 3.5rem;
- }
-
-}
+
+
@media (max-width: 1024px) {
diff --git a/static/images/404_1.png b/static/images/404_1.png
new file mode 100644
index 0000000..0fc94a7
Binary files /dev/null and b/static/images/404_1.png differ
diff --git a/static/images/about1.jpg b/static/images/about1.jpg
deleted file mode 100644
index 353bb22..0000000
Binary files a/static/images/about1.jpg and /dev/null differ
diff --git a/static/images/about2.jpg b/static/images/about2.jpg
deleted file mode 100644
index b368cda..0000000
Binary files a/static/images/about2.jpg and /dev/null differ
diff --git a/static/images/about3.jpg b/static/images/about3.jpg
deleted file mode 100644
index e0e2c6b..0000000
Binary files a/static/images/about3.jpg and /dev/null differ
diff --git a/static/images/about4.jpg b/static/images/about4.jpg
deleted file mode 100644
index d22d664..0000000
Binary files a/static/images/about4.jpg and /dev/null differ
diff --git a/static/images/ai.jpg b/static/images/ai.jpg
deleted file mode 100644
index 9a28c24..0000000
Binary files a/static/images/ai.jpg and /dev/null differ
diff --git a/static/images/asset.jpg b/static/images/asset.jpg
deleted file mode 100644
index 30c353b..0000000
Binary files a/static/images/asset.jpg and /dev/null differ
diff --git a/static/images/bot2.jpg b/static/images/bot2.jpg
deleted file mode 100644
index 8062d49..0000000
Binary files a/static/images/bot2.jpg and /dev/null differ
diff --git a/static/images/datacenter.jpg b/static/images/datacenter.jpg
deleted file mode 100644
index db61937..0000000
Binary files a/static/images/datacenter.jpg and /dev/null differ
diff --git a/static/images/dc.jpg b/static/images/dc.jpg
deleted file mode 100644
index 6c22071..0000000
Binary files a/static/images/dc.jpg and /dev/null differ
diff --git a/static/images/dc2.jpg b/static/images/dc2.jpg
deleted file mode 100644
index 554cf5f..0000000
Binary files a/static/images/dc2.jpg and /dev/null differ
diff --git a/static/images/decent.png b/static/images/decent.png
deleted file mode 100644
index 273b03f..0000000
Binary files a/static/images/decent.png and /dev/null differ
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/digital.jpg b/static/images/digital.jpg
deleted file mode 100644
index d041bef..0000000
Binary files a/static/images/digital.jpg and /dev/null differ
diff --git a/static/images/eco.jpg b/static/images/eco.jpg
deleted file mode 100644
index 237a008..0000000
Binary files a/static/images/eco.jpg and /dev/null differ
diff --git a/static/images/eco2.jpg b/static/images/eco2.jpg
deleted file mode 100644
index 5325c4d..0000000
Binary files a/static/images/eco2.jpg and /dev/null differ
diff --git a/static/images/eco3.jpg b/static/images/eco3.jpg
deleted file mode 100644
index 37feefe..0000000
Binary files a/static/images/eco3.jpg and /dev/null differ
diff --git a/static/images/effic.png b/static/images/effic.png
deleted file mode 100644
index 71ebf4e..0000000
Binary files a/static/images/effic.png and /dev/null differ
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/feature6.png b/static/images/feature6.png
deleted file mode 100644
index 6f5b953..0000000
Binary files a/static/images/feature6.png and /dev/null differ
diff --git a/static/images/freezone.jpg b/static/images/freezone.jpg
deleted file mode 100644
index 7d78c69..0000000
Binary files a/static/images/freezone.jpg and /dev/null differ
diff --git a/static/images/freezone2.jpg b/static/images/freezone2.jpg
deleted file mode 100644
index c17c5b1..0000000
Binary files a/static/images/freezone2.jpg and /dev/null differ
diff --git a/static/images/fumba.jpg b/static/images/fumba.jpg
deleted file mode 100644
index 2b5c4a6..0000000
Binary files a/static/images/fumba.jpg and /dev/null differ
diff --git a/static/images/fumba.webp b/static/images/fumba.webp
deleted file mode 100644
index 2e93a08..0000000
Binary files a/static/images/fumba.webp and /dev/null differ
diff --git a/static/images/hero.png b/static/images/hero.png
deleted file mode 100644
index 8eee350..0000000
Binary files a/static/images/hero.png and /dev/null differ
diff --git a/static/images/hero2.png b/static/images/hero2.png
deleted file mode 100644
index 5fb7d1f..0000000
Binary files a/static/images/hero2.png and /dev/null differ
diff --git a/static/images/hero3.png b/static/images/hero3.png
deleted file mode 100644
index 473fd09..0000000
Binary files a/static/images/hero3.png and /dev/null differ
diff --git a/static/images/hero4.png b/static/images/hero4.png
deleted file mode 100644
index 1ed321e..0000000
Binary files a/static/images/hero4.png and /dev/null differ
diff --git a/static/images/hero5.png b/static/images/hero5.png
deleted file mode 100644
index 96b0e93..0000000
Binary files a/static/images/hero5.png and /dev/null differ
diff --git a/static/images/home.jpg b/static/images/home.jpg
deleted file mode 100644
index 803ca3b..0000000
Binary files a/static/images/home.jpg and /dev/null differ
diff --git a/static/images/home1.jpg b/static/images/home1.jpg
deleted file mode 100644
index 0dd178e..0000000
Binary files a/static/images/home1.jpg and /dev/null differ
diff --git a/static/images/mycel5.png b/static/images/mycel5.png
deleted file mode 100644
index b6455a6..0000000
Binary files a/static/images/mycel5.png and /dev/null differ
diff --git a/static/images/mycel_1.png b/static/images/mycel_1.png
index 33876c2..fb2f4fd 100644
Binary files a/static/images/mycel_1.png and b/static/images/mycel_1.png differ
diff --git a/static/images/new_logo_tft.png b/static/images/mycelium_dark.png
similarity index 100%
rename from static/images/new_logo_tft.png
rename to static/images/mycelium_dark.png
diff --git a/static/images/mycelium_white.png b/static/images/mycelium_white.png
new file mode 100644
index 0000000..997fc2c
Binary files /dev/null and b/static/images/mycelium_white.png differ
diff --git a/static/images/people_1.jpg b/static/images/people_1.jpg
deleted file mode 100644
index 6660d0e..0000000
Binary files a/static/images/people_1.jpg and /dev/null differ
diff --git a/static/images/people_2.jpg b/static/images/people_2.jpg
deleted file mode 100644
index 3621795..0000000
Binary files a/static/images/people_2.jpg and /dev/null differ
diff --git a/static/images/people_3.jpg b/static/images/people_3.jpg
deleted file mode 100644
index 015e8d5..0000000
Binary files a/static/images/people_3.jpg and /dev/null differ
diff --git a/static/images/people_4.jpg b/static/images/people_4.jpg
deleted file mode 100644
index 54d8537..0000000
Binary files a/static/images/people_4.jpg and /dev/null differ
diff --git a/static/images/people_5.jpg b/static/images/people_5.jpg
deleted file mode 100644
index d40346a..0000000
Binary files a/static/images/people_5.jpg and /dev/null differ
diff --git a/static/images/resil.png b/static/images/resil.png
deleted file mode 100644
index 3c6e1ab..0000000
Binary files a/static/images/resil.png and /dev/null differ
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/static/images/startup.jpg b/static/images/startup.jpg
deleted file mode 100644
index ab13696..0000000
Binary files a/static/images/startup.jpg and /dev/null differ
diff --git a/static/images/startup1.jpg b/static/images/startup1.jpg
deleted file mode 100644
index f68ef6d..0000000
Binary files a/static/images/startup1.jpg and /dev/null differ
diff --git a/static/images/twin.jpg b/static/images/twin.jpg
deleted file mode 100644
index 4d263b7..0000000
Binary files a/static/images/twin.jpg and /dev/null differ
diff --git a/static/images/znz.jpg b/static/images/znz.jpg
deleted file mode 100644
index f163243..0000000
Binary files a/static/images/znz.jpg and /dev/null differ
diff --git a/static/images/zone.jpg b/static/images/zone.jpg
deleted file mode 100644
index 1283d7b..0000000
Binary files a/static/images/zone.jpg and /dev/null differ
diff --git a/static/images/zone1.jpg b/static/images/zone1.jpg
deleted file mode 100644
index a79d938..0000000
Binary files a/static/images/zone1.jpg and /dev/null differ
diff --git a/static/images/zone2.jpg b/static/images/zone2.jpg
deleted file mode 100644
index f543b89..0000000
Binary files a/static/images/zone2.jpg and /dev/null differ
diff --git a/static/js/custom.js b/static/js/custom.js
index 1998788..e879bee 100644
--- a/static/js/custom.js
+++ b/static/js/custom.js
@@ -164,30 +164,60 @@ function readingTime() {
}
}
-async function getStats() {
- try {
- const stats = await fetch(
- "https://stats.grid.tf/api/stats-summary"
- ).then((res) => res.json());
- return formatStatsData(stats);
- } catch (error) {
- throw new Error(
- `Failed to retrieve data from network statistics: ${error}`
- );
- }
-}
+// async function getStats() {
+// try {
+// const stats = await fetch(
+// "https://stats.grid.tf/api/stats-summary"
+// ).then((res) => res.json());
+// return formatStatsData(stats);
+// } catch (error) {
+// throw new Error(
+// `Failed to retrieve data from network statistics: ${error}`
+// );
+// }
+// }
-function formatStatsData(stats) {
- let items = document.querySelector(".items");
- items.classList.remove("animate-pulse");
- document.getElementById("ssd").innerHTML = stats.ssd;
- document.getElementById("nodes").innerHTML = stats.nodes;
- document.getElementById("countries").innerHTML = stats.countries;
- document.getElementById("cores").innerHTML = stats.cores
- .toString()
- .replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-}
+// function formatStatsData(stats) {
+// let items = document.querySelector(".items");
+// items.classList.remove("animate-pulse");
+// document.getElementById("ssd").innerHTML = stats.ssd;
+// document.getElementById("nodes").innerHTML = stats.nodes;
+// document.getElementById("countries").innerHTML = stats.countries;
+// document.getElementById("cores").innerHTML = stats.cores
+// .toString()
+// .replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+// }
+
+// readingTime();
+// getStats();
+// document.getElementById("year").innerHTML = new Date().getFullYear();
+
+
+// Get elements
+const toggleSwitch = document.getElementById('lightModeSwitch');
+const body = document.body;
+
+// Apply saved theme on load
+document.addEventListener('DOMContentLoaded', () => {
+ const savedTheme = localStorage.getItem('theme') || 'light'; // Default is light mode
+
+ if (savedTheme === 'dark') {
+ body.classList.add('dark-mode');
+ toggleSwitch.checked = true;
+ } else {
+ body.classList.remove('dark-mode');
+ toggleSwitch.checked = false;
+ }
+});
+
+// Toggle between light and dark mode
+toggleSwitch.addEventListener('change', () => {
+ if (toggleSwitch.checked) {
+ body.classList.add('dark-mode');
+ localStorage.setItem('theme', 'dark');
+ } else {
+ body.classList.remove('dark-mode');
+ localStorage.setItem('theme', 'light');
+ }
+});
-readingTime();
-getStats();
-document.getElementById("year").innerHTML = new Date().getFullYear();
diff --git a/static/videos/cybercity_comp.mp4 b/static/videos/cybercity_comp.mp4
deleted file mode 100644
index 36690c7..0000000
Binary files a/static/videos/cybercity_comp.mp4 and /dev/null differ
diff --git a/tailwind.config.js b/tailwind.config.js
index 1c659e7..eb65f68 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,30 +1,15 @@
const colors = require('tailwindcss/colors')
module.exports = {
+ darkMode: 'class',
content: [
'./templates/**/*.html'
],
safelist: [
- {
- pattern: /(-|)(ml|mr)-(4|8|12|16|20|24|28)/,
- variants: [
- 'sm', 'md', 'lg',
- 'first', 'first:sm', 'first:md', 'first:lg',
- 'last', 'last:sm', 'last:md', 'last:lg'
- ],
- },
- {
- pattern: /(pt|pb)-(0)/,
- variants: [
- '!', 'lg',
- 'first', 'first:sm', 'first:md', 'first:lg',
- 'last', 'last:sm', 'last:md', 'last:lg'
- ],
- },
- {
- pattern: /bg-teal-(50|100|200|300|400|500|600|700|800|900)/, // Added teal color safelist
- }
- ],
+ 'lg:grid-cols-3',
+ 'md:grid-cols-2',
+ 'grid-cols-1',
+],
important: true,
theme: {
diff --git a/templates/404.html b/templates/404.html
index 671202a..f3a4f44 100644
--- a/templates/404.html
+++ b/templates/404.html
@@ -10,7 +10,7 @@
+ +{{ accordion( + id_accordion="accordion1" + question="What is Mycelium?", + description="Mycelium is an end-to-end encrypted IPv6 overlay network written in Rust. Each node joining the network receives an IP in the 400::/7 range, facilitating secure and private communications." +) }} + +{{ accordion( + id_accordion="accordion2" + question="Is mycelium ready to scale to the world?", + description="No, Mycelium is not yet fully scalable to a global level. Currently, each network can support around 100,000 users, but multiple networks can be deployed to expand capacity. We anticipate resolving these scalability challenges by 2025." +) }} + +{{ accordion( + id_accordion="accordion3" + question="How do I install Mycelium?", + description="The Mycelium app supports iOS, macOS, Android and Windows. For Linux, a binary is available. Installation guides are available for both local machines and virtual machines running on the TFGrid. Note that Windows users need to have wintun.dll in the same directory as the Mycelium executable." +) }} + +{{ accordion( + id_accordion="accordion4" + question="How can I find and use my Mycelium address?", + description="Upon using the Mycelium app, you're assigned a unique Mycelium address. To copy this address, click the button located to the right of the displayed address in the app interface." +) }} + +{{ accordion( + id_accordion="accordion5" + question="Can I deploy workloads on the TFGrid using Mycelium?", + description="Yes, after installing Mycelium, you can deploy workloads on the TFGrid and connect to them using the Mycelium network. Detailed deployment guides are available in the documentation." +) }} + +{{ accordion( + id_accordion="accordion6" + question="Is there an API available for Mycelium?", + description="Yes, Mycelium offers an API for administrative operations, peer management, and message subsystem operations. Comprehensive API documentation can be found in the official Mycelium GitHub repository" + ) + }} + +{{ accordion( + id_accordion="accordion7" + question="What should I do if I encounter issues during installation or usage?", + description="If you face any challenges, refer to the troubleshooting section in the Mycelium documentation. Additionally, ensure that all prerequisites are met, such as having wintun.dll in the correct directory for Windows installations." + ) + }} + +{{ accordion( + id_accordion="accordion8" + question="How does Mycelium handle routing within its network?", + description="Mycelium incorporates core principles of the Babel routing protocol, enabling efficient and dynamic routing within its encrypted IPv6 overlay network." + ) + }} + +
