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

add

Browse Source
This commit is contained in:
sasha-astiadi
2024-05-06 22:53:21 +02:00
parent 5d4663c71f
commit a3951b00a5
45 changed files with 498 additions and 262 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
templates/layouts/contact.html Normal file
View File

@@ -0,0 +1,13 @@
{% extends "_default/base.html" %}
{% block content %}
<div>
{% set page = get_page(path="contact/index.md") %}
{{page.content | safe}}
</div>
{% include "partials/contact.html" %}
{% include "partials/faq.html" %}
{% endblock content %}

16
templates/layouts/xperiences.html Normal file
View File

@@ -0,0 +1,16 @@
{% extends "_default/base.html" %}
{% block content %}
<!-- mycelium.md page template, has a banner and rows of page summaries -->
<div>
{% set page = get_page(path="xperiences/index.md") %}
{{page.content | safe}}
</div>
{% include "partials/apps.html" %}
<div>
{% set page = get_page(path="xperiences/developers/index.md") %}
{{page.content | safe}}
</div>
{% endblock content %}

66
templates/partials/apps.html Normal file
View File

@@ -0,0 +1,66 @@
<!-- Start block -->
<div class="max-w-screen-xl px-4 py-8 mx-auto lg:py-20 lg:px-6">
<div class="max-w-screen-md mx-auto mb-8 text-center lg:mb-12">
<h2 class="mb-4 text-5xl font-extrabold tracking-tight text-gray-900 dark:text-white"><br><br>Core Xperiences</h2>
<p class="mb-5 font-light text-gray-500 sm:text-xl dark:text-gray-400">Explore key Hero Xperiences that enhance the flexibility and security of your digital life.</p>
</div>
<div class="space-y-8 lg:grid lg:grid-cols-4 sm:gap-6 xl:gap-10 lg:space-y-0 mx-auto mb-8 text-center lg:mb-12">
<!-- Pricing Card -->
<div class="flex flex-col max-w-lg p-6 mx-auto text-center text-gray-900 bg-white border border-gray-100 rounded-lg shadow dark:border-gray-600 xl:p-8 dark:bg-gray-800 dark:text-white">
<img src="images/xp4.svg" alt="Icon representing Node & Earn" class="mx-auto mb-4 h-20 w-auto">
<h3 class="mb-4 text-2xl font-semibold">Hero Whisper</h3>
<p class="font-light text-gray-500 sm:text-lg dark:text-gray-400">Stay connected with other heroes with our secure, private messaging.</p>
</div>
<!-- Pricing Card -->
<div class="flex flex-col max-w-lg p-6 mx-auto text-center text-gray-900 bg-white border border-gray-100 rounded-lg shadow dark:border-gray-600 xl:p-8 dark:bg-gray-800 dark:text-white">
<img src="images/xp3.svg" alt="Icon representing Get Your Hero" class="mx-auto mb-4 h-20 w-auto">
<h3 class="mb-4 text-2xl font-semibold">Hero Wallet</h3>
<p class="font-light text-gray-500 sm:text-lg dark:text-gray-400">Manage your assets with our integrated encrypted digital wallet.</p>
</div>
<!-- Pricing Card -->
<div class="flex flex-col max-w-lg p-6 mx-auto text-center text-gray-900 bg-white border border-gray-100 rounded-lg shadow dark:border-gray-600 xl:p-8 dark:bg-gray-800 dark:text-white">
<img src="images/glass.svg" alt="Icon representing Acquire INCA Token" class="mx-auto mb-4 h-20 w-auto">
<h3 class="mb-4 text-2xl font-semibold">Hero Glass</h3>
<p class="font-light text-gray-500 sm:text-lg dark:text-gray-400">Browse the internet securely without compromising your privacy.</p>
</div>
<!-- Pricing Card -->
<div class="flex flex-col max-w-lg p-6 mx-auto text-center text-gray-900 bg-white border border-gray-100 rounded-lg shadow dark:border-gray-600 xl:p-8 dark:bg-gray-800 dark:text-white">
<img src="images/xp1.svg" alt="Icon representing Explore Services" class="mx-auto mb-4 h-20 w-auto">
<h3 class="mb-4 text-2xl font-semibold">Hero Quantum</h3>
<p class="font-light text-gray-500 sm:text-lg dark:text-gray-400">Store, access, and share your files securely from anywhere.</p>
</div>
</div>
<div class="space-y-8 lg:grid lg:grid-cols-4 sm:gap-6 xl:gap-10 lg:space-y-0">
<!-- Pricing Card -->
<div class="flex flex-col max-w-lg p-6 mx-auto text-center text-gray-900 bg-white border border-gray-100 rounded-lg shadow dark:border-gray-600 xl:p-8 dark:bg-gray-800 dark:text-white">
<img src="images/glass2.svg" alt="Icon representing Node & Earn" class="mx-auto mb-4 h-20 w-auto">
<h3 class="mb-4 text-2xl font-semibold">Hero Kutana</h3>
<p class="font-light text-gray-500 sm:text-lg dark:text-gray-400">A Peer2Peer Secure Video Meeting Platform.</p>
</div>
<!-- Pricing Card -->
<div class="flex flex-col max-w-lg p-6 mx-auto text-center text-gray-900 bg-white border border-gray-100 rounded-lg shadow dark:border-gray-600 xl:p-8 dark:bg-gray-800 dark:text-white">
<img src="images/river.svg" alt="Icon representing Get Your Hero" class="mx-auto mb-4 h-20 w-auto">
<h3 class="mb-4 text-2xl font-semibold">Hero River</h3>
<p class="font-light text-gray-500 sm:text-lg dark:text-gray-400">A Safe, Truly Decentralized and compatible Social Media Platfrom.</p>
</div>
<!-- Pricing Card -->
<div class="flex flex-col max-w-lg p-6 mx-auto text-center text-gray-900 bg-white border border-gray-100 rounded-lg shadow dark:border-gray-600 xl:p-8 dark:bg-gray-800 dark:text-white">
<img src="images/kutana.svg" alt="Icon representing Acquire INCA Token" class="mx-auto mb-4 h-20 w-auto">
<h3 class="mb-4 text-2xl font-semibold">Hero Sikana</h3>
<p class="font-light text-gray-500 sm:text-lg dark:text-gray-400">Free Education and Learning Platform from everyone to everyone.</p>
</div>
<!-- Pricing Card -->
<div class="flex flex-col max-w-lg p-6 mx-auto text-center text-gray-900 bg-white border border-gray-100 rounded-lg shadow dark:border-gray-600 xl:p-8 dark:bg-gray-800 dark:text-white">
<img src="images/builder.svg" alt="Icon representing Explore Services" class="mx-auto mb-4 h-20 w-auto">
<h3 class="mb-4 text-2xl font-semibold">Hero Builder</h3>
<p class="font-light text-gray-500 sm:text-lg dark:text-gray-400">Easily integrated and compatible website and book builder.</p>
</div>
</div>
<div class="max-w-screen-xl px-4 py-6 mx-auto lg:py-16 lg:px-6">
<div class="max-w-screen-md mx-auto mb-8 text-center lg:mb-12">
<button>Explore Xperiences</button>
</div>
</div>
</div>
<!-- End block -->

