update download page
This commit is contained in:
parent
d4af55f6ec
commit
3ea0f6c544
@ -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,130 @@ 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."
|
||||
) }}
|
||||
|
||||
<!--
|
||||
This page is made by combining different 'section' (partial html pages) together.
|
||||
To edit the page content, please go to specific 'section' that you would like to edit (stored inside templates/partials folders).
|
||||
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.
|
||||
<div class="lg:max-w-7xl container mx-auto lg:pb-24 pb-12">
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 my-12">
|
||||
{{
|
||||
feature_card(
|
||||
title="Download for iOS & MacOS",
|
||||
description="Download Mycelium App from the Apple Store.",
|
||||
icon="/images/icons/apple.svg",
|
||||
link="https://apps.apple.com/us/app/mycelium-network/id6504277565",
|
||||
link_name="Download Now"
|
||||
) }}
|
||||
|
||||
|
||||
HOMEPAGE (static/templates/layouts/download.html) contains:
|
||||
|
||||
1. Hero section: "templates/partials/download/download1.html
|
||||
2. faq section: "templates/partials/hero/myhero6.html"
|
||||
3. cta section: "templates/partials/hero/myhero7.html"
|
||||
{{ feature_card(
|
||||
title="Download for Windows
|
||||
",
|
||||
description="Download the Mycelium App for Windows directly from its Github repository.",
|
||||
icon="/images/icons/windows.svg",
|
||||
link="https://github.com/threefoldtech/myceliumflut/releases",
|
||||
link_name="Download Now"
|
||||
|
||||
) }}
|
||||
|
||||
{{ feature_card(
|
||||
title="Download for Android",
|
||||
description="Download Mycelium from the Google Play Store.",
|
||||
icon="/images/icons/android.svg",
|
||||
link="https://play.google.com/store/apps/details?id=tech.threefold.mycelium&pli=1",
|
||||
link_name="Download Now"
|
||||
|
||||
) }}
|
||||
|
||||
{{ feature_card(
|
||||
title="Download for Linux",
|
||||
description="Download the Mycelium binary for Linux directly from its Github repository.",
|
||||
icon="/images/icons/linux.png",
|
||||
link="https://github.com/threefoldtech/mycelium/releases/tag/v0.6.1",
|
||||
link_name="Download Now"
|
||||
|
||||
) }}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Section 7 -->
|
||||
|
||||
<div class="lg:max-w-7xl container mx-auto lg:pb-24 pb-12">
|
||||
|
||||
{{ left_header(
|
||||
subtitle="",
|
||||
title="Frequently Asked Questions",
|
||||
description="",
|
||||
description2=""
|
||||
) }}
|
||||
|
||||
<br>
|
||||
|
||||
{{ accordion(
|
||||
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(
|
||||
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(
|
||||
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. Click here for more info."
|
||||
) }}
|
||||
|
||||
{{ accordion(
|
||||
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(
|
||||
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(
|
||||
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(
|
||||
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(
|
||||
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."
|
||||
)
|
||||
}}
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Section 8 -->
|
||||
|
||||
{{ 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/"
|
||||
) }}
|
||||
|
||||
@ -6,15 +6,15 @@
|
||||
{% set hover_color = hover_color | default(value="hover:bg-gray-50") %}
|
||||
|
||||
|
||||
<div class="relative {{ bg_color }} {{ hover_color }} shadow rounded-lg p-4 transition-all duration-300">
|
||||
<div class="relative shadow rounded-lg p-4 transition-all duration-300">
|
||||
{% if icon %}
|
||||
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-gray-200 text-white mb-4">
|
||||
<div class="flex items-center justify-center h-12 w-12 rounded-md mb-4">
|
||||
<img src="{{ icon | safe }}" class="">
|
||||
</div>
|
||||
{% endif %}
|
||||
<h3 class="text-md font-medium">{{ title }}</h3>
|
||||
<h3 class="text-lg font-medium">{{ title }}</h3>
|
||||
{% if description %}
|
||||
<p class="my-2 font-extralight">{{ description }}</p>
|
||||
<p class="my-2 text-base font-light">{{ description }}</p>
|
||||
{% endif %}
|
||||
{% if link %}
|
||||
<a href="{{ link }}" class="text-sm font-semibold text-black hover:text-gray-700">{{ link_name }} <span aria-hidden="true">→</span></a>
|
||||
|
||||
@ -1,72 +1,28 @@
|
||||
{% set title = title | default(value="MYCELIUM") %}
|
||||
{% set subtitle = subtitle | default(value="") %}
|
||||
{% set subtitle_2 = subtitle_2 | default(value="") %}
|
||||
{% set description = description | default(value="") %}
|
||||
{% set description2 = description2 | default(value="") %}
|
||||
{% set description3 = description3 | default(value="") %}
|
||||
{% set button_text = button_text | default(value="") %}
|
||||
{% set button_link = button_link | default(value="") %}
|
||||
|
||||
<div class="lg:pt-24 pt-12 lg:max-w-7xl container mx-auto px-4 lg:px-0">
|
||||
<div class="mx-auto">
|
||||
<div class="mx-auto">
|
||||
<p class="text-base font-light tracking-wide">{{ subtitle }}</p>
|
||||
<h2 class="fade-in lg:text-5xl text-4xl font-normal tracking-tight">{{ title }}</h2>
|
||||
|
||||
<p class="mt-6 text-lg font-light">{{ description }}</p>
|
||||
<h2 class="fade-in lg:text-5xl text-4xl font-medium tracking-tight">{{ title }}</h2>
|
||||
<h3 class="mx-auto fade-in text-left lg:text-3xl text-2xl leading-snug font-light tracking-tight text-black">{{ subtitle_2 }}</h2>
|
||||
<p class="mt-6 max-w-3xl text-lg font-light">{{ description }}</p>
|
||||
{% if description2 %}
|
||||
<p class="mt-6 text-lg font-light">{{ description2 }}</p>
|
||||
{% endif %}
|
||||
|
||||
{% if description3 %}
|
||||
<p class="text-left mt-4 max-w-3xl text-pretty lg:text-lg text-md font-light text-black fade-in">
|
||||
{{ description3 }} <a href="{{ button_link }}" class="font-semibold" target="_blanks"><u>{{ button_text }}</u></a>
|
||||
</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="mx-auto mt-10">
|
||||
<dl class="mx-auto grid grid-cols-1 gap-x-6 gap-y-10 text-base sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-2 lg:gap-x-8 lg:gap-y-8">
|
||||
<div class="relative pl-9">
|
||||
<dt class="inline font-semibold ">
|
||||
|
||||
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 ">
|
||||
|
||||
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 ">
|
||||
|
||||
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 ">
|
||||
|
||||
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 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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user