sashaastiadi/www_mycelium
1
0
Fork 1
forked from hero/www_hero_project
Code Pull Requests Activity

edit

Browse Source
This commit is contained in:
sasha-astiadi
2024-05-04 11:52:00 +02:00
parent 0176ba951a
commit a61a0df908
13 changed files with 200 additions and 186 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
content/_index.md
View File

@@ -7,5 +7,5 @@ draft: false
sort_by: weight
weight: 1
extra:
logo_path: images/logo.svg
logo_path: images/logo.png
---

2
content/footer/_index.md
View File

@@ -4,7 +4,7 @@ description: ""
insert_anchor_links: "left"
template: "partials/footer.html"
extra:
logoPath: "images/logo.svg"
logoPath: "images/logo.png"
socialLinks: { Github: "https://github.com/ourworldfreezone", Twitter: "https://twitter.com/threefold_io", Telegram: "https://t.me/threefoldnews" }
---

BIN
content/home/img/hero2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

161
content/home/index.md
View File

@@ -9,75 +9,93 @@ weight: 1
<!-- section 1 (header) -->
{% row(style="left" margin="narrow" reverse="rightreserve" padding="top") %}
<div class="px-2 md:px-8 lg:px-14">
{% row(style="left" margin="hero" padding="top") %}
<br>
<br>
<br>
# Become the Hero of your own digital world.
### Start owning your data and digital life.
<p>With Hero, we can build a conscious collective intelligence together.</p>
![placeholder](./img/hero2.png#mx-auto)
|||
# Start Owning Your Data <br>and Digital Life
### With **Hero**, We Can Build a Conscious Collective Intelligence Together.
<p>Meet <b>Hero</b>: your unique digital avatar, streamlining your online presence by eliminating the need for duplicate identities across platforms.</p>
<br>
<button onclick="yourlink">
Learn More
</button>
</div>
<br>
|||
![placeholder](./img/img_header.png#mx-auto)
{% end %}
<!-- section 6 in the news -->
{% row(style="center" padding="top") %}
[![logo1](img/brand1.png#sm)](yourlink)
|||
[![logo2](img/brand2.png#sm)](yourlink)
|||
[![logo3](img/brand3.png#sm)](yourlink)
|||
[![logo3](img/brand5.png#sm)](yourlink)
|||
[![logo4](img/brand2.png#sm)](yourlink)
{% end %}
<!-- section 2 WHAT -->
{% row(style="left" margin="hero" padding="bottom") %}
![placeholder](./img/img_section.png#mx-auto)
{% row(style="right" margin="hero" reverse="rightreserve" padding="bottom") %}
|||
## Everyone can be a Hero
## Everyone Can be a Hero
<p>Hero is your own personal intelligent digital identity that fosters a collective intelligence and empower everyone to enhance our digital existence with unfettered access to essential tools for learning, participating, and thriving within the Mycelium Network.</p>
### Discover how Hero empowers <br>everyone to become digital pioneers.
<p><b>Heroes</b> were designed with technologies<br> that promote universal accessibility,<br> freedom, equality, and personal growth for all.</p>
<br>
<div class="border-t border-gray-200 dark:border-gray-700">
</div>
<div class="border-t border-gray-200 dark:border-gray-700 ml-auto w-3/4"></div>
<br>
<ul>
<li>◉ Unified Digital Identity</li>
<li>◉ Enhanced Privacy and Security</li>
<li>◉ Seamless Integration and Accessibility</li>
<li>◉ Customizable and Extensible Experiences</li>
<li>Decentralized Identity (DID) for <b>Digital Sovereignty</b> ✓</li>
<li>Blockchain Encryption for <b>Enhanced Security</b> ✓</li>
<li>dApps Interoperability for <b>Global Scalability</b> ✓</li>
<li>Community Governance Model for <b>True Equality</b> ✓</li>
</ul>
<br>
<div class="border-t border-gray-200 dark:border-gray-700">
</div>
<a href onclick="hero.md"><h5>→ <u>Learn More about Hero</u></h5></a>
|||
![placeholder](./img/img_section.png#mx-auto)
<br>
<a href="/hero.md"><p class="link2"><b>→ Learn More About Hero</b></p></a>
{% end %}
@@ -86,14 +104,15 @@ weight: 1
<!-- section 3 (myc) -->
<div class="container mx-auto">
{% row(style="center" margin="withContainer" padding="none") %}
## Our Alter Ego within the Mycelium Network
## Hero: The Digital Identity Within the Mycelium Network
### Your Gateway to True Decentralized Internet
![](img/mycelium.png#mx-auto)
{% end %}
@@ -101,7 +120,7 @@ weight: 1
{% row(style="center" margin="hero" padding="bottom") %}
<p>Discover how Mycelium Network is revolutionizing internet access with a decentralized, community-powered approach. We aim to empower individuals worldwide by enabling them to own and manage internet resources collectively.</p>
<p>Discover how <b>Mycelium Network</b> is revolutionizing internet access with a community-powered connectivity approach. We aim to empower individuals worldwide by enabling them to own and manage internet resources collectively.</p>
<br>
@@ -121,11 +140,11 @@ weight: 1
|||
## Powered by Mycelium Nodes
### h3 h3 h3 h3
### The Fundamental Building Blocks of Decentralized Internet
<p>Mycelium Network and Heroes exist thanks to a vast network of cloud capacity deployed by ‘Farmers’- who deploy Mycelium Nodes in supporting locations worldwide.</p>
<p><b>Mycelium Network</b> and <b>Heroes</b> exist thanks to a vast network of cloud capacity deployed by ‘<b>Farmers</b>’- who deploy Mycelium Nodes in supporting locations worldwide.</p>
br>
<br>
<div class="border-t border-gray-200 dark:border-gray-700">
</div>
@@ -134,9 +153,9 @@ br>
<br>
<ul>
<li>◉ Decentralized and globally distributed.</li>
<li>◉ Fully Autonomous Operations</li>
<li>◉ Peer-to-Peer Technologies</li>
<li>✓ Decentralized and globally distributed.</li>
<li>✓ Fully Autonomous Operations</li>
<li>✓ Peer-to-Peer Technologies</li>
</ul>
<br>
@@ -150,7 +169,7 @@ br>
<br>
<a href="/hero.md"><p class="link2"><b>→ Learn More About Mycelium Nodes</b></p></a>
<a href onclick="hero.md"><h5>→ <u>Learn More about Mycelium Nodes</u></h5></a>
{% end %}
@@ -165,40 +184,41 @@ br>
{% row(style="center" margin="hero" padding="bottom") %}
## Join The Movement
### A New Era of Digital Sovereignty
<p>Hero invites you to your new sovereign digital life with 3 easy steps</p>
<p>Embark on a journey towards digital sovereignty with Hero, where you take a full control of your online identity and data, starting with these 3 easy steps:</p>
{% end %}
{% row(style="center" margin="narrow" padding="bottom") %}
<div class="mx-4 my-4">
<div class="border border-gray-300 rounded-lg mx-4 my-4 pt-5 pb-6 px-6 py-6 shadow-md">
![Image](./img/item1.png#mx-auto)
![Image](img/item1.png#3col)
#### Get A Node & Earn
<p>Get a Mycelium Node and add capacity to the Mycelium Network.</p>
#### __Get A Node & Earn__
<p>Get a Mycelium Node and add capacity to the <b>Mycelium Network</b>.</p>
</div>
|||
<div class="mx-4 my-4">
<div class="border border-gray-300 rounded-lg mx-4 my-4 pt-5 pb-6 px-6 py-6 shadow-md">
![Image](./img/item2.png#mx-auto)
![Image](img/item1.png#3col)
#### Get Your Hero
<p>Register and reserve your own Hero - your sovereign digital identity.<p>
#### __Activate Your Hero__
<p>Reserve and activate your own <b>Hero</b> - your sovereign digital identity.<p>
</div>
|||
<div class="mx-4 my-4">
<div class="border border-gray-300 rounded-lg mx-4 my-4 pt-5 pb-6 px-6 py-6 shadow-md">
![Image](./img/item3.png#mx-auto)
![Image](img/item3.png#3col)
#### Acquire INCA Token
<p>Purchase INCA - The digital currency of the Mycelium Network.</p>
#### __Acquire INCA Tokens__
<p>Purchase INCA Tokens- The digital currency of the <b>Mycelium Network</b>.</p>
</div>
@@ -217,7 +237,7 @@ br>
## Hero Xperiences
<p>Dive into a world of fully decentralized and completely secure applications on the Mycelium Network, built to empower and enable our Heroes with innovative digital Xperiences.</p>
<p>Dive into a world of fully decentralized and completely secure applications on the <b>Mycelium Network</b>, built to empower and enable our Heroes with innovative digital Xperiences.</p>
<br>
@@ -240,34 +260,11 @@ br>
<br>
<a href="/hero.md"><p class="link2"><b>→ Explore Hero Xperiences</b></p></a>
<a href onclick="hero.md"><h5>→ <u>Explore Hero Xperiences</u></h5></a>
{% end %}
<br><br>
<!-- section 6 in the news -->
{% row(style="center" padding="bottom") %}
[![logo1](img/brand1.png#small)](yourlink)
|||
[![logo2](img/brand3.png#small)](yourlink)
|||
[![logo3](img/brand5.png#small)](yourlink)
|||
[![logo4](img/brand2.png#small)](yourlink)
{% end %}
<div class="border-t border-gray-200 dark:border-gray-700">
</div>