49
templates/partials/contact.html Normal file
View File

@@ -0,0 +1,49 @@
<!-- Start block -->
<div class="grid max-w-screen-xl px-4 pt-4 pb-8 mx-auto lg:gap-8 xl:gap-0 lg:py-16 lg:grid-cols-12 lg:pt-28">
<div class="mr-auto place-self-center lg:col-span-7">
<h4>About Us</h4>
<h2 class="mb-4 text-4xl font-extrabold tracking-tight text-gray-900 dark:text-white">Hero Labs</h1>
<p class="max-w-2xl mb-6">Hero Labs provides a decentralized autonomous cloud technologies that allows anyone to become a cloud service provider.</p>
<p class="max-w-2xl mb-8">We aims to create a cloud where people and organizations can buy, sell, and use cloud resources autonomously,enable individuals to earn by providing compute, network, and storage capacity​.</p>
<a href onclick="hero.md"><h5><u>Contact Hero Labs</u></h5></a>
<div class="space-y-4 sm:flex sm:space-y-0 sm:space-x-4 border-t border-gray-200 my-7 dark:border-gray-700">
<div class="pt-8">
<div class="mb-2 text-center">
<img src="/images/manual.svg#3col"/>
<a href="#"><h5 class="font-semibold dark:text-white"><u>Manual</u></h5></a>
<h6 class="text-gray-500 dark:text-gray-400">Read the Manual</h6>
</div>
</div>
<div class="pt-8">
<div class="mb-2 text-center">
<img src="/images/Support.svg#3col"/>
<a href="#"><h5 class="font-semibold dark:text-white"><u>Support</u></h5></a>
<h6 class="text-gray-500 dark:text-gray-400">Talk to an Expert</h6>
</div>
</div>
<div class="pt-8">
<div class="mb-2 text-center">
<img src="/images/forum.svg#3col"/>
<a href="#"><h5 class=" font-semibold dark:text-white"><u>Forum</u></h5></a>
<h6 class="text-gray-500 dark:text-gray-400">Join the Conversation</h6>
</div>
</div>
<div class="pt-8">
<div class="mb-2 text-center">
<img src="/images/Telegram.svg#3col"/>
<a href="#"><h5 class="font-semibold dark:text-white"><u>Telegram</u></h5></a>
<h6 class="text-gray-500 dark:text-gray-400">Meet the Community</h6>
</div>
</div>
</div>
</div>
<div class="hidden lg:mt-0 lg:col-span-5 lg:flex">
<img src="images/hero2.png#mx-auto" alt="hero image">
</div>
</div>
<div class="border-t border-gray-200 dark:border-gray-700">
</div>
<!-- End block -->

