ourworld_web/www_zola_template
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update features

Browse Source
This commit is contained in:
Ehab Hassan
2025-05-18 17:57:09 +03:00
parent efd5f04414
commit 24cf3950f5
9 changed files with 330 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
templates/shortcodes/feature_card.html
View File

@@ -4,15 +4,16 @@
{% set bg_color = bg_color | default(value="bg-white") %}
{% set hover_color = hover_color | default(value="hover:bg-gray-50") %}
<div class="relative {{ bg_color }} {{ hover_color }} shadow rounded-lg p-6 transition-all duration-300">
<div class="relative {{ bg_color }} {{ hover_color }} shadow rounded-lg p-4 transition-all duration-300">
{% if icon %}
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mb-4">
<span class="text-xl">{{ icon | safe }}</span>
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-gray-200 text-white mb-4">
<img src="{{ icon | safe }}" class="">
</div>
{% endif %}
<h3 class="text-lg font-medium text-gray-900">{{ title }}</h3>
<h3 class="text-md font-medium">{{ title }}</h3>
{% if description %}
<p class="mt-2 text-base text-gray-500">{{ description }}</p>
<p class="mt-2 text-base">{{ description }}</p>
{% endif %}
{% if caller %}
<div class="mt-4">

61
templates/shortcodes/hero_bottom_img.html Normal file
View File

@@ -0,0 +1,61 @@
<div class="lg:pt-24 pt-12">
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="mx-auto max-w-4xl text-left lg:text-center">
<p class="text-base/7 font-light tracking-wide">{{ subtitle }}</p>
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight "> {{ title }}</h2>
<p class="mt-6 text-lg font-light lg:text-xl">{{ description }}</p>
</div>
</div>
<div class="relative overflow-hidden pt-2">
<div class="mx-auto max-w-7xl px-4 lg:px-8 flex items-center justify-center">
<img src="{{ image_src }}" alt="{{ image_alt }}" width="900">
</div>
</div>
<!-- <div class="mx-auto mt-10 max-w-7xl px-6 lg:px-8">
<dl class="mx-auto grid max-w-2xl grid-cols-1 gap-x-6 gap-y-4 text-base/7 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3 lg:gap-x-8 lg:gap-y-10">
<div class="relative lg:pl-9">
<dt class="inline font-semibold ">
✓ Quantum Safe Storage Functionality
</dt>
<dd class="font-light">Mycelium’s quantum safe storage enables flexible, scalable, and efficient data distribution across a decentralized network, ensuring redundancy and security.</dd>
</div>
<div class="relative lg:pl-9">
<dt class="inline font-semibold ">
✓ Entry and Exit Points for AI Workloads
</dt>
<dd class="font-light">Seamlessly connect AI applications to Mycelium, providing optimized nd secured data pipelines for training, inference, and real-time processing.</dd>
</div>
<div class="relative lg:pl-9">
<dt class="inline font-semibold ">
✓ Data Storage and Retrieval Mechanisms
</dt>
<dd class="font-light">Users can choose between storing data locally for quick access or utilizing the distributed grid for enhanced scalability and resilience.</dd>
</div>
<div class="relative lg:pl-9">
<dt class="inline font-semibold ">
✓ Integrated Name Services (DNS)
</dt>
<dd class="font-light">The Integrated DNS system efficiently finds the shortest path between users and websites, automatically balancing loads and identifying alternative routes in case of internet issues.</dd>
</div>
<div class="relative lg:pl-9">
<dt class="inline font-semibold ">
✓ Frontend/Backend Integration
</dt>
<dd class="font-light"> Mycelium provides seamless integration with existing applications, enabling developers to leverage decentralized storage across both frontend and backend architectures.</dd>
</div>
<div class="relative lg:pl-9">
<dt class="inline font-semibold ">
✓ CDN (Content Delivery Network)
</dt>
<dd class="font-light">Mycelium accelerates data distribution by acting as a decentralized CDN, ensuring fast, secure, and efficient content delivery across global nodes with minimal latency.</dd>
</div>
</dl>
</div> -->
</div>

3
templates/shortcodes/use_cases.html
View File

@@ -1,10 +1,11 @@
<div class="lg:py-24 py-12 container mx-auto px-6 lg:px-8">
<div class="lg:pt-24 pt-12 container mx-auto px-6 lg:px-0">
<div class="mx-auto">
<div class="mx-auto">
<p class="text-base font-light tracking-wide">{{ subtitle }}</p>
<h2 class="fade-in lg:text-5xl text-4xl font-normal tracking-tight">{{ title }}</h2>
<p class="mt-6 text-lg font-light">{{ description }}</p>
<p class="mt-6 text-lg font-light">{{ description2 }}</p>
</div>
</div>
<!-- <div class="mx-auto mt-10">