Compare commits
30 Commits
06e778f3fc
...
archive
| Author | SHA1 | Date | |
|---|---|---|---|
| bddaa0b4f2 | |||
| 4085aba9b7 | |||
|
bc28d2b353 | ||
| d2dec763df | |||
| 6a641877d4 | |||
|
|
4fc20456ba | ||
| 5f3557594c | |||
| 60553a21a4 | |||
|
|
2fcac794dc | ||
| 9656ac4b26 | |||
| f7553f6214 | |||
| 8632ed4a97 | |||
| 2b404132d2 | |||
| 8e2ccc259d | |||
| a2decef6ec | |||
| 2993e52f50 | |||
| 8095f7bc61 | |||
| 3d39921416 | |||
| 854ed04995 | |||
| 6eaaf873e4 | |||
| d1571c0b2a | |||
| 0028b2bc7c | |||
| 9bd280d88e | |||
| 93ce452f78 | |||
| af9bc6a930 | |||
| 7390b3ceb5 | |||
| 38a1031b2b | |||
| 60652bae24 | |||
| a4279af880 | |||
| 0b1266c20e |
@@ -1,5 +1,5 @@
|
||||
# The URL the site will be built for
|
||||
base_url = "https://www2.mycelium.threefold.io/"
|
||||
base_url = "https://www.mycelium.threefold.io/"
|
||||
# Change this to your own URL! Please note this variable **must** be uncommented .
|
||||
|
||||
title = "Mycelium"
|
||||
|
||||
@@ -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/why.html"
|
||||
template: "layouts/about.html"
|
||||
insert_anchor_links: "left"
|
||||
extra:
|
||||
author: ThreeFold
|
||||
|
Before Width: | Height: | Size: 104 KiB After Width: | Height: | Size: 104 KiB |
@@ -1,7 +1,7 @@
|
||||
---
|
||||
title: "Take actions"
|
||||
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/action.html"
|
||||
template: "layouts/download.html"
|
||||
insert_anchor_links: "left"
|
||||
extra:
|
||||
|
||||
@@ -16,7 +16,7 @@ extra:
|
||||
To see the list of the section blocks in this page, add or remove some of the partial pages,
|
||||
go to: static/templates/layouts/index.html.
|
||||
|
||||
HOMEPAGE (static/templates/layouts/action.html) contains:
|
||||
HOMEPAGE (static/templates/layouts/download.html) contains:
|
||||
|
||||
1. Hero section: "templates/partials/download/download1.html
|
||||
2. faq section: "templates/partials/hero/myhero6.html"
|
||||
|
Before Width: | Height: | Size: 104 KiB After Width: | Height: | Size: 104 KiB |
@@ -14,31 +14,13 @@ extra:
|
||||
|
||||
<br>
|
||||
|
||||
###### [Learn](https://docs.threefold.io/docs/introduction)
|
||||
|
||||
###### [Host (Farm)](https://docs.threefold.io/docs/category/become-a-farmer)
|
||||
###### [Manual](https://manual.grid.tf/)
|
||||
|
||||
###### [Dashboard](https://dashboard.grid.tf/)
|
||||
|
||||
###### [Download TF Connect: iOS](https://apps.apple.com/us/app/3bot-login/id1459845885)
|
||||
<h6><a target="_self" onclick="window.location.href='/download'">Download Mycelium</a></h6>
|
||||
|
||||
###### [Download TF Connect: Android](https://play.google.com/store/apps/details?id=org.jimber.threebotlogin&hl=en_US)
|
||||
|
||||
|||
|
||||
|
||||
##### <span class="text-black">COMMUNITY</span>
|
||||
|
||||
<br>
|
||||
|
||||
###### [Main Chat](https://t.me/threefold)
|
||||
|
||||
###### [Hosting / Farming Chat](https://t.me/threefoldfarmers)
|
||||
|
||||
###### [Grid User Chat](https://t.me/threefoldtesting)
|
||||
|
||||
###### [Forum](https://forum.threefold.io/)
|
||||
|
||||
###### [Support](https://threefoldfaq.crisp.help/en/)
|
||||
|
||||
|||
|
||||
|
||||
@@ -46,15 +28,11 @@ extra:
|
||||
|
||||
<br>
|
||||
|
||||
<h6><a target="_self" onclick="window.location.href='/why'">Why</a></h6>
|
||||
<h6><a target="_self" onclick="window.location.href='/about'">About</a></h6>
|
||||
|
||||
<h6><a target="_self" onclick="window.location.href='/blog'">Blog</a></h6>
|
||||
###### [ThreeFold](https://threefold.io/)
|
||||
|
||||
<h6><a target="_self" onclick="window.location.href='/newsroom'">NewsRoom</a></h6>
|
||||
|
||||
<h6><a target="_self" href="javascript:;" onclick="ml_account('webforms', '3562741', 'n7q9l7', 'show')">Newsletter</a></h6>
|
||||
|
||||
<h6><a target="_self" onclick="window.location.href='/community'">Community</a></h6>
|
||||
###### [Support](https://threefoldfaq.crisp.help/en/)
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -7,7 +7,7 @@ extra:
|
||||
|
||||
---
|
||||
|
||||
- [About]("/why")
|
||||
- [About]("/about")
|
||||
- [Docs]("https://manual.threefold.io/documentation/system_administrators/mycelium/mycelium_app.html")
|
||||
|
||||
|
||||
|
||||
40
env.sh
40
env.sh
@@ -1,3 +1,4 @@
|
||||
|
||||
export NAME='threefoldio'
|
||||
|
||||
SOURCE=${BASH_SOURCE[0]}
|
||||
@@ -42,7 +43,7 @@ if [[ ! -f "$HOME/hero/bin/tailwindcss" ]]; then
|
||||
pushd /tmp
|
||||
rm -f $ASSET
|
||||
rm -f tailwindcss
|
||||
curl -sLO "https://github.com/tailwindlabs/tailwindcss/releases/latest/download/${ASSET}"
|
||||
curl -sLO "https://github.com/tailwindlabs/tailwindcss/releases/download/v3.4.17/${ASSET}"
|
||||
|
||||
FILE_SIZE=$(get_file_size "$ASSET")
|
||||
if [[ $FILE_SIZE -lt 20000000 ]]; then
|
||||
@@ -59,6 +60,8 @@ if [[ ! -f "$HOME/hero/bin/tailwindcss" ]]; then
|
||||
popd
|
||||
fi
|
||||
|
||||
|
||||
# Zola version and platform-specific binaries are handled in the install functions below
|
||||
check_zola() {
|
||||
if command -v zola &> /dev/null; then
|
||||
echo "Zola is already installed."
|
||||
@@ -88,12 +91,37 @@ install_zola_arch() {
|
||||
# Function to install Zola on macOS
|
||||
install_zola_macos() {
|
||||
echo "Installing Zola on macOS..."
|
||||
if command -v brew &> /dev/null; then
|
||||
brew install zola
|
||||
ZOLA_VERSION="v0.18.0"
|
||||
|
||||
# Determine architecture
|
||||
if [[ "$(uname -m)" == "arm64" ]]; then
|
||||
ZOLA_ARCH="aarch64"
|
||||
else
|
||||
echo "Homebrew is not installed. Please install Homebrew first."
|
||||
ZOLA_ARCH="x86_64"
|
||||
fi
|
||||
|
||||
ZOLA_FILE="zola-${ZOLA_VERSION}-${ZOLA_ARCH}-apple-darwin.tar.gz"
|
||||
ZOLA_URL="https://github.com/getzola/zola/releases/download/${ZOLA_VERSION}/${ZOLA_FILE}"
|
||||
|
||||
echo "Downloading Zola ${ZOLA_VERSION} for ${ZOLA_ARCH}..."
|
||||
pushd /tmp
|
||||
curl -sLO "${ZOLA_URL}"
|
||||
|
||||
# Check file size (should be around 8-9MB)
|
||||
FILE_SIZE=$(get_file_size "$ZOLA_FILE")
|
||||
if [[ $FILE_SIZE -lt 7000000 ]]; then
|
||||
echo "Error: Downloaded file size is less than 7MB, download may be incomplete."
|
||||
rm "$ZOLA_FILE"
|
||||
popd
|
||||
exit 1
|
||||
fi
|
||||
|
||||
# Extract and install
|
||||
tar -xzf "$ZOLA_FILE"
|
||||
chmod +x zola
|
||||
mv zola "$HOME/hero/bin/"
|
||||
rm "$ZOLA_FILE"
|
||||
popd
|
||||
}
|
||||
|
||||
if ! check_zola; then
|
||||
@@ -131,6 +159,6 @@ fi
|
||||
# Compile tailwindcss for prod & build project
|
||||
echo "Compiling tailwindcss and building zola project..."
|
||||
rm -rf public static/css
|
||||
|
||||
set +e
|
||||
tailwindcss -i css/index.css -o ./static/css/index.css --minify
|
||||
|
||||
|
||||
|
||||
BIN
static/images/icons/linux.png
Normal file
BIN
static/images/icons/linux.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
1
static/images/icons/linux.svg
Normal file
1
static/images/icons/linux.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 259 KiB |
@@ -4,6 +4,7 @@
|
||||
{% include "partials/hero/myhero.html" %}
|
||||
{% include "partials/hero/myhero1.html" %}
|
||||
{% include "partials/hero/myhero3.html" %}
|
||||
{% include "partials/hero/myhero8.html" %}
|
||||
{% include "partials/hero/myhero5.html" %}
|
||||
{% include "partials/hero/myhero2.html" %}
|
||||
{% include "partials/hero/myhero6.html" %}
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
{% include "partials/home/cta.html" %}
|
||||
{% include "partials/action/video.html" %}
|
||||
{% include "partials/action/web4tools.html" %}
|
||||
{% include "partials/action/action.html" %}
|
||||
{% include "partials/action/download.html" %}
|
||||
{% include "partials/about/about5.html" %}
|
||||
{% include "partials/home/cta.html" %}
|
||||
{% include "partials/about/about6.html" %}
|
||||
|
||||
@@ -1,24 +1,22 @@
|
||||
<div class=" fade-in">
|
||||
<div class="relative isolate">
|
||||
<div class="mx-auto max-w-7xl px-6 py-24 lg:flex lg:items-center lg:gap-x-20 lg:px-8">
|
||||
<div class="mx-auto max-w-xl lg:mx-0 lg:flex-auto">
|
||||
<p class="text-base/7 font-light text-black tracking-wide">ABOUT</p>
|
||||
<h1 class="mt-2 text-4xl font-semibold tracking-tight text-black lg:text-6xl">
|
||||
Mycelium
|
||||
</h1>
|
||||
<h2 class="text-balance lg:text-4xl text-3xl font-normal tracking-tight text-black">Where Digital Innovation
|
||||
Meets the Wisdom of Nature</h2>
|
||||
<p class="mt-6 text-md font-light text-stone-800 lg:text-lg">
|
||||
At the forefront of digital evolution lies Mycelium, a visionary project at the heart of the ThreeFold Grid. More than just technology, Mycelium is a transformative force reshaping the way we connect in the digital age.
|
||||
</p>
|
||||
<p class="mt-2 text-md font-light text-stone-800 lg:text-lg">
|
||||
We're on a mission to create a sustainable digital ecosystem where communication is seamless, data is secure, and scalability knows no bounds.
|
||||
</p>
|
||||
</div>
|
||||
<div class="mt-16 sm:mt-24 lg:mt-0 lg:flex lg:justify-center lg:w-1/2">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:py-24 py-12 lg:flex lg:items-center lg:gap-x-20 lg:px-8">
|
||||
<div class="my-6 lg:my-16 sm:mt-24 lg:mt-0 lg:flex lg:justify-center lg:w-1/2 lg:order-2">
|
||||
<img class="w-full max-w-lg h-auto object-cover rounded-xl" src="/images/mycel5.jpg"
|
||||
alt="Mobile App Screenshot">
|
||||
</div>
|
||||
<div class="mx-auto max-w-xl lg:mx-0 lg:flex-auto lg:order-1">
|
||||
<h1 class="mt-2 text-4xl font-semibold tracking-tight text-black lg:text-6xl">
|
||||
About Mycelium
|
||||
</h1>
|
||||
<h2 class="text-balance lg:text-4xl text-3xl font-normal tracking-tight text-black">Redefining Digital Communication</h2>
|
||||
<p class="mt-6 text-md font-light text-stone-800 lg:text-lg">
|
||||
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.
|
||||
<p class="mt-2 text-md font-light text-stone-800 lg:text-lg">
|
||||
We aim to build a system that adapts to our growing digital needs while promoting sustainability and security.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,18 +1,17 @@
|
||||
<div class="relative bg-white isolate overflow-hidden py-12">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="relative bg-white isolate overflow-hidden py-12">
|
||||
<div class="mx-auto max-w-7xl px-4 lg:px-8">
|
||||
<div>
|
||||
<h1 class="fade-in text-balance text-4xl font-medium tracking-tight text-black lg:text-5xl">Why Mycelium:
|
||||
<h1 class="fade-in text-balance text-4xl font-medium tracking-tight text-black lg:text-5xl">Our Technology
|
||||
</h1>
|
||||
<h2 class="mt-4 mx-automax-w-3xl text-pretty lg:text-3xl text-xl font-normal text-black fade-in"> Redefining Digital Communication</h2>
|
||||
</div>
|
||||
<div class="relative grid lg:grid-cols-12 lg:gap-8">
|
||||
<!-- Left Content -->
|
||||
<div class="lg:col-span-6">
|
||||
<div class="mx-auto max-w-2xl lg:mx-0">
|
||||
<p class="fade-in mt-2 text-lg lg:text-xl font-light text-black">
|
||||
Mycelium facilitates secure, efficient, and scalable data transfer and communication among network nodes. It optimizes data routing, ensuring that information follows the shortest path in terms of latency, leading to faster and more efficient communication.
|
||||
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.
|
||||
<br><br>
|
||||
The technology relies on end-to-end encryption, where each node in the system is identified by a unique key pair, ensuring data security and privacy. This ensures that data remains confidential and authentic, enhancing the privacy and integrity of the network.
|
||||
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.
|
||||
<br><br>
|
||||
</p>
|
||||
</div>
|
||||
@@ -22,8 +21,9 @@
|
||||
<div class="lg:col-span-6">
|
||||
<figure class=" mt-2 pl-8">
|
||||
<blockquote class=" text-black fade-in px-6">
|
||||
<p class="text-md leading-normal text-black font-normal">Mycelium is developed to address the limitations of traditional networking protocols and to contribute to a more sustainable and eco-conscious digital ecosystem. It strives to revolutionize digital communication, making it not only efficient and secure, but also environmentally responsible.<br><br>
|
||||
The inspiration for Mycelium draws from the need for a technology that adapts to changing network conditions and operates efficiently, even in a rapidly evolving digital landscape.</p>
|
||||
<p class="text-md leading-normal text-black font-normal">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.
|
||||
<br><br>
|
||||
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.</p>
|
||||
</blockquote>
|
||||
<br>
|
||||
<div class="mx-4">
|
||||
|
||||
@@ -1,24 +1,23 @@
|
||||
<div class=" fade-in">
|
||||
<div class=" fade-in py-12">
|
||||
<div class="relative isolate">
|
||||
<div class="mx-auto max-w-7xl px-6 py-12 lg:flex lg:items-center lg:gap-x-20 lg:px-8">
|
||||
<div class="mx-auto max-w-xl lg:mx-0 lg:flex-auto">
|
||||
<div class="mx-auto max-w-7xl px-4 lg:flex lg:items-center lg:gap-x-20 lg:px-8">
|
||||
<div class="mb-6 lg:flex lg:justify-center lg:w-1/2 lg:order-2">
|
||||
|
||||
<img class="w-full max-w-md h-auto object-cover rounded-xl" src="/images/efficient.jpeg"
|
||||
alt="Mobile App Screenshot">
|
||||
</div>
|
||||
<div class="mx-auto max-w-xl lg:mx-0 lg:flex-auto lg:order-1">
|
||||
<p class="text-base/7 font-light text-black tracking-wide">BENEFITS</p>
|
||||
<h2 class="text-balance lg:text-5xl text-4xl font-medium tracking-tight text-black">Highly Efficient</h2>
|
||||
<h3 class="mt-6 font-light text-black lg:text-3xl text-xl">
|
||||
Optimizing Data Routing
|
||||
</h3>
|
||||
<p class="mt-6 text-md font-light text-stone-800 lg:text-lg">
|
||||
Mycelium's routing algorithms prioritize the shortest path in terms of latency for data transfer.
|
||||
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.
|
||||
</p>
|
||||
<p class="mt-4 text-md font-light text-stone-800 lg:text-lg">
|
||||
This means that data is sent along the most direct and efficient route, reducing the time it takes for information to travel from the source node to the destination node. </p>
|
||||
</div>
|
||||
<div class="mt-16 sm:mt-24 lg:mt-0 lg:flex lg:justify-center lg:w-1/2">
|
||||
{# <img class="w-full max-w-md h-auto object-cover rounded-xl" src="/images/about1.jpg"
|
||||
alt="Mobile App Screenshot"> #}
|
||||
<img class="w-full max-w-md h-auto object-cover rounded-xl" src="/images/efficient.jpeg"
|
||||
alt="Mobile App Screenshot">
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<div class=" fade-in bg-white">
|
||||
<div class=" fade-in py-12">
|
||||
<div class="relative isolate">
|
||||
<div class="mx-auto max-w-7xl px-6 py-24 lg:flex lg:items-center lg:gap-x-20 lg:px-8">
|
||||
<div class="mt-16 sm:mt-24 lg:mt-0 lg:flex lg:justify-center lg:w-1/2">
|
||||
<div class="mx-auto max-w-7xl px-4 lg:py-24 py-12 lg:flex lg:items-center lg:gap-x-20 lg:px-8">
|
||||
<div class="my-6 lg:flex lg:justify-center lg:w-1/2">
|
||||
{# <img class="w-full max-w-md h-auto object-cover rounded-xl" src="/images/about3.jpg"
|
||||
alt="Mobile App Screenshot"> #}
|
||||
<img class="w-full max-w-md h-auto object-cover rounded-xl" src="/images/security.jpeg"
|
||||
@@ -16,10 +16,10 @@
|
||||
End-to-End Encryption
|
||||
</h3>
|
||||
<p class="mt-6 text-md font-light text-black lg:text-lg">
|
||||
With Mycelium, each node in the network is identified by a unique key pair. This key pair consists of a public key and a private key. The public key is used to encrypt data intended for that node, while the private key is used to decrypt the data. This cryptographic system ensures that only the intended recipient can access the data.
|
||||
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.
|
||||
</p>
|
||||
<p class="mt-4 text-md font-light text-black lg:text-lg">
|
||||
When a node sends data to another node within the Mycelium network, the data is encrypted using the recipient's public key. This encryption ensures that even if the data is intercepted during transmission, it remains confidential and unreadable without the corresponding private key. </p>
|
||||
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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,25 +1,23 @@
|
||||
<div class=" fade-in">
|
||||
<div class=" fade-in py-12">
|
||||
<div class="relative isolate">
|
||||
<div class="mx-auto max-w-7xl px-6 py-24 lg:flex lg:items-center lg:gap-x-20 lg:px-8">
|
||||
<div class="mx-auto max-w-xl lg:mx-0 lg:flex-auto">
|
||||
<div class="mx-auto max-w-7xl px-4 lg:flex lg:items-center lg:gap-x-20 lg:px-8">
|
||||
<div class="my-6 lg:flex lg:justify-center lg:w-1/2 lg:order-2">
|
||||
<img class="w-full max-w-md h-auto object-cover rounded-xl" src="/images/scalability.jpeg"
|
||||
alt="Mobile App Screenshot">
|
||||
</div>
|
||||
<div class="mx-auto max-w-xl lg:mx-0 lg:flex-auto lg:order-1">
|
||||
<p class="text-base/7 font-light text-black tracking-wide">BENEFITS</p>
|
||||
<h2 class="text-balance lg:text-5xl text-4xl font-medium tracking-tight text-black">Enhances Scalability</h2>
|
||||
<h3 class="mt-6 font-light text-black lg:text-3xl text-xl">
|
||||
Designed to Adapt
|
||||
</h3>
|
||||
<p class="mt-6 text-md font-light text-stone-800 lg:text-lg">
|
||||
Mycelium is an open-source project designed to dynamically adapt to changing network conditions. This means that, as new nodes join the network or as existing nodes leave, the system can adjust seamlessly. This adaptability allows Mycelium to accommodate an increasing number of participants without compromising performance.
|
||||
</p>
|
||||
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.
|
||||
|
||||
<p class="mt-4 text-md font-light text-stone-800 lg:text-lg">
|
||||
Mycelium can distribute network traffic effectively. In cases of increased network usage or high data transfer demands, the system can balance the load by routing data through multiple paths or nodes. This load distribution ensures that the network can handle a larger volume of data and more users without becoming overwhelmed.
|
||||
</p>
|
||||
</div>
|
||||
<div class="mt-16 sm:mt-24 lg:mt-0 lg:flex lg:justify-center lg:w-1/2">
|
||||
{# <img class="w-full max-w-md h-auto object-cover rounded-xl" src="/images/about4.jpg"
|
||||
alt="Mobile App Screenshot"> #}
|
||||
<img class="w-full max-w-md h-auto object-cover rounded-xl" src="/images/scalability.jpeg"
|
||||
alt="Mobile App Screenshot">
|
||||
</div>
|
||||
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.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,12 +1,12 @@
|
||||
<div class="bg-white fade-in">
|
||||
<div class="relative isolate px-6 lg:px-8">
|
||||
<div class="mx-auto max-w-4xl py-24">
|
||||
<div class="text-center">
|
||||
<div class="fade-in py-12">
|
||||
<div class="relative isolate px-4 lg:px-8">
|
||||
<div class="mx-auto max-w-4xl">
|
||||
<div class="text-left lg:text-center">
|
||||
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-medium tracking-tight text-black">A Part of ThreeFold Ecosystem</h2>
|
||||
<h3 class="fade-in text-balance lg:text-3xl text-2xl font-normal tracking-tight text-black">An Integral Component of Sustainable Decentralization</h3>
|
||||
<p class="mt-8 lg:text-lg font-light text-black sm:text-xl/8">Mycelium seamlessly integrates within the broader ThreeFold ecosystem, playing a pivotal role in the journey towards sustainable and decentralized digital transformation.
|
||||
As a key component, Mycelium empowers 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.</p>
|
||||
<p class="mt-8 lg:text-lg font-light text-black sm:text-xl/8">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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -13,9 +13,9 @@
|
||||
</div>
|
||||
</div>
|
||||
<section class="pb-12">
|
||||
<div class="max-w-6xl mx-8 lg:mx-auto">
|
||||
<div class="max-w-7xl mx-8 lg:mx-auto">
|
||||
<div class="mx-auto max-w-2xl lg:max-w-none">
|
||||
<dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-3">
|
||||
<dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-4">
|
||||
<div class="fade-in-box flex flex-col p-8 rounded-2xl bg-transparent items-start">
|
||||
<img src="/images/icons/apple.svg" alt="Apple" class="w-16 h-16 justify-start">
|
||||
<dt class="mt-2 flex items-starts gap-x-3 text-base lg:text-md rounded-2xl font-semibold text-black">
|
||||
@@ -47,14 +47,26 @@
|
||||
</dt>
|
||||
<dd class="mt-1 flex flex-auto flex-col">
|
||||
<p class="flex-auto leading-normal font-light text-black text-sm">
|
||||
Download Mycelium App from the Google Play Store.</p>
|
||||
Download Mycelium from the Google Play Store.</p>
|
||||
<p class="mt-3">
|
||||
<a href="https://play.google.com/store/apps/details?id=tech.threefold.mycelium" target="_blank" class="text-sm/6 font-semibold text-black hover:text-gray-300">Download Now <span aria-hidden="true">→</span></a>
|
||||
</p>
|
||||
</dd>
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="fade-in-box flex flex-col p-8 rounded-2xl bg-transparent hover:bg-transparent items-start">
|
||||
<img src="/images/icons/linux.png" alt="Android" class="w-16 h-16 justify-start">
|
||||
<dt class="mt-2 flex items-center gap-x-3 text-base lg:text-md rounded-2xl font-semibold text-black">
|
||||
Download for Linux
|
||||
</dt>
|
||||
<dd class="mt-1 flex flex-auto flex-col">
|
||||
<p class="flex-auto leading-normal font-light text-black text-sm">
|
||||
Download the Mycelium binary for Linux directly from its Github repository.</p>
|
||||
<p class="mt-3">
|
||||
<a href="https://github.com/threefoldtech/mycelium/releases/latest" target="_blank" class="text-sm/6 font-semibold text-black hover:text-gray-300">Download Now <span aria-hidden="true">→</span></a>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
@@ -6,24 +6,24 @@
|
||||
<body>
|
||||
<div class="mt-20 border-t border-gray-700"></div>
|
||||
<footer class="bg-transparent">
|
||||
<div class="max-w-screen-2xl mx-auto py-12 px-4 sm:px-6">
|
||||
<div class="xl:flex xl:gap-4">
|
||||
<div class="space-y-8 lg:max-w-sm xl:max-w-sm lg:mr-8 lg:mb-8 xl:col-span-1">
|
||||
<div class="max-w-7xl mx-auto py-12 px-4 sm:px-6">
|
||||
<div class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-2">
|
||||
<div class="grid-cols-4 space-y-8 lg:max-w-sm xl:max-w-sm lg:mr-8 lg:mb-8 xl:col-span-1">
|
||||
<img class="w-36 h-auto" src="{{ get_url(path=logoPath)}}" alt="ThreeFold Logo" />
|
||||
<p class="text-gray-200 text-base font-light leading-6">
|
||||
{{section.description}}
|
||||
</p>
|
||||
{% include "partials/socialLinks.html" %}
|
||||
{# {% include "partials/socialLinks.html" %} #}
|
||||
</div>
|
||||
|
||||
<div class="mt-6 lg:mt-0 w-full px-8 sm:px-12 md:px-16 lg:px-20 footer-cust">
|
||||
<div class="grid-cols-8 mt-6 lg:mt-0 w-full px-8 sm:px-12 md:px-16 lg:px-20 footer-cust">
|
||||
{{ section.content | safe }}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="mt-6 mx-auto border-t border-gray-700 pt-8">
|
||||
<p data-v-14efe4a7="" class="text-base leading-6 text-gray-400 text-center">
|
||||
© <span id="year"></span> ThreeFold - All rights reserved.
|
||||
© <span id="year"></span> Mycelium - All rights reserved.
|
||||
<a target="_blank" href="https://docs.threefold.io/docs/legal/terms_and_conditions" class="leading-6 text-gray-500 hover:text-green">Terms & Conditions |</a>
|
||||
<a target="_blank" href="https://docs.threefold.io/docs/legal/privacy_policy" class="leading-6 text-gray-500 hover:text-green">Privacy Policy</a>
|
||||
|
||||
|
||||
@@ -61,7 +61,7 @@
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<a href="https://manual.threefold.io/documentation/system_administrators/mycelium/mycelium_app.html"
|
||||
<a href="https://manual.threefold.io/documentation/system_administrators/mycelium/overview.html"
|
||||
class="text-lg py-3 leading-6 font-light text-pretty tracking-wide text-black focus:outline-none focus:text-gray-200 transition ease-in-out duration-150" target="_blank">
|
||||
Docs
|
||||
</a>
|
||||
@@ -111,7 +111,7 @@
|
||||
</a>
|
||||
</li>
|
||||
</ul> #}
|
||||
<a href="/action" target="_blank" class="blinking-effect dashboard rounded-2xl bg-black px-4 p-2 text-sm font-semibold text-white shadow-sm hover:bg-gray-600">Get Mycelium</a>
|
||||
<a href="/download" class="blinking-effect dashboard rounded-2xl bg-black px-4 p-2 text-sm font-semibold text-white shadow-sm hover:bg-gray-600">Get Mycelium</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -199,12 +199,12 @@
|
||||
</p>
|
||||
{% include "partials/socialLinks.html" %}
|
||||
</div> #}
|
||||
<a href="https://manual.threefold.io/documentation/system_administrators/mycelium/mycelium_app.html"
|
||||
<a href="https://manual.threefold.io/documentation/system_administrators/mycelium/overview.html"
|
||||
class="text-lg px-8 py-3 leading-6 font-normal text-black hover:text-gray-600 focus:outline-none focus:text-gray-50 transition ease-in-out duration-150" target="_blank">
|
||||
Docs
|
||||
</a>
|
||||
<div class="rounded-full border-2 my-4 border-gray-400 py-2 mx-4">
|
||||
<a href="/action" target="_blank" class="mt-2 rounded-md px-4 py-2.5 text-lg font-semibold text-black shadow-sm hover:text-gray-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">Get Mycelium</a>
|
||||
<a href="/download" class="mt-2 rounded-md px-4 py-2.5 text-lg font-semibold text-black shadow-sm hover:text-gray-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">Get Mycelium</a>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<div class="relative fade-in pt-20 mt-4 lg:mt-24 lg:pt-24 h-screen">
|
||||
<div class="relative fade-in pt-10 mt-4 lg:mt-24 lg:pt-24 lg:h-screen">
|
||||
<div class="mx-auto max-w-7xl lg:grid lg:grid-cols-12 lg:gap-x-8 lg:px-8">
|
||||
<div class="px-6 lg:col-span-7 lg:px-0 xl:col-span-6">
|
||||
<div class="mx-auto max-w-2xl lg:mx-0 lg:flex-auto">
|
||||
@@ -8,17 +8,17 @@
|
||||
<h2 class="fade-in text-balance lg:text-4xl text-3xl font-normal tracking-tight text-black">Unleashing the Power of Decentralized Networks
|
||||
</h2>
|
||||
<p class="mt-8 text-pretty lg:text-xl text-lg font-light text-black lgl:text-xl">
|
||||
Discover Mycelium, an end-to-end encrypted IPv6 overlay network. The future of secure, efficient, and scalable networking. <br><br> <b>New Mycelium version with additional features coming soon.</b>
|
||||
Discover Mycelium, an end-to-end encrypted IPv6 overlay network. The future of secure, efficient, and scalable networking. <br><br> <b>Coming Soon: New Decentralized Features</b>
|
||||
</p>
|
||||
<div class="mt-10 flex items-center gap-x-6">
|
||||
<a href="/action" class="rounded-2xl bg-black px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-gray-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-200">
|
||||
<a href="/download" class="rounded-2xl bg-black px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-gray-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-200">
|
||||
Get Mycelium
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="relative lg:col-span-5 lg:-mr-8 xl:absolute xl:inset-0 xl:left-1/2 xl:mr-0 ">
|
||||
<img class="lg:mt-10 aspect-1/1 w-full object-cover lg:absolute lg:inset-0 lg:aspect-auto" src="/images/mycel_1.png" alt="">
|
||||
<img class="lg:mt-10 aspect-1/1 mx-auto w-full sm:w-2/3 md:w-1/2 lg:w-full object-cover lg:absolute lg:inset-0 lg:aspect-auto" src="/images/mycel_1.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,19 +1,19 @@
|
||||
<div class=" fade-in bg-semi-white">
|
||||
<div class="lg:py-12 relative isolate">
|
||||
<div class="py-24 lg:pt-0 fade-in bg-semi-white">
|
||||
<div class="relative isolate">
|
||||
|
||||
<div class="mx-auto max-w-7xl px-6 lg:flex lg:items-center lg:gap-x-15 lg:px-8">
|
||||
<div class="mx-auto mt-10 lg:mt-0 max-w-7xl px-6 lg:flex lg:items-center lg:gap-x-15 lg:px-8">
|
||||
<div class="mx-auto max-w-lg lg:mx-0 lg:flex-auto">
|
||||
<p class="text-base/7 font-light text-black tracking-wide">ABOUT</p>
|
||||
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-black">Discover Mycelium</h2>
|
||||
<p class="text-left mt-4 text-pretty lg:text-lg text-md font-light text-black fade-in max-w-3xl">
|
||||
Mycelium is an unbreakable network, always using the shortest path and providing 100% secure communication in a peer-to-peer way. But this is just the beginning. <br><br>The Mycelium mission is to create a sustainable digital ecosystem where communication is seamless, data is secure, and scalability knows no bounds.
|
||||
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.
|
||||
</p>
|
||||
<div class="mt-6 flex">
|
||||
<a href="/why" class=" rounded-2xl bg-black px-3.5 py-2.5 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">Learn more</a>
|
||||
<a href="/about" class=" rounded-2xl bg-black px-3.5 py-2.5 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">Learn more</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="lg:order-first mt-16 sm:mt-24 lg:mt-0 lg:flex lg:justify-center lg:w-1/2">
|
||||
<div class="lg:order-first mt-6 lg:mt-0 lg:flex lg:justify-center lg:w-1/2">
|
||||
<img class="w-full max-w-lg h-auto object-cover rounded-xl" src="/images/mycel2.png"
|
||||
alt="Mobile App Screenshot">
|
||||
</div>
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -1,14 +1,18 @@
|
||||
<div class=" fade-in bg-white">
|
||||
<div class="lg:py-12 relative isolate">
|
||||
<div class=" mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8 pb-24">
|
||||
<div class="fade-in bg-white">
|
||||
<div class="lg:py-24 py-12 relative isolate">
|
||||
<div class=" mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8 lg:pb-24">
|
||||
<p class="text-base/7 font-light text-black tracking-wide">HOW IT WORKS</p>
|
||||
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-black">Unraveling Mycelium's Features</h2>
|
||||
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-black">How Mycelium Operates</h2>
|
||||
<p class="text-left mt-4 text-pretty lg:text-lg text-md font-light text-black fade-in max-w-3xl">
|
||||
Mycelium, like its natural namesake, thrives on decentralization, efficiency, and security, making it a truly powerful force in the world of decentralized networks.
|
||||
</p>
|
||||
</div>
|
||||
<div class="mx-auto max-w-7xl px-6 lg:flex lg:items-center lg:gap-x-15 lg:px-8">
|
||||
<div class="mx-auto max-w-lg lg:mx-0 lg:flex-auto">
|
||||
<div class="mx-auto max-w-7xl lg:flex lg:items-center lg:gap-x-15 lg:px-8">
|
||||
<div class="my-6 lg:my-0 lg:flex lg:justify-center lg:w-1/2">
|
||||
<img class="w-full max-w-lg h-auto object-cover rounded-xl" src="/images/feature6a.png"
|
||||
alt="Mobile App Screenshot">
|
||||
</div>
|
||||
<div class="mx-auto max-w-lg lg:mx-0 lg:flex-auto pt-4">
|
||||
<dl class="space-y-8 text-base/7 lg:max-w-none">
|
||||
<div class="relative pl-9">
|
||||
<dt class="font-semibold lg:text-lg text-base text-black ">
|
||||
@@ -32,10 +36,7 @@
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="lg:order-first mt-16 sm:mt-24 lg:mt-0 lg:flex lg:justify-center lg:w-1/2">
|
||||
<img class="w-full max-w-lg h-auto object-cover rounded-xl" src="/images/feature6a.png"
|
||||
alt="Mobile App Screenshot">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,54 +1,54 @@
|
||||
<div class="py-24 sm:py-32">
|
||||
<div class="lg:py-24 py-12">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="mx-auto max-w-4xl text-center">
|
||||
<div class="mx-auto max-w-4xl text-left lg:text-center">
|
||||
<p class="text-base/7 font-light text-black tracking-wide">WHAT'S NEW</p>
|
||||
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-black"> Coming Soon: The Future of Mycelium</h2>
|
||||
<p class="mt-6 text-lg font-light lg:text-xl">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.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="relative overflow-hidden pt-10">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8 flex items-center justify-center">
|
||||
<div class="relative overflow-hidden pt-2">
|
||||
<div class="mx-auto max-w-7xl px-4 lg:px-8 flex items-center justify-center">
|
||||
<img src="/images/future.png" alt="App screenshot" width="900">
|
||||
</div>
|
||||
</div>
|
||||
<div class="mx-auto mt-10 max-w-7xl px-6 lg:px-8">
|
||||
<dl class="mx-auto grid max-w-2xl grid-cols-1 gap-x-6 gap-y-10 text-base/7 text-black sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3 lg:gap-x-8 lg:gap-y-16">
|
||||
<div class="relative pl-9">
|
||||
<dl class="mx-auto grid max-w-2xl grid-cols-1 gap-x-6 gap-y-4 text-base/7 text-black sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3 lg:gap-x-8 lg:gap-y-10">
|
||||
<div class="relative lg:pl-9">
|
||||
<dt class="inline font-semibold text-black">
|
||||
|
||||
✓ QSFS Storage Functionality
|
||||
✓ Quantum Safe Storage Functionality
|
||||
</dt>
|
||||
<dd class="font-light">Mycelium’s QSFS storage enables flexible, scalable, and efficient data distribution across a decentralized network, ensuring redundancy and security.</dd>
|
||||
<dd class="font-light">Mycelium’s quantum safe storage enables flexible, scalable, and efficient data distribution across a decentralized network, ensuring redundancy and security.</dd>
|
||||
</div>
|
||||
<div class="relative pl-9">
|
||||
<div class="relative lg:pl-9">
|
||||
<dt class="inline font-semibold text-black">
|
||||
|
||||
✓ Entry and Exit Points for AI Workloads
|
||||
</dt>
|
||||
<dd class="font-light">Seamlessly connect AI applications to Mycelium, providing optimized nd secured data pipelines for training, inference, and real-time processing.</dd>
|
||||
</div>
|
||||
<div class="relative pl-9">
|
||||
<div class="relative lg:pl-9">
|
||||
<dt class="inline font-semibold text-black">
|
||||
|
||||
✓ Data Storage and Retrieval Mechanisms
|
||||
</dt>
|
||||
<dd class="font-light">Users can choose between storing data locally for quick access or utilizing the distributed grid for enhanced scalability and resilience.</dd>
|
||||
</div>
|
||||
<div class="relative pl-9">
|
||||
<div class="relative lg:pl-9">
|
||||
<dt class="inline font-semibold text-black">
|
||||
|
||||
✓ Ability to Store Data on Behalf of Other Users
|
||||
✓ Integrated Name Services (DNS)
|
||||
</dt>
|
||||
<dd class="font-light">Mycelium enables users to securely store and manage data for others, facilitating shared access while maintaining ownership and permissions.</dd>
|
||||
<dd class="font-light">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.</dd>
|
||||
</div>
|
||||
<div class="relative pl-9">
|
||||
<div class="relative lg:pl-9">
|
||||
<dt class="inline font-semibold text-black">
|
||||
|
||||
✓ Frontend/Backend Integration
|
||||
</dt>
|
||||
<dd class="font-light"> Mycelium provides seamless integration with existing applications, enabling developers to leverage decentralized storage across both frontend and backend architectures.</dd>
|
||||
</div>
|
||||
<div class="relative pl-9">
|
||||
<div class="relative lg:pl-9">
|
||||
<dt class="inline font-semibold text-black">
|
||||
|
||||
✓ CDN (Content Delivery Network)
|
||||
|
||||
@@ -31,8 +31,8 @@
|
||||
:aria-expanded="expanded"
|
||||
aria-controls="faqs-text-01"
|
||||
>
|
||||
<span style="color: #000;">What is Mycelium?</span>
|
||||
<svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
||||
<span class="pl-4" style="color: #000;">What is Mycelium?</span>
|
||||
<svg class="fill-black shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||
</svg>
|
||||
@@ -52,6 +52,37 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div x-data="{ expanded: false }" class="py-2">
|
||||
<h2>
|
||||
<button
|
||||
id="faqs-title-01"
|
||||
type="button"
|
||||
class="flex items-center justify-between w-full text-left font-semibold py-2 border-none"
|
||||
@click="expanded = !expanded"
|
||||
:aria-expanded="expanded"
|
||||
aria-controls="faqs-text-01"
|
||||
>
|
||||
<span class="pl-4" style="color: #000;">Is mycelium ready to scale to the world?</span>
|
||||
<svg class="fill-black shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||
</svg>
|
||||
</button>
|
||||
</h2>
|
||||
<div
|
||||
id="faqs-text-01"
|
||||
role="region"
|
||||
aria-labelledby="faqs-title-01"
|
||||
class="grid text-sm text-black overflow-hidden transition-all duration-300 ease-in-out"
|
||||
:class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'"
|
||||
>
|
||||
<div class="overflow-hidden">
|
||||
<p class="pb-3 text-black text-base font-light">
|
||||
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.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Accordion item -->
|
||||
<div x-data="{ expanded: false }" class="py-2">
|
||||
<h2>
|
||||
@@ -63,8 +94,8 @@
|
||||
:aria-expanded="expanded"
|
||||
aria-controls="faqs-text-02"
|
||||
>
|
||||
<span style="color: #000;">How do I install the Mycelium app?</span>
|
||||
<svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
||||
<span class="pl-4" style="color: #000;">How do I install Mycelium?</span>
|
||||
<svg class="fill-black shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||
</svg>
|
||||
@@ -79,7 +110,7 @@
|
||||
>
|
||||
<div class="overflow-hidden">
|
||||
<p class="pb-3 text-black text-base font-light">
|
||||
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. Click <a href="/action" class="font-semibold">here</a> for more info.
|
||||
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. Click <a href="/download" class="font-semibold">here</a> for more info.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -95,8 +126,8 @@
|
||||
:aria-expanded="expanded"
|
||||
aria-controls="faqs-text-04"
|
||||
>
|
||||
<span style="color: #000;">How can I find and use my Mycelium address?</span>
|
||||
<svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
||||
<span class="pl-4" style="color: #000;">How can I find and use my Mycelium address?</span>
|
||||
<svg class="fill-black shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||
</svg>
|
||||
@@ -127,8 +158,8 @@
|
||||
:aria-expanded="expanded"
|
||||
aria-controls="faqs-text-05"
|
||||
>
|
||||
<span style="color: #000;">Can I deploy workloads on the TFGrid using Mycelium?</span>
|
||||
<svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
||||
<span class="pl-4" style="color: #000;">Can I deploy workloads on the TFGrid using Mycelium?</span>
|
||||
<svg class="fill-black shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||
</svg>
|
||||
@@ -159,8 +190,8 @@
|
||||
:aria-expanded="expanded"
|
||||
aria-controls="faqs-text-06"
|
||||
>
|
||||
<span style="color: #000;">Is there an API available for Mycelium?</span>
|
||||
<svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
||||
<span class="pl-4" style="color: #000;">Is there an API available for Mycelium?</span>
|
||||
<svg class="fill-black shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||
</svg>
|
||||
@@ -191,8 +222,8 @@
|
||||
:aria-expanded="expanded"
|
||||
aria-controls="faqs-text-04"
|
||||
>
|
||||
<span style="color: #000;">What should I do if I encounter issues during installation or usage?</span>
|
||||
<svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
||||
<span class="pl-4" style="color: #000;">What should I do if I encounter issues during installation or usage?</span>
|
||||
<svg class="fill-black shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||
</svg>
|
||||
@@ -223,8 +254,8 @@
|
||||
:aria-expanded="expanded"
|
||||
aria-controls="faqs-text-04"
|
||||
>
|
||||
<span style="color: #000;">How does Mycelium handle routing within its network?</span>
|
||||
<svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
||||
<span class="pl-4" style="color: #000;">How does Mycelium handle routing within its network?</span>
|
||||
<svg class="fill-black shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
|
||||
</svg>
|
||||
|
||||
@@ -1,16 +1,16 @@
|
||||
<div class="fade-in">
|
||||
<div class="fade-in lg:pt-12">
|
||||
<div class="mx-auto max-w-7xl py-12 sm:px-6 lg:px-8">
|
||||
<div class="relative isolate overflow-hidden bg-black px-6 pt-16 shadow-2xl sm:rounded-3xl sm:px-16 md:pt-24 lg:flex lg:gap-x-20 lg:px-24 lg:pt-0">
|
||||
<div class="mx-auto max-w-md text-center lg:mx-0 lg:flex-auto lg:py-32 lg:text-left">
|
||||
<h2 class="text-4xl font-normal tracking-tight text-balance text-white lg:text-5xl">Get Mycelium Today</h2>
|
||||
<p class="mt-6 text-lg lg:text-xl text-pretty font-light text-gray-300">Join the Mycelium network and be a part of the decentralized movement.</p>
|
||||
<div class="mt-10 flex items-center justify-center gap-x-6 lg:justify-start">
|
||||
<a href="/action" class="rounded-2xl bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-xs hover:bg-gray-100 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">Download Now</a>
|
||||
<a href="https://manual.threefold.io/documentation/system_administrators/mycelium/mycelium_app.html" class="text-sm/6 font-semibold text-white hover:text-gray-100">Read Manual <span aria-hidden="true">→</span></a>
|
||||
<a href="/download" class="rounded-2xl bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-xs hover:bg-gray-100 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">Download Now</a>
|
||||
<a href="https://manual.threefold.io/documentation/system_administrators/mycelium/overview.html" target="_blank" class="text-sm/6 font-semibold text-white hover:text-gray-100">Read Manual <span aria-hidden="true">→</span></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="relative mt-16 h-80 lg:mt-8">
|
||||
<img class="absolute top-0 left-0 w-[45rem] max-w-none rounded-2xl bg-white/5 ring-1 ring-white/10" src="/images/mycel3.png" alt="App screenshot" width="1824" height="1080">
|
||||
<img class="absolute top-0 left-0 w-[25rem] lg:w-[45rem] max-w-none rounded-2xl ring-1 ring-white/10" src="/images/mycel3.png" alt="App screenshot" width="1824" height="1080">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
79
templates/partials/hero/myhero8.html
Normal file
79
templates/partials/hero/myhero8.html
Normal file
@@ -0,0 +1,79 @@
|
||||
<div class="lg:py-24 py-12">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="mx-auto">
|
||||
<p class="text-base/7 font-light text-black tracking-wide">WHAT IT ENABLES</p>
|
||||
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-black"> Powering Secure & Decentralized Connectivity</h2>
|
||||
|
||||
<p class="mt-6 text-lg font-light">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.
|
||||
<br>
|
||||
<br>
|
||||
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.</p>
|
||||
</div>
|
||||
</div>
|
||||
{# <div class="relative overflow-hidden pt-10">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8 flex items-center justify-center">
|
||||
<img src="/images/future.png" alt="App screenshot" width="900">
|
||||
</div>
|
||||
</div> #}
|
||||
<div class="mx-auto mt-10 max-w-7xl">
|
||||
<dl class="mx-auto grid max-w-2xl grid-cols-1 gap-x-6 gap-y-10 text-base/7 text-black 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">
|
||||
<dt class="inline font-semibold text-black">
|
||||
|
||||
PRODUCTIVITY & COMMUNICATION
|
||||
</dt>
|
||||
<ul class="mx-4" style="list-style: circle;">
|
||||
<li>Secure remote work collaboration.</li>
|
||||
<li>Private file sharing between trusted nodes.</li>
|
||||
<li>Encrypted voice/video calls.</li>
|
||||
<li>Self-hosted messaging systems.</li>
|
||||
<li>Secure document collaboration.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="relative pl-9">
|
||||
<dt class="inline font-semibold text-black">
|
||||
|
||||
INFRASTRUCTURE
|
||||
</dt>
|
||||
<ul class="mx-4" style="list-style: circle;">
|
||||
<li>Private cloud computing resources.</li>
|
||||
<li>Secure IoT device networks.</li>
|
||||
<li>Remote system administration.</li>
|
||||
<li>Virtual private networks (VPNs).</li>
|
||||
<li>Secure backup systems.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="relative pl-9">
|
||||
<dt class="inline font-semibold text-black">
|
||||
|
||||
SERVICES
|
||||
</dt>
|
||||
<ul class="mx-4" style="list-style: circle;">
|
||||
<li>Self-hosted web services.</li>
|
||||
<li>Private file sharing between trusted nodes.</li>
|
||||
<li>Private DNS systems.</li>
|
||||
<li>Personal email servers.</li>
|
||||
<li>Secure document collaboration.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="relative pl-9">
|
||||
<dt class="inline font-semibold text-black">
|
||||
|
||||
MEDIA & CONTENT
|
||||
</dt>
|
||||
<ul class="mx-4" style="list-style: circle;">
|
||||
<li>Private media streaming.</li>
|
||||
<li>Personal cloud storage.</li>
|
||||
<li>Protected content distribution.</li>
|
||||
<li>Secure game servers.</li>
|
||||
<li>Private git repositories.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</dl>
|
||||
<hr class="my-6">
|
||||
|
||||
<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.5 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>
|
||||
@@ -7,7 +7,7 @@
|
||||
<a href="/signup" target="_blank" class="blinking-effect fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2 mb-4 lg:mb-0">
|
||||
Take the Next Step
|
||||
</a>
|
||||
<a href="/action" class="fade-in text-sm/6 font-semibold text-black">Learn more <span aria-hidden="true">→</span></a>
|
||||
<a href="/download" class="fade-in text-sm/6 font-semibold text-black">Learn more <span aria-hidden="true">→</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
secure overlay networking, and autonomous cloud security to bring this vision to life. </span>
|
||||
</p>
|
||||
<br>
|
||||
<a href="action.html" class="fade-in pt-10 text-balance text-3xl font-semibold tracking-tight text-black sm:text-4xl blinking-effect">12.12.2024</a>
|
||||
<a href="download.html" class="fade-in pt-10 text-balance text-3xl font-semibold tracking-tight text-black sm:text-4xl blinking-effect">12.12.2024</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user