update about2
This commit is contained in:
ehab-hassan
parent
5d119e779f
commit
5e20eb96ec
@ -16,9 +16,37 @@ date = 2025-03-22
|
||||
description_2="We aim to build a system that adapts to our growing digital needs while promoting sustainability and security."
|
||||
) }}
|
||||
|
||||
<!-- section 2 -->
|
||||
|
||||
{{ desciption_blockquote(
|
||||
title="Our Technology",
|
||||
description_1="Mycelium enables secure, efficient, and scalable data transfer between network nodes by optimizing data routing. It ensures that information takes the shortest path with the lowest latency, resulting in faster and more efficient communication.",
|
||||
description_2="The technology relies on end-to-end encryption, with each node uniquely identified by its own key pair, guaranteeing the security and privacy of data. This approach ensures that data remains confidential and authentic, strengthening the overall privacy and integrity of the network.",
|
||||
description_3="Mycelium was created to overcome the limitations of traditional networking protocols while promoting a more sustainable and eco-friendly digital ecosystem. Its goal is to transform digital communication, making it not only efficient and secure but also environmentally responsible.",
|
||||
description_4="The inspiration behind Mycelium comes from the need for a technology that can adapt to changing network conditions and continue to operate efficiently in a rapidly evolving digital landscape."
|
||||
|
||||
|
||||
) }}
|
||||
|
||||
|
||||
|
||||
<!-- section 2 -->
|
||||
|
||||
{{ text_left_img(
|
||||
image_src="/images/efficient.jpeg",
|
||||
image_alt="Discover Mycelium",
|
||||
title="Highly Efficient",
|
||||
subheader="BENEFITS",
|
||||
subtitle="Optimizing Data Routing",
|
||||
description="Mycelium's routing algorithms prioritize minimizing latency in data transfer. This ensures that data takes the most direct and efficient route, reducing the time it takes to travel from the source node to the destination node.",
|
||||
description_2="",
|
||||
button_text="",
|
||||
button_link=""
|
||||
) }}
|
||||
|
||||
|
||||
<!-- section 3 -->
|
||||
|
||||
{{ text_right_img(
|
||||
image_src="/images/security.jpeg",
|
||||
image_alt="Discover Mycelium",
|
||||
@ -31,6 +59,37 @@ date = 2025-03-22
|
||||
button_link=""
|
||||
) }}
|
||||
|
||||
<!-- section 2 -->
|
||||
|
||||
{{ text_left_img(
|
||||
image_src="/images/scalability.jpeg",
|
||||
image_alt="Discover Mycelium",
|
||||
title="Enhances Scalability",
|
||||
subheader="BENEFITS",
|
||||
subtitle="Designed to Adapt",
|
||||
description="Mycelium is an open-source project built to adapt dynamically to changing network conditions. As new nodes join or existing nodes leave, the system adjusts seamlessly, allowing Mycelium to scale and support more participants without sacrificing performance.",
|
||||
description_2="The system is designed to efficiently distribute network traffic. During periods of high demand or increased data transfer, Mycelium balances the load by routing data through multiple paths or nodes. This ensures the network can handle greater traffic and more users without becoming overloaded.",
|
||||
button_text="",
|
||||
button_link=""
|
||||
) }}
|
||||
|
||||
|
||||
<!-- section 2 -->
|
||||
|
||||
|
||||
|
||||
{{ cta(
|
||||
image_src="/images/mycel3.png",
|
||||
image_alt="App screenshot",
|
||||
title="Get Mycelium Today",
|
||||
description="Join the Mycelium network and be a part of the decentralized movement.",
|
||||
button_text="Download Now",
|
||||
button_link="/download",
|
||||
button_text2="Read More",
|
||||
button_link2="https://threefold.info/mycelium/docs/"
|
||||
) }}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -18,7 +18,7 @@
|
||||
</header>
|
||||
<main>
|
||||
<div class="">
|
||||
<div class="px-4 sm:px-0">
|
||||
<div class="px-2">
|
||||
{% block content %}{% endblock %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -8,19 +8,21 @@
|
||||
{% set image_alt = image_alt | default(value="") %}
|
||||
|
||||
<div class="fade-in lg:pt-12">
|
||||
<div class="mx-auto max-w-7xl py-12">
|
||||
<div class="container mx-auto lg:max-w-7xl py-12">
|
||||
<div class="relative isolate overflow-hidden bg-black px-6 pt-16 shadow-2xl sm:rounded-3xl sm:px-16 md:pt-24 lg:flex lg:gap-x-20 lg:px-24 lg:pt-0">
|
||||
<div class="mx-auto max-w-md text-center lg:mx-0 lg:flex-auto lg:py-32 lg:text-left">
|
||||
<h2 class="text-4xl font-normal tracking-tight text-white lg:text-5xl">{{ title }}</h2>
|
||||
<p class="mt-6 text-lg lg:text-xl text-pretty font-light text-gray-300">{{ description }}</p>
|
||||
<div class="mt-10 flex items-center justify-center gap-x-6 lg:justify-start">
|
||||
<a href="{{ button_link }}" class="rounded-2xl bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-xs hover:bg-gray-100 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">{{ button_text }}</a>
|
||||
<a href="{{ button_link }}" class="rounded-2xl bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-xs hover:bg-gray-100 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">{{ button_text }}</a>
|
||||
<a href="{{ button_link2 }}" class="text-sm/6 font-semibold text-white hover:text-gray-100">{{ button_text2 }} <span aria-hidden="true">→</span></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="relative mt-16 h-80 lg:mt-8">
|
||||
<img class="absolute top-0 left-0 w-[25rem] lg:w-[45rem] max-w-none rounded-2xl ring-1 ring-white/10" src="{{ image_src }}" alt="{{ image_alt }}" width="1824" height="1080">
|
||||
|
||||
<div class="relative mt-16 h-auto lg:mt-8">
|
||||
<img class="block w-full max-w-full h-auto rounded-2xl ring-1 ring-white/10 lg:w-[45rem]" src="{{ image_src }}" alt="{{ image_alt }}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
59
templates/shortcodes/desciption_blockquote.html
Normal file
59
templates/shortcodes/desciption_blockquote.html
Normal file
@ -0,0 +1,59 @@
|
||||
{% set title = title | default(value="") %}
|
||||
{% set description_1 = description_1 | default(value="") %}
|
||||
{% set description_2 = description_2 | default(value="") %}
|
||||
{% set description_3 = description_3 | default(value="") %}
|
||||
{% set description_4 = description_4 | default(value="") %}
|
||||
|
||||
|
||||
|
||||
<div class="lg:py-24 py-12relative bg-white isolate overflow-hidden py-12">
|
||||
<div class="mx-auto container lg:max-w-7xl px-4">
|
||||
<div>
|
||||
<h2 class="fade-in lg:text-5xl text-4xl font-normal tracking-tight l">{{ title }}
|
||||
</h2>
|
||||
</div>
|
||||
<div class="relative grid lg:grid-cols-12 lg:gap-8">
|
||||
<!-- Left Content -->
|
||||
<div class="lg:col-span-6">
|
||||
<div class="mx-auto max-w-2xl lg:mx-0">
|
||||
<p class="fade-in mt-2 text-lg lg:text-xl font-light text-black">
|
||||
{{ description_1 }}
|
||||
<br><br>
|
||||
{{ description_2 }}
|
||||
<br><br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right Blockquote -->
|
||||
<div class="lg:col-span-6">
|
||||
<figure class=" mt-2 pl-8">
|
||||
<blockquote class=" text-black fade-in px-6">
|
||||
<p class="text-md leading-normal font-normal">{{ description_3 }}
|
||||
<br><br>
|
||||
{{ description_4 }}</p>
|
||||
</blockquote>
|
||||
<br>
|
||||
<div class="mx-4">
|
||||
<p class="fade-in mx-auto text-xl font-semibold tracking-tight lg:text-2xl opacity-0 transition-opacity duration-1000" data-observer>
|
||||
Decentralized. Scalable. Intelligent.
|
||||
</p>
|
||||
</div>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<style>
|
||||
.blockquote::before {
|
||||
content: open-quote;
|
||||
font-size: 4rem;
|
||||
position: absolute;
|
||||
top: -1rem;
|
||||
left: -1rem;
|
||||
color: #8d1212;
|
||||
}
|
||||
</style>
|
||||
@ -7,7 +7,7 @@
|
||||
|
||||
<div class=" fade-in">
|
||||
<div class="relative isolate">
|
||||
<div class="container mx-auto max-w-7xl lg:py-24 py-12 lg:flex lg:items-center lg:gap-x-20 lg:px-8">
|
||||
<div class="container mx-auto max-w-7xl lg:pb-24 pb-12 lg:flex lg:items-center lg:gap-x-20 lg:px-8">
|
||||
<div class="my-6 lg:my-16 sm:mt-24 lg:flex lg:justify-center lg:w-1/2 lg:order-2">
|
||||
<img class="w-full max-w-lg h-auto object-cover rounded-xl" src="{{ image_src }}"
|
||||
alt="{{ image_alt }}">
|
||||
|
||||
42
templates/shortcodes/text_left_img.html
Normal file
42
templates/shortcodes/text_left_img.html
Normal file
@ -0,0 +1,42 @@
|
||||
{% set title = title | default(value="") %}
|
||||
{% set subheader = subheader | default(value="") %}
|
||||
{% set subtitle = subtitle | default(value="") %}
|
||||
{% set description = description | default(value="") %}
|
||||
{% set description_2 = description_2 | default(value="") %}
|
||||
{% set button_text = button_text | default(value="") %}
|
||||
{% set button_link = button_link | default(value="") %}
|
||||
{% set image_src = image_src | default(value="") %}
|
||||
{% set image_alt = image_alt | default(value="") %}
|
||||
|
||||
<div class="lg:py-24 py-12 lg:pt-0 fade-in bg-semi-white lg:max-w-7xl container mx-auto">
|
||||
<div class="relative isolate">
|
||||
<div class="mx-auto mt-10 lg:mt-0 lg:flex lg:items-center lg:gap-x-15 ">
|
||||
<div class="lg:order-2 mt-6 lg:mt-0 lg:flex lg:justify-center lg:w-1/2">
|
||||
<img class="w-full max-w-lg h-auto object-cover rounded-xl" src="{{ image_src }}"
|
||||
alt="{{ image_alt }}">
|
||||
</div>
|
||||
<div class="mx-auto max-w-xl lg:mx-6 lg:flex-auto">
|
||||
<p class="text-base mt-4 font-light tracking-wide">{{ subheader }}</p>
|
||||
<h2 class="fade-in lg:text-5xl text-4xl font-normal tracking-tight ">{{ title }}</h2>
|
||||
<h3 class="font-light lg:text-3xl text-xl">
|
||||
{{ subtitle }}
|
||||
</h3>
|
||||
<p class="text-left mt-4 text-pretty lg:text-lg text-md font-light fade-in">
|
||||
{{ description }}
|
||||
</p>
|
||||
<p class="text-left mt-4 text-pretty lg:text-lg text-md font-light fade-in">
|
||||
{{ description_2 }}
|
||||
</p>
|
||||
{% if button_link %}
|
||||
<div class="mt-6 flex">
|
||||
<a href="{{ button_link }}" class="rounded-2xl bg-black border border-white px-4 py-2 text-sm font-semibold text-white shadow hover:bg-gray-700 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-gray-300">{{ button_text }}</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -8,12 +8,16 @@
|
||||
{% set image_src = image_src | default(value="") %}
|
||||
{% set image_alt = image_alt | default(value="") %}
|
||||
|
||||
<div class="py-24 lg:pt-0 fade-in bg-semi-white lg:max-w-7xl container mx-auto px-6 lg:px-8">
|
||||
<div class="lg:py-24 py-12 lg:pt-0 fade-in bg-semi-white lg:max-w-7xl container mx-auto">
|
||||
<div class="relative isolate">
|
||||
|
||||
<div class="mx-auto mt-10 lg:mt-0 lg:flex lg:items-center lg:gap-x-15 ">
|
||||
<div class="mt-6 lg:mt-0 lg:flex lg:justify-center lg:w-1/2">
|
||||
<img class="w-full max-w-lg h-auto object-cover rounded-xl" src="{{ image_src }}"
|
||||
alt="{{ image_alt }}">
|
||||
</div>
|
||||
<div class="mx-auto max-w-xl lg:mx-6 lg:flex-auto">
|
||||
<p class="text-base font-light tracking-wide">{{ subheader }}</p>
|
||||
<p class="text-base font-light tracking-wide mt-4">{{ subheader }}</p>
|
||||
<h2 class="fade-in lg:text-5xl text-4xl font-normal tracking-tight ">{{ title }}</h2>
|
||||
<h3 class="font-light lg:text-3xl text-xl">
|
||||
{{ subtitle }}
|
||||
@ -31,10 +35,7 @@
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
<div class="lg:order-first mt-6 lg:mt-0 lg:flex lg:justify-center lg:w-1/2">
|
||||
<img class="w-full max-w-lg h-auto object-cover rounded-xl" src="{{ image_src }}"
|
||||
alt="{{ image_alt }}">
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user