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 11:59:44 +02:00
parent a61a0df908
commit a0f1aa044e
329 changed files with 1549 additions and 3387 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
templates/index.html
View File

@@ -2,7 +2,7 @@
{% block content %}
<!-- home page template, has a banner and rows of page summaries -->
<div class>
<div>
{% set page = get_page(path="home/index.md") %}
{{page.content | safe}}
</div>

16
templates/layouts/hero.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="hero/index.md") %}
{{page.content | safe}}
</div>
{% include "partials/heroapps.html" %}
<div>
{% set page = get_page(path="hero/cta/index.md") %}
{{page.content | safe}}
</div>
{% endblock content %}

22
templates/layouts/mycelium.html Normal file
View File

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

18
templates/partials/faq.html
View File

@@ -4,15 +4,11 @@
<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">
<details class="group px-4 pb-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">
@@ -25,7 +21,7 @@
</details>
</div>
<div class="py-5">
<details class="group px-4 pb-8">
<details class="group px-4 pb-4">
<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">
@@ -38,7 +34,7 @@
</details>
</div>
<div class="py-5">
<details class="group px-4 pb-8">
<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>
<span class="transition group-open:rotate-180">
@@ -51,7 +47,7 @@
</details>
</div>
<div class="py-5">
<details class="group px-4 pb-8">
<details class="group px-4 pb-4">
<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">
@@ -62,12 +58,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
</p>
</details>
</div>
</div>
</div>
</div>
</section>
<br><br>
<!-- End block -->
<script>

34
templates/partials/grid_stats.html Normal file
View File

@@ -0,0 +1,34 @@
<!-- Start block -->
<div class="max-w-screen-xl px-4 py-8 mx-auto lg:py-24 lg:px-6">
<div class="max-w-screen-md mx-auto mb-8 text-center lg:mb-12">
<h2>Mycelium by the Numbers</h2>
<p>Explore key metrics that showcase the scope and scale of the Mycelium Network's global impact. Our widespread global presence is not owned by one single entity, but maintained through the collective effort of a global community.</p>
</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 px-8 py-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/stat1.svg" alt="Icon representing Node & Earn" class="mx-auto mb-4 h-20 w-auto">
<h4 class="mb-2 font-semibold">32.74 PB<br>Capacity</h3>
<h6>Total data storage capacity available within the Mycelium Network.</h6>
</div>
<!-- Pricing Card -->
<div class="flex flex-col max-w-lg px-8 py-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/stat2.svg" alt="Icon representing Get Your Hero" class="mx-auto mb-4 h-20 w-auto">
<h4 class="mb-2 font-semibold">2569<br>Nodes</h4>
<h6>The number of active nodes within the network’s infrastructure.</h6>
</div>
<!-- Pricing Card -->
<div class="flex flex-col max-w-lg px-8 py-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/stat3.svg" alt="Icon representing Acquire INCA Token" class="mx-auto mb-4 h-20 w-auto">
<h4 class="mb-2 text-2xl font-semibold">61M<br>Countries</h4>
<h6>The number of countries where the Mycelium Network has a presence</h6>
</div>
<!-- Pricing Card -->
<div class="flex flex-col max-w-lg px-8 py-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/stat4.svg" alt="Icon representing Explore Services" class="mx-auto mb-4 h-20 w-auto">
<h4 class="mb-2 text-2xl font-semibold">63.986<br>Cores</h4>
<h6>The total number of processing cores that power the network.</h6>
</div>
</div>
</div>
<!-- End block -->

100
templates/partials/heroapps.html Normal file
View File

@@ -0,0 +1,100 @@
<div class="max-w-screen-xl px-4 py-8 mx-auto space-y-12 lg:space-y-20 lg:py-24 lg:pb-12 lg:px-6">
<!-- Row -->
<div class="items-center gap-8 lg:grid lg:grid-cols-2 xl:gap-16">
<div class="lg:col-span-1">
<h2>Do Anything. Do Everything.</h2>
<p>From secure file sharing to encrypted communication, your Hero comes equipped with all the essential skills and capabilities needed to enhance the flexibility and security of your digital life.</p>
<!-- List in Two Columns -->
<ul role="list" class="grid grid-cols-2 gap-x-4 gap-y-4 pt-8 border-t border-gray-200 my-7 dark:border-gray-700">
<li class="flex items-center space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-purple-500 dark:text-purple-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<div class="flex flex-col">
<h5>Communication<//h5>
<p class="text-sm font-light text-gray-500 dark:text-gray-400">Chat, hold meetings, and video conferencing.</p>
</div>
</li>
<li class="flex items-center space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-purple-500 dark:text-purple-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<div class="flex flex-col">
<h5>Finance <//h5>
<p class="text-sm font-light text-gray-500 dark:text-gray-400">Use wallet features to transact and manage assets.</p>
</div>
</li>
<li class="flex items-center space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-purple-500 dark:text-purple-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<div class="flex flex-col">
<h5>Collaborate <//h5>
<p class="text-sm font-light text-gray-500 dark:text-gray-400">Engage in projects and tasks with your network.</p>
</div>
</li>
<li class="flex items-center space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-purple-500 dark:text-purple-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<div class="flex flex-col">
<h5>Develop & Expand<//h5>
<p class="text-sm font-light text-gray-500 dark:text-gray-400">Create tools or decentralized applications.</p>
</div>
</li>
<li class="flex items-center space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-purple-500 dark:text-purple-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<div class="flex flex-col">
<h5>Creativity<//h5>
<p class="text-sm font-light text-gray-500 dark:text-gray-400">Generate videos, documents, and other contents.</p>
</div>
</li>
<li class="flex items-center space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-purple-500 dark:text-purple-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<div class="flex flex-col">
<h5>Filesharing<//h5>
<p class="text-sm font-light text-gray-500 dark:text-gray-400">Directly send data and files without central servers.</p>
</div>
</li>
<li class="flex items-center space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-purple-500 dark:text-purple-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<div class="flex flex-col">
<h5>Organization<//h5>
<p class="text-sm font-light text-gray-500 dark:text-gray-400">Securely store and organize data.</p>
</div>
</li>
<li class="flex items-center space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-purple-500 dark:text-purple-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<div class="flex flex-col">
<h5>Browser<//h5>
<p class="text-sm font-light text-gray-500 dark:text-gray-400">Browse information securely without tracking.</p>
</div>
</li>
</ul>
<div class="pt-6 mt-6 space-y-4 border-t border-gray-200 dark:border-gray-700">
<div>
<a href onclick="hero.md"><h5>→ <u>See Xperiences</u></h5></a>
</div>
</div>
</div>
<img class="hidden w-full mb-4 rounded-lg lg:mb-0 lg:flex" src="images/hero5.png" alt="dashboard feature image">
</div>
</div>
<!-- End block -->

