ourworld_web/www_mycelium
20
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

okk
Some checks are pending
www2.threefold_io / Check for Broken Links (push) Blocked by required conditions
Details
www2.threefold_io / Deploy (push) Waiting to run
Details
www2.threefold_io / Wait for Website Update (push) Blocked by required conditions
Details

Browse Source
This commit is contained in:
sasha-astiadi 2025-02-18 20:59:46 +08:00
parent f7005be6bd
commit bab990b888
8 changed files with 28 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
content/header/index.md
View File

@ -8,52 +8,6 @@ extra:
--- ---
- [About]("/why") - [About]("/why")
- [Features]("/what") - [Docs]("/https://manual.threefold.io/documentation/system_administrators/mycelium/mycelium_app.html")
- [Roadmap]("/initiatives")
- [Pricing]("/action")
- Info
{% row() %}
<button class="dropdown" onclick="window.location.href='/newsroom'">
[Newsroom](/newsroom)
<br>
<p class="text-sm">Check the Latest Updates</p>
</button>
|||
<button class="dropdown" onclick="window.location.href='/blog'">
[Blog](/blog)
<br>
<p class="text-sm">Explore the Blogs</p>
</button>
|||
<button class="dropdown" onclick="openInNewTab('https&#58;//docs.threefold.io/docs/introduction')">
[Docs](https://docs.threefold.io)
<br>
<p class="text-sm">V4 Documentation</p>
</button>
|||
<button class="dropdown" onclick="openInNewTab('https&#58;//manual.grid.tf/')">
[Manual](https://manual.grid.tf/)
<br>
<p class="text-sm">V3 Documentation</p>
</button>
{% end %}

2
templates/partials/about/about1.html
View File

@ -1,6 +1,6 @@
<div class=" fade-in"> <div class=" fade-in">
<div class="relative isolate"> <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 lg:py-32"> <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-xl lg:mx-0 lg:flex-auto">
<p class="text-base/7 font-light text-black tracking-wide">ABOUT</p> <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"> <h1 class="mt-2 text-4xl font-semibold tracking-tight text-black lg:text-6xl">

14
templates/partials/about/about2.html
View File

@ -1,13 +1,13 @@
<div class="relative bg-black isolate overflow-hidden py-24 sm:py-32"> <div class="relative bg-white isolate overflow-hidden py-12">
<div class="mx-auto max-w-7xl px-6 lg:px-8"> <div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="relative grid lg:grid-cols-12 lg:gap-8"> <div class="relative grid lg:grid-cols-12 lg:gap-8">
<!-- Left Content --> <!-- Left Content -->
<div class="lg:col-span-7"> <div class="lg:col-span-7">
<div class="mx-auto max-w-2xl lg:mx-0"> <div class="mx-auto max-w-2xl lg:mx-0">
<h1 class="fade-in text-balance text-4xl font-normal tracking-tight text-white lg:text-5xl">Why Mycelium: <h1 class="fade-in text-balance text-4xl font-normal tracking-tight text-black lg:text-5xl">Why Mycelium:
</h1> </h1>
<h2 class="mt-4 mx-automax-w-3xl text-pretty lg:text-3xl text-xl font-normal text-gray-200 fade-in"> Redefining Digital Communication</h2> <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>
<p class="fade-in mt-6 text-lg lg:text-xl font-light text-white"> <p class="fade-in mt-6 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 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.
<br><br> <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, 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.
@ -19,13 +19,13 @@
<!-- Right Blockquote --> <!-- Right Blockquote -->
<div class="lg:col-span-5"> <div class="lg:col-span-5">
<figure class=" mt-6 pl-8"> <figure class=" mt-6 pl-8">
<blockquote class=" text-white fade-in"> <blockquote class=" text-black fade-in">
<p class="lg:text-xl text-lg leading-normal text-white 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> <p class="lg:text-lg 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> 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>
</blockquote> </blockquote>
<br> <br>
<div class="mx-4"> <div class="mx-4">
<p class="fade-in mx-auto text-xl font-semibold tracking-tight text-white lg:text-2xl opacity-0 transition-opacity duration-1000" data-observer> <p class="fade-in mx-auto text-xl font-semibold tracking-tight text-black lg:text-2xl opacity-0 transition-opacity duration-1000" data-observer>
Decentralized. Scalable. Intelligent. Decentralized. Scalable. Intelligent.
</p> </p>
</div> </div>

6
templates/partials/about/about3.html
View File

@ -1,10 +1,10 @@
<div class=" fade-in"> <div class=" fade-in">
<div class="relative isolate"> <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-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-xl lg:mx-0 lg:flex-auto">
<p class="text-base/7 font-light text-black tracking-wide">BENEFITS</p> <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> <h2 class="text-balance lg:text-5xl text-4xl font-medium tracking-tight text-black">Highly Efficient</h2>
<h3 class="mt-64 font-light text-black lg:text-3xl text-xl"> <h3 class="mt-6 font-light text-black lg:text-3xl text-xl">
Optimizing Data Routing Optimizing Data Routing
</h3> </h3>
<p class="mt-6 text-md font-light text-stone-800 lg:text-lg"> <p class="mt-6 text-md font-light text-stone-800 lg:text-lg">
@ -14,7 +14,7 @@
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> 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>
<div class="mt-16 sm:mt-24 lg:mt-0 lg:flex lg:justify-center lg:w-1/2"> <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-lg h-auto object-cover rounded-xl" src="/images/about1.jpg" <img class="w-full max-w-md h-auto object-cover rounded-xl" src="/images/about1.jpg"
alt="Mobile App Screenshot"> alt="Mobile App Screenshot">
</div> </div>
</div> </div>

14
templates/partials/about/about4.html
View File

@ -1,22 +1,22 @@
<div class=" fade-in bg-black"> <div class=" fade-in bg-white">
<div class="relative isolate"> <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-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="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/about3.jpg" <img class="w-full max-w-md h-auto object-cover rounded-xl" src="/images/about3.jpg"
alt="Mobile App Screenshot"> alt="Mobile App Screenshot">
</div> </div>
<div class="mx-auto max-w-xl lg:mx-0 lg:flex-auto"> <div class="mx-auto max-w-xl lg:mx-0 lg:flex-auto">
<p class="text-base/7 font-light text-white tracking-wide">BENEFITS</p> <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-white"> <h2 class="text-balance lg:text-5xl text-4xl font-medium tracking-tight text-black">
Enhancing Security Enhancing Security
</h2> </h2>
<h3 class="mt-64 font-light text-white lg:text-3xl text-xl"> <h3 class="mt-6 font-light text-black lg:text-3xl text-xl">
End-to-End Encryption End-to-End Encryption
</h3> </h3>
<p class="mt-6 text-md font-light text-white lg:text-lg"> <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. 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.
</p> </p>
<p class="mt-4 text-md font-light text-white lg:text-lg"> <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 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>
</div> </div>
</div> </div>

4
templates/partials/about/about5.html
View File

@ -4,7 +4,7 @@
<div class="mx-auto max-w-xl lg:mx-0 lg:flex-auto"> <div class="mx-auto max-w-xl lg:mx-0 lg:flex-auto">
<p class="text-base/7 font-light text-black tracking-wide">BENEFITS</p> <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> <h2 class="text-balance lg:text-5xl text-4xl font-medium tracking-tight text-black">Enhances Scalability</h2>
<h3 class="mt-64 font-light text-black lg:text-3xl text-xl"> <h3 class="mt-6 font-light text-black lg:text-3xl text-xl">
Designed to Adapt Designed to Adapt
</h3> </h3>
<p class="mt-6 text-md font-light text-stone-800 lg:text-lg"> <p class="mt-6 text-md font-light text-stone-800 lg:text-lg">
@ -15,7 +15,7 @@
</p> </p>
</div> </div>
<div class="mt-16 sm:mt-24 lg:mt-0 lg:flex lg:justify-center lg:w-1/2"> <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-lg h-auto object-cover rounded-xl" src="/images/about4.jpg" <img class="w-full max-w-md h-auto object-cover rounded-xl" src="/images/about4.jpg"
alt="Mobile App Screenshot"> alt="Mobile App Screenshot">
</div> </div>
</div> </div>

11
templates/partials/about/about6.html
View File

@ -1,13 +1,12 @@
<div class="bg-black fade-in"> <div class="bg-white fade-in">
<div class="relative isolate px-6 pt-14 lg:px-8"> <div class="relative isolate px-6 lg:px-8">
<div class="mx-auto max-w-4xl py-24"> <div class="mx-auto max-w-4xl py-24">
<div class="text-center"> <div class="text-center">
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-white">A Part of ThreeFold Ecosystem</h2> <h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal 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-white">An Integral Component of Sustainable Decentralization</h3> <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-gray-50 sm:text-xl/8">ycelium seamlessly integrates within the broader ThreeFold ecosystem, playing a pivotal role in the journey towards sustainable and decentralized digital transformation. <p class="mt-8 lg:text-lg font-light text-black sm:text-xl/8">ycelium 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> 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>
</div> </div>
</div> </div>
</div> </div>
</div>

4
templates/partials/header.html
View File

@ -107,7 +107,7 @@
</a> </a>
</li> </li>
</ul> #} </ul> #}
<a href="/signup" target="_blank" class="blinking-effect dashboard rounded-2xl bg-black px-4 p-2 text-sm font-semibold text-white shadow-sm hover:text-gray-800 hover:bg-stone-90">Get Mycelium</a> <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:text-gray-800 hover:bg-stone-90">Get Mycelium</a>
</div> </div>
</div> </div>
</div> </div>
@ -197,7 +197,7 @@
</div> #} </div> #}
<div class="rounded-full border-2 my-4 border-gray-400 py-2 mx-4"> <div class="rounded-full border-2 my-4 border-gray-400 py-2 mx-4">
<a href="/signup" 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">Join the Web4 Revolution</a> <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">Join the Web4 Revolution</a>
</div> </div>
</nav> </nav>
</div> </div>