This commit is contained in:
sasha-astiadi 2024-05-06 23:46:03 +02:00
parent a3951b00a5
commit cb2923d4e0
11 changed files with 53 additions and 32 deletions

View File

@ -27,7 +27,7 @@ template: "layouts/hero.html"
<p>Hero is your unique, singular digital avatar, streamlining your online interactions by eliminating the need to duplicate identities across various platforms. With Hero, manage every aspect of your digital life through one secure, efficient identity.</p>
<br>
<button onclick="yourlink">
<button onclick="/hero">
Learn More
</button>

View File

@ -26,7 +26,7 @@ weight: 1
<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">
<button onclick="/hero.md">
Learn More
</button>
@ -37,23 +37,23 @@ weight: 1
{% row(style="center" padding="top") %}
[![logo1](img/brand1.png#sm)](yourlink)
[![logo1](img/brand1.png#sm)](https://ourworld.tf)
|||
[![logo2](img/brand2.png#sm)](yourlink)
[![logo2](img/brand2.png#sm)](https://ourworld.tf)
|||
[![logo3](img/brand3.png#sm)](yourlink)
[![logo3](img/brand3.png#sm)](https://www.sikana.tv/)
|||
[![logo3](img/brand5.png#sm)](yourlink)
[![logo3](img/brand5.png#sm)](https://www.threefold.io)
|||
[![logo4](img/brand2.png#sm)](yourlink)
[![logo4](img/brand4.png#sm)](https://www.vverse.co/)
{% end %}
@ -62,14 +62,14 @@ weight: 1
<!-- section 2 WHAT -->
{% row(style="right" margin="hero" reverse="rightreserve" padding="bottom") %}
{% row(style="right" margin="hero" reverse="rightreserve" padding="both") %}
## Everyone Can be a Hero
### 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>
<p><b>Heroes</b> were designed with technologies <br>that promote universal accessibility,<br> freedom, equality, and personal growth for all.</p>
<br>
@ -86,7 +86,11 @@ weight: 1
<br>
<a href onclick="hero.md"><h5><u>Learn More about Hero</u></h5></a>
<div class="border-t border-gray-200 dark:border-gray-700 ml-auto w-3/4"></div>
<br>
<a href onclick="/hero"><h5><u>Learn More about Hero</u></h5></a>
|||
@ -123,7 +127,7 @@ weight: 1
<br>
<button onclick="yourlink">
<button onclick="/mycelium">
Learn More
</button>
@ -168,7 +172,7 @@ weight: 1
<br>
<a href onclick="hero.md"><h5><u>Learn More about Mycelium Nodes</u></h5></a>
<a href onclick="/nodes"><h5><u>Learn More about Mycelium Nodes</u></h5></a>
{% end %}
@ -259,11 +263,9 @@ weight: 1
<br>
<a href onclick="hero.md"><h5><u>Explore Hero Xperiences</u></h5></a>
<a href onclick="/experiences"><h5><u>Explore Hero Xperiences</u></h5></a>
{% end %}
<br><br>
<div class="border-t border-gray-200 dark:border-gray-700">
</div>

View File

@ -25,7 +25,7 @@ id: farmer
<br>
<a href onclick="hero.md"><h5><u>Become a Mycelium Farmer</u></h5></a>
<a href onclick="#"><h5><u>Become a Mycelium Farmer</u></h5></a>
|||

View File

@ -21,7 +21,7 @@ id: hero
<br>
<button onclick="yourlink">
<button onclick="/nodes">
Learn More
</button>

View File

@ -16,13 +16,13 @@ template: "layouts/nodes.html"
<br>
# Powering the Network: <br>Mycelium Node
# Powering the Network: <br>Mycelium Nodes
<p>Hero is your unique, singular digital avatar, streamlining your online interactions by eliminating the need to duplicate identities across various platforms. With Hero, manage every aspect of your digital life through one secure, efficient identity.</p>
<p>Explore how each Mycelium Node contributes to the robust, decentralized architecture of the Mycelium Network, ensuring security, scalability, and resilience.</p>
<br>
<button onclick="yourlink">
<button onclick="#how">
Learn More
</button>
@ -38,7 +38,7 @@ template: "layouts/nodes.html"
<!-- section 4 (header) -->
<div class="container mx-auto">
<div class="container mx-auto" id="how">
{% row(style="center" margin="hero" padding="bottom") %}
@ -85,7 +85,7 @@ template: "layouts/nodes.html"
<!-- section 2 WHAT -->
{% row(style="left" margin="wide" padding="bottom") %}
{% row(style="left" margin="wide" padding="both") %}
## Unlock the Power of Decentralization with Mycelium Nodes

View File

@ -19,7 +19,7 @@ template: "layouts/xperiences.html"
<p>Dive into a suite of secure and integrated applications designed for the Hero identity, enhancing your connectivity, creativity, and control across the digital space.</p>
<br>
<button onclick="yourlink">
<button onclick="#">
Learn More
</button>

View File

@ -78,3 +78,4 @@ pre code {
padding: 0 0.9rem 0 0.25rem;
}
}

View File

@ -29,6 +29,10 @@
background-color: rgba(255, 255, 255, 0.75);
}
.bg-purple {
background-color: #4207ab ;
}
/* Image styling in markdown */
img[src*="#mx-auto"] { margin: auto; }
img[src*="#small"] { width: 68px; margin: auto; }
@ -59,10 +63,9 @@ img[src*="#3col"] { width: 100px; margin-left: auto; margin-right: auto; }
blockquote { @apply border-l-4 border-gray-400 mx-2 my-2 p-2; font-family: "Reddit Sans", sans-serif; font-weight: 300; }
li { @apply text-sm lg:text-sm font-light my-2; font-family: "Reddit Sans", sans-serif; font-weight: 200; }
li li { @apply text-sm lg:text-sm font-light;font-family: "Reddit Sans", sans-serif; font-weight: 200; }
button { @apply inline-block text-base lg:text-lg px-8 py-1 my-3 border-2 shadow;font-family: "Reddit Sans", sans-serif; font-weight: 400; }
button { @apply inline-block text-base lg:text-lg px-8 py-1 my-3 border-1 shadow;font-family: "Reddit Sans", sans-serif; font-weight: 400; }
article h2 { @apply text-xl lg:text-3xl font-medium; font-family: "Reddit Sans", sans-serif; font-weight: 500; }
article { @apply text-base lg:text-lg; font-family: "Reddit Sans", sans-serif; font-weight: 400; }
li { @apply text-sm lg:text-base; font-family: "Reddit Sans", sans-serif; font-weight: 300; }
}

View File

@ -8,6 +8,7 @@
<div id="content" class="p-4 pt-24 lg:pt-0 sm:p-12 lg:p-0 overflow-hidden">
{% block content %}{% endblock %}
</div>
{% include "partials/banner.html" %}
{% include "partials/footer.html" %}
<script type="text/javascript" src="{{ get_url(path='js/custom.js')}}"></script>
</body>

View File

@ -0,0 +1,16 @@
<!-- Start block -->
<section class="py-4">
<div class="max-w-screen-xl px-4 py-0 mx-auto lg:py-0 lg:px-6 flex flex-col lg:flex-row items-center border-2">
<div class="max-w-screen-sm lg:flex-1 text-center lg:text-left">
<h2 class="mb-4 text-3xl font-extrabold leading-tight tracking-tight text-gray-900 dark:text-white">Be a part of the New Internet</h2>
<p class="mb-6 font-light text-gray-500 dark:text-gray-400 md:text-lg"> Start Owning Your Data and Digital Life.</p>
<button><a href="#">Be a Hero</a> </button>
</div>
<div class="flex-1">
<img src="images/banner.png" alt="Free Trial Image" class="w-full h-auto">
</div>
</div>
</section>
<br>
<br>
<!-- End block -->

View File

@ -1,14 +1,11 @@
<!-- Start block -->
<br>
<br>
<div class="max-w-screen-xl px-4 pb-8 mx-auto lg:pb-16">
<div class="max-w-screen-xl px-4 py-12 mx-auto lg:pb-16">
<h2 class="mb-4 text-3xl font-bold tracking-tight text-gray-900 lg:mb-8 lg:text-3xl dark:text-white">Frequently Asked Questions</h2>
<!-- Start block -->
<div class="grid divide-y divide-neutral-200 max-w-xl mx-auto mt-8 shadow">
<div class="py-5">
<details class="group px-4 pb-4">
<details class="group px-4 py-4">
<summary class="flex justify-between items-center font-medium cursor-pointer list-none">
<p> What is Hero and how does it work within the Mycelium network?</p>
<span class="transition group-open:rotate-180">
@ -60,6 +57,7 @@
</details>
</div>
</div>
</div>
<!-- End block -->
<script>