257 lines
16 KiB
HTML
257 lines
16 KiB
HTML
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
|
|
<script>
|
|
tailwind.config = {
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
inter: ['Inter', 'sans-serif'],
|
|
},
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
<main class="relative flex flex-col justify-center overflow-hidden bg-white">
|
|
<div class="w-full max-w-7xl mx-auto px-4 md:px-6 py-12 border-t-2">
|
|
|
|
<h1 class="text-4xl lg:text-5xl font-normal tracking-tight text-black pt-12">Frequently Asked Questions</h1>
|
|
|
|
<!-- Accordion component -->
|
|
<div class="divide-y divide-white/50 my-10">
|
|
<!-- Accordion item -->
|
|
<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 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">
|
|
<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">
|
|
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.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Accordion item -->
|
|
<div x-data="{ expanded: false }" class="py-2">
|
|
<h2>
|
|
<button
|
|
id="faqs-title-02"
|
|
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-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">
|
|
<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-02"
|
|
role="region"
|
|
aria-labelledby="faqs-title-02"
|
|
class="grid text-sm text-gray-200 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">
|
|
The Mycelium app supports Linux, macOS, and Windows. 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.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Accordion item -->
|
|
<div x-data="{ expanded: false }" class="py-2">
|
|
<h2>
|
|
<button
|
|
id="faqs-title-04"
|
|
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-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">
|
|
<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-04"
|
|
role="region"
|
|
aria-labelledby="faqs-title-04"
|
|
class="grid text-sm text-gray-200 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">
|
|
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.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Accordion item -->
|
|
<div x-data="{ expanded: false }" class="py-2">
|
|
<h2>
|
|
<button
|
|
id="faqs-title-05"
|
|
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-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">
|
|
<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-05"
|
|
role="region"
|
|
aria-labelledby="faqs-title-05"
|
|
class="grid text-sm text-gray-200 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">
|
|
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.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Accordion item -->
|
|
<div x-data="{ expanded: false }" class="py-2">
|
|
<h2>
|
|
<button
|
|
id="faqs-title-06"
|
|
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-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">
|
|
<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-06"
|
|
role="region"
|
|
aria-labelledby="faqs-title-06"
|
|
class="grid text-sm text-gray-200 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">
|
|
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
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Accordion item -->
|
|
<div x-data="{ expanded: false }" class="py-2">
|
|
<h2>
|
|
<button
|
|
id="faqs-title-04"
|
|
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-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">
|
|
<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-04"
|
|
role="region"
|
|
aria-labelledby="faqs-title-04"
|
|
class="grid text-sm text-gray-200 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">
|
|
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.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Accordion item -->
|
|
<div x-data="{ expanded: false }" class="py-2">
|
|
<h2>
|
|
<button
|
|
id="faqs-title-04"
|
|
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-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">
|
|
<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-04"
|
|
role="region"
|
|
aria-labelledby="faqs-title-04"
|
|
class="grid text-sm text-gray-200 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">
|
|
Mycelium incorporates core principles of the Babel routing protocol, enabling efficient and dynamic routing within its encrypted IPv6 overlay network.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End: Accordion component -->
|
|
|
|
</div>
|
|
</main>
|
|
|
|
|
|
|
|
|