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

2
templates/partials/navigation.html
View File

@@ -50,7 +50,7 @@
</a>
<button id="theme-toggle" type="button" class="text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white p-2 rounded-md ml-2 focus:outline-none focus:ring-2 focus:ring-offset-2 dark:focus:ring-offset-gray-800 focus:ring-gray-300 dark:focus:ring-white">
<!-- Sun icon (light mode) -->
<svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="white" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"></path>
</svg>
<!-- Moon icon (dark mode) -->

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">