18
templates/partials/faq.html
View File

@@ -14,10 +14,10 @@
<span class="transition group-open:rotate-180">
<svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"><path d="M6 9l6 6 6-6"></path></svg></span>
</summary>
<p class="mt-3 group-open:animate-fadeIn ">
<h6 class="mt-3 group-open:animate-fadeIn ">
Hero is your personalized digital identity within the Mycelium network. It serves as your unique avatar, enabling you to securely interact with various applications and services while maintaining control over your data. The Mycelium network provides the decentralized infrastructure that powers Hero, ensuring a secure and private digital experience.
Check out this guide to learn how to get started and start using Hero on Mycelium Network.
</p>
</h6>
</details>
</div>
<div class="py-5">
@@ -28,22 +28,22 @@
<svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"><path d="M6 9l6 6 6-6"></path></svg>
</span>
</summary>
<p class="mt-3 group-open:animate-fadeIn">
<h6 class="mt-3 group-open:animate-fadeIn">
The Mycelium network enhances security for Hero users by leveraging a decentralized infrastructure. This means there’s no single point of failure or centralized control, reducing the risk of data breaches and ensuring that users have full control over their information.
</p>
</h6>
</details>
</div>
<div class="py-5">
<details class="group px-4 pb-4">
<summary class="flex justify-between items-center font-medium cursor-pointer list-none ">
<p>What kinds of experiences can I build on the Mycelium network using Hero??</p>
<p>What kinds of experiences can I build on the Mycelium network using Hero?</p>
<span class="transition group-open:rotate-180">
<svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"><path d="M6 9l6 6 6-6"></path></svg>
</span>
</summary>
<p class="mt-3 group-open:animate-fadeIn">
<h6 class="mt-3 group-open:animate-fadeIn">
The Mycelium network offers a flexible platform for developing a wide range of digital experiences using Hero, including secure file sharing, communication tools, financial services, and collaborative workspaces. You can also develop custom applications and services tailored to your needs, leveraging the scalability and security of the network.
</p>
</h6>
</details>
</div>
<div class="py-5">
@@ -54,9 +54,9 @@
<svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"><path d="M6 9l6 6 6-6"></path></svg>
</span>
</summary>
<p class="mt-3 group-open:animate-fadeIn">
<h6 class="mt-3 group-open:animate-fadeIn">
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
</p>
</h6>
</details>
</div>
</div>

20
templates/partials/footer.html
View File

@@ -6,28 +6,26 @@
{%- set section = get_section(path="footer/_index.md") %}
{%- set logoPath = section.extra.logoPath %}
<html>
<head /><body>
<div class="mt-6 border-t border-gray-200 pt-2"></div>
<footer class="bg-white">
<div class="max-w-screen-2xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
<div class="border-t border-gray-200"></div>
<footer>
<div class="max-w-screen-2xl mx-auto sm:py-8 sm:px-6 lg:py-8 lg:px-8">
<div class="xl:flex xl:gap-4 items-center">
<div class="space-y-8 lg:max-w-sm xl:max-w-sm lg:mr-8 lg:mb-8 xl:col-span-1">
<img class="w-40 h-auto sm:w-15 mx-auto" src="{{ get_url(path=logoPath)}}" alt="Ourworld Freezone Logo" />
<img class="w-40 h-auto sm:w-15 mx-auto" src="{{ get_url(path=logoPath)}}" alt="Hero Logo" />
<p class="text-gray-500 text-base leading-6 ">
{{section.description}}
</p>
{% include "partials/socialLinks.html" %}
</div>
<div class="mt-6 lg:mt-0 w-full px-8 sm:px-12 md:px-16 lg:px-20 footer-cust">
<div class="mt-3 lg:mt-0 w-full px-8 sm:px-12 md:px-16 lg:px-20 footer-cust">
{{ section.content | safe }}
</div>
</div>
<div class="mt-12 mx-auto border-t border-gray-200 pt-8">
<div class="mt-12 mx-auto border-t border-gray-200 pt-8 pb-8">
<p data-v-14efe4a7="" class="text-base leading-6 text-gray-400 text-center">
© 2023 OurWorld FreeZone, All rights reserved.
© 2024 Mycelium Project, All rights reserved.
<a target="_blank" href="https://library.threefold.me/info/legal/#/legal__terms_conditions_websites" class="leading-6 text-gray-500 hover:text-gray-900">Terms &amp; Conditions |
</a><a target="_blank" href="https://library.threefold.me/info/legal/#/legal__privacypolicy" class="leading-6 text-gray-500 hover:text-gray-900">Privacy Policy |
</a><a href="/tfLabs" class="leading-6 text-gray-500 hover:text-gray-900">ThreeFold Labs IT</a></p>
@@ -40,6 +38,6 @@
</footer>
</body>
</html>
</div>