30
templates/partials/newinternet.html Normal file
View File

@@ -0,0 +1,30 @@
<!-- 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">
<h2 class="mb-4 text-4xl font-extrabold tracking-tight text-gray-900 dark:text-white">Our Planet Needs a <br>Cloud & AI Infrastructure Upgrade.</h1>
<p class="max-w-2xl mb-6">Mycelium was developed to address the increasing demand for a decentralized, secure, and efficient cloud and AI infrastructure in today's interconnected digital landscape.</p>
<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">
<h3 class="mb-2 text-2xl font-bold dark:text-white">Sovereign</h3>
<h6 class="text-gray-500 dark:text-gray-400">Local infrastructure ensures data locality and security
</h6>
</div>
<div class="pt-8">
<h3 class="mb-2 text-2xl font-bold dark:text-white">Private</h3>
<h6 class="text-gray-500 dark:text-gray-400">Complete control over your own data at your proximity</h6>
</div>
<div class="pt-8">
<h3 class="mb-2 text-2xl font-bold dark:text-white">Decentralized</h3>
<h6 class="text-gray-500 dark:text-gray-400">Dispersed workloads System, instead of centralizing data</h6>
</div>
<div class="pt-8">
<h3 class="mb-2 text-2xl font-bold dark:text-white">Secure</h3>
<h6 class="text-gray-500 dark:text-gray-400">Multi-layered security architecture for data and compute safe</h6>
</div>
</div>
</div>
<div class="hidden lg:mt-0 lg:col-span-5 lg:flex">
<img src="images/my1.png#mx-auto" alt="hero image">
</div>
</div>
<!-- End block -->

29
templates/shortcodes/newinternet.html Normal file
View File

@@ -0,0 +1,29 @@
<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">
<h2 class="mb-4 text-4xl font-extrabold tracking-tight text-gray-900 dark:text-white">Our Planet Needs a <br>Cloud & AI Infrastructure Upgrade.</h1>
<p class="max-w-2xl mb-6 font-light text-gray-500 lg:mb-8 md:text-lg lg:text-xl dark:text-gray-400">This free and open-source landing page template was built using the utility classes from <a href="https://tailwindcss.com" class="hover:underline">Tailwind CSS</a> and based on the components from the <a href="https://flowbite.com/docs/getting-started/introduction/" class="hover:underline">Flowbite Library</a> and the <a href="https://flowbite.com/blocks/" class="hover:underline">Blocks System</a>.</p>
<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">
<h3 class="mb-2 text-2xl font-bold dark:text-white">Sovereign</h3>
<p class="font-light text-gray-500 dark:text-gray-400">Local infrastructure ensures data locality and security
</p>
</div>
<div class="pt-8">
<h3 class="mb-2 text-2xl font-bold dark:text-white">Private</h3>
<p class="font-light text-gray-500 dark:text-gray-400">Complete control over your own data at your proximity</p>
</div>
<div class="pt-8">
<h3 class="mb-2 text-2xl font-bold dark:text-white">Decentralized</h3>
<p class="font-light text-gray-500 dark:text-gray-400">Dispersed workloads System, instead of centralizing data</p>
</div>
<div class="pt-8">
<h3 class="mb-2 text-2xl font-bold dark:text-white">Secure</h3>
<p class="font-light text-gray-500 dark:text-gray-400">Multi-layered security architecture for data and compute safe</p>
</div>
</div>
</div>
<div class="hidden lg:mt-0 lg:col-span-5 lg:flex">
<img src="images/my1.png" alt="hero image">
</div>
</div>
<!-- End block -->