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-06 23:46:03 +02:00
parent a3951b00a5
commit cb2923d4e0
11 changed files with 53 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
content/hero/index.md
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> <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> <br>
<button onclick="yourlink"> <button onclick="/hero">
Learn More Learn More
</button> </button>

30
content/home/index.md
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> <p>Meet <b>Hero</b>: your unique digital avatar, streamlining your online presence by eliminating the need for duplicate identities across platforms.</p>
<br> <br>
<button onclick="yourlink"> <button onclick="/hero.md">
Learn More Learn More
</button> </button>
@ -37,23 +37,23 @@ weight: 1
{% row(style="center" padding="top") %} {% 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 %} {% end %}
@ -62,14 +62,14 @@ weight: 1
<!-- section 2 WHAT --> <!-- 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 ## Everyone Can be a Hero
### Discover how Hero empowers <br>everyone to become digital pioneers. ### 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> <br>
@ -86,7 +86,11 @@ weight: 1
<br> <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> <br>
<button onclick="yourlink"> <button onclick="/mycelium">
Learn More Learn More
</button> </button>
@ -168,7 +172,7 @@ weight: 1
<br> <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 %} {% end %}
@ -259,11 +263,9 @@ weight: 1
<br> <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 %} {% end %}
<br><br>
<div class="border-t border-gray-200 dark:border-gray-700"> <div class="border-t border-gray-200 dark:border-gray-700">
</div> </div>

2
content/mycelium/farmer/index.md
View File

@ -25,7 +25,7 @@ id: farmer
<br> <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>
||| |||

2
content/mycelium/hero/index.md
View File

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

10
content/nodes/index.md
View File

@ -16,13 +16,13 @@ template: "layouts/nodes.html"
<br> <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> <br>
<button onclick="yourlink"> <button onclick="#how">
Learn More Learn More
</button> </button>
@ -38,7 +38,7 @@ template: "layouts/nodes.html"
<!-- section 4 (header) --> <!-- section 4 (header) -->
<div class="container mx-auto"> <div class="container mx-auto" id="how">
{% row(style="center" margin="hero" padding="bottom") %} {% row(style="center" margin="hero" padding="bottom") %}
@ -85,7 +85,7 @@ template: "layouts/nodes.html"
<!-- section 2 WHAT --> <!-- 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 ## Unlock the Power of Decentralization with Mycelium Nodes

2
content/xperiences/index.md
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> <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> <br>
<button onclick="yourlink"> <button onclick="#">
Learn More Learn More
</button> </button>

1
css/code.css
View File

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

7
css/index.css
View File

@ -29,6 +29,10 @@
background-color: rgba(255, 255, 255, 0.75); background-color: rgba(255, 255, 255, 0.75);
} }
.bg-purple {
background-color: #4207ab ;
}
/* Image styling in markdown */ /* Image styling in markdown */
img[src*="#mx-auto"] { margin: auto; } img[src*="#mx-auto"] { margin: auto; }
img[src*="#small"] { width: 68px; 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; } 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 { @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; } 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 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; } 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; }
} }

1
templates/_default/base.html
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"> <div id="content" class="p-4 pt-24 lg:pt-0 sm:p-12 lg:p-0 overflow-hidden">
{% block content %}{% endblock %} {% block content %}{% endblock %}
</div> </div>
{% include "partials/banner.html" %}
{% include "partials/footer.html" %} {% include "partials/footer.html" %}
<script type="text/javascript" src="{{ get_url(path='js/custom.js')}}"></script> <script type="text/javascript" src="{{ get_url(path='js/custom.js')}}"></script>
</body> </body>

16
templates/partials/banner.html Normal file
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 -->

12
templates/partials/faq.html
View File

@ -1,14 +1,11 @@
<!-- Start block --> <!-- Start block -->
<div class="max-w-screen-xl px-4 py-12 mx-auto lg:pb-16">
<br>
<br>
<div class="max-w-screen-xl px-4 pb-8 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> <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"> <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"> <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> <p> What is Hero and how does it work within the Mycelium network?</p>
<span class="transition group-open:rotate-180"> <span class="transition group-open:rotate-180">
@ -58,7 +55,8 @@
The Mycelium network is built on the principles of inclusivity and equality, providing equal access to its decentralized infrastructure. This ensures that all users, regardless of their background or location, have the opportunity to participate, earn, and contribute to the network, thereby fostering a community that values diversity and equal opportunity. Learn more about these technologies: Mycelium Project Manual The Mycelium network is built on the principles of inclusivity and equality, providing equal access to its decentralized infrastructure. This ensures that all users, regardless of their background or location, have the opportunity to participate, earn, and contribute to the network, thereby fostering a community that values diversity and equal opportunity. Learn more about these technologies: Mycelium Project Manual
</h6> </h6>
</details> </details>
</div> </div>
</div>
</div> </div>
<!-- End block --> <!-- End block -->