forked from hero/www_hero_project
edit
This commit is contained in:
sasha-astiadi
@@ -11,4 +11,10 @@
|
||||
{% include "partials/footer.html" %}
|
||||
<script type="text/javascript" src="{{ get_url(path='js/custom.js')}}"></script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
<style>
|
||||
body {
|
||||
--tw-bg-opacity: 1;
|
||||
background: rgb(255,255,255);
|
||||
background: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(208,198,255,0.25) 15%, rgba(255,255,255,0.2) 30%, rgba(208,198,255,0.25) 45%, rgba(255,255,255,0.2) 75%, rgba(255,255,255,0.2) 95%); }
|
||||
</style>
|
||||
@@ -2,8 +2,9 @@
|
||||
{% block content %}
|
||||
|
||||
<!-- home page template, has a banner and rows of page summaries -->
|
||||
<div class="">
|
||||
<div class>
|
||||
{% set page = get_page(path="home/index.md") %}
|
||||
{{page.content | safe}}
|
||||
</div>
|
||||
{% include "partials/faq.html" %}
|
||||
{% endblock content %}
|
||||
88
templates/partials/faq.html
Normal file
88
templates/partials/faq.html
Normal file
@@ -0,0 +1,88 @@
|
||||
|
||||
<!-- Start block -->
|
||||
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<sections>
|
||||
<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>
|
||||
|
||||
<!-- Start block -->
|
||||
<div class="max-w-screen-sm mx-auto divide-y shadow shadow-purple-600 ">
|
||||
<div class="py-5">
|
||||
<details class="group px-4 pb-8">
|
||||
<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">
|
||||
<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 ">
|
||||
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>
|
||||
</details>
|
||||
</div>
|
||||
<div class="py-5">
|
||||
<details class="group px-4 pb-8">
|
||||
<summary class="flex justify-between items-center font-medium cursor-pointer list-none ">
|
||||
<p>How does the Mycelium network enhance security for Hero users?</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">
|
||||
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>
|
||||
</details>
|
||||
</div>
|
||||
<div class="py-5">
|
||||
<details class="group px-4 pb-8">
|
||||
<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>
|
||||
<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">
|
||||
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>
|
||||
</details>
|
||||
</div>
|
||||
<div class="py-5">
|
||||
<details class="group px-4 pb-8">
|
||||
<summary class="flex justify-between items-center font-medium cursor-pointer list-none">
|
||||
<p>How does the Mycelium network promote equal opportunities for users?</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">
|
||||
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>
|
||||
</details>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<br><br>
|
||||
<!-- End block -->
|
||||
|
||||
<script>
|
||||
// ...
|
||||
// extend: {
|
||||
// keyframes: {
|
||||
// fadeIn: {
|
||||
// "0%": { opacity: 0 },
|
||||
// "100%": { opacity: 100 },
|
||||
// },
|
||||
// },
|
||||
// animation: {
|
||||
// fadeIn: "fadeIn 0.2s ease-in-out forwards",
|
||||
// },
|
||||
// },
|
||||
// ...
|
||||
</script>
|
||||
|
||||
@@ -1,78 +0,0 @@
|
||||
{% set styles = "background-image: url('/images/ston_bg.png');" %}
|
||||
{% set data = load_data(url="https://gridproxy.grid.tf/stats?status=up", required=false, format="json") %}
|
||||
{% if data %}
|
||||
{% set capacity = data.totalHru + data.totalSru / (1024 * 1024 * 1024 * 1024) %}
|
||||
{% set nodes = data.nodes %}
|
||||
{% set countries = data.countries %}
|
||||
{% endif %}
|
||||
<style>
|
||||
.bg-map {
|
||||
background-color: #EAE8E3;
|
||||
}
|
||||
</style>
|
||||
<div class="bg-map pb-24">
|
||||
<div class="relative max-w-7xl mx-auto">
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 ">
|
||||
<div class=" overflow-hidden">
|
||||
<div class="px-2 py-16">
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="/images/node_icon.png" width="65" alt="">
|
||||
</div>
|
||||
<div class="ml-5 w-0 flex-1 pt-3">
|
||||
<dl>
|
||||
<dd class="flex items-baseline mb-5 ">
|
||||
<div class="text-6xl advance leading-8 font-extrabold text-gray-900">
|
||||
{{ nodes }}
|
||||
</div>
|
||||
</dd>
|
||||
<dt class="text-2xl leading-8 uppercase font-medium text-gray-900 truncate">
|
||||
freeflow nodes <br />deployed
|
||||
</dt>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=" overflow-hidden bg-no-repeat bg-center bg-contain text-center" style="{{styles}}">
|
||||
<div class="px-2 py-16">
|
||||
<div class="flex items-start">
|
||||
<div class="ml-5 w-0 flex-1 pt-3">
|
||||
<dl>
|
||||
<dd class="flex items-baseline mb-5 ">
|
||||
<div class="text-6xl advance leading-8 mx-auto font-extrabold text-gray-900">
|
||||
{{ countries }}
|
||||
</div>
|
||||
</dd>
|
||||
<dt class="text-2xl leading-8 uppercase font-medium text-gray-900 truncate">
|
||||
countries <br />involved
|
||||
</dt>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=" overflow-hidden">
|
||||
<div class="px-2 py-16">
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="/images/capacity_icon.png" width="65" alt="">
|
||||
</div>
|
||||
<div class="ml-5 w-0 flex-1 pt-3">
|
||||
<dl>
|
||||
<dd class="flex items-baseline mb-5 ">
|
||||
<div class="text-6xl advance leading-8 font-extrabold text-gray-900">
|
||||
{{ capacity | round() }}TB
|
||||
</div>
|
||||
</dd>
|
||||
<dt class="text-2xl leading-8 uppercase font-medium text-gray-900 truncate">
|
||||
capacity <br />generated
|
||||
</dt>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -57,14 +57,13 @@ Parameters:
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
{% if reverse %}
|
||||
{% if "rightreserve" in reverse %}
|
||||
{% set row_class = "flex flex-col-reverse md:flex-row items-center mx-0" %}
|
||||
{% elif "leftreserve" in reverse %}
|
||||
{% set row_class = "flex flex-col md:flex-row items-center mx-8" %}
|
||||
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% if reverse %}
|
||||
{% if "rightreserve" in reverse %}
|
||||
{% set row_class = "flex flex-col-reverse md:flex-row items-center mx-0" %}
|
||||
{% elif "leftreserve" in reverse %}
|
||||
{% set row_class = "flex flex-col md:flex-row items-center mx-8" %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
Reference in New Issue
Block a user