ourworld_web/www_mycelium
21
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

update download page

Browse Source
This commit is contained in:
Ehab Hassan
2025-05-21 18:56:13 +03:00
parent d4af55f6ec
commit 3ea0f6c544
3 changed files with 148 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
templates/shortcodes/feature_card.html
View File

@@ -6,15 +6,15 @@
{% set hover_color = hover_color | default(value="hover:bg-gray-50") %}
<div class="relative {{ bg_color }} {{ hover_color }} shadow rounded-lg p-4 transition-all duration-300">
<div class="relative 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-gray-200 text-white mb-4">
<div class="flex items-center justify-center h-12 w-12 rounded-md mb-4">
<img src="{{ icon | safe }}" class="">
</div>
{% endif %}
<h3 class="text-md font-medium">{{ title }}</h3>
<h3 class="text-lg font-medium">{{ title }}</h3>
{% if description %}
<p class="my-2 font-extralight">{{ description }}</p>
<p class="my-2 text-base font-light">{{ description }}</p>
{% endif %}
{% if link %}
<a href="{{ link }}" class="text-sm font-semibold text-black hover:text-gray-700">{{ link_name }} <span aria-hidden="true">→</span></a>

84
templates/shortcodes/left_header.html
View File

@@ -1,72 +1,28 @@
{% set title = title | default(value="MYCELIUM") %}
{% set subtitle = subtitle | default(value="") %}
{% set subtitle_2 = subtitle_2 | default(value="") %}
{% set description = description | default(value="") %}
{% set description2 = description2 | default(value="") %}
{% set description3 = description3 | default(value="") %}
{% set button_text = button_text | default(value="") %}
{% set button_link = button_link | default(value="") %}
<div class="lg:pt-24 pt-12 lg:max-w-7xl container mx-auto px-4 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>
<h2 class="fade-in lg:text-5xl text-4xl font-medium tracking-tight">{{ title }}</h2>
<h3 class="mx-auto fade-in text-left lg:text-3xl text-2xl leading-snug font-light tracking-tight text-black">{{ subtitle_2 }}</h2>
<p class="mt-6 max-w-3xl text-lg font-light">{{ description }}</p>
{% if description2 %}
<p class="mt-6 text-lg font-light">{{ description2 }}</p>
{% endif %}
{% if description3 %}
<p class="text-left mt-4 max-w-3xl text-pretty lg:text-lg text-md font-light text-black fade-in">
{{ description3 }} <a href="{{ button_link }}" class="font-semibold" target="_blanks"><u>{{ button_text }}</u></a>
</p>
{% endif %}
</div>
</div>
<!-- <div class="mx-auto mt-10">
<dl class="mx-auto grid grid-cols-1 gap-x-6 gap-y-10 text-base sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-2 lg:gap-x-8 lg:gap-y-8">
<div class="relative pl-9">
<dt class="inline font-semibold ">
PRODUCTIVITY & COMMUNICATION
</dt>
<ul class="mx-4" style="list-style: circle;">
<li>Secure remote work collaboration.</li>
<li>Private file sharing between trusted nodes.</li>
<li>Encrypted voice/video calls.</li>
<li>Self-hosted messaging systems.</li>
<li>Secure document collaboration.</li>
</ul>
</div>
<div class="relative pl-9">
<dt class="inline font-semibold ">
INFRASTRUCTURE
</dt>
<ul class="mx-4" style="list-style: circle;">
<li>Private cloud computing resources.</li>
<li>Secure IoT device networks.</li>
<li>Remote system administration.</li>
<li>Virtual private networks (VPNs).</li>
<li>Secure backup systems.</li>
</ul>
</div>
<div class="relative pl-9">
<dt class="inline font-semibold ">
SERVICES
</dt>
<ul class="mx-4" style="list-style: circle;">
<li>Self-hosted web services.</li>
<li>Private file sharing between trusted nodes.</li>
<li>Private DNS systems.</li>
<li>Personal email servers.</li>
<li>Secure document collaboration.</li>
</ul>
</div>
<div class="relative pl-9">
<dt class="inline font-semibold ">
MEDIA & CONTENT
</dt>
<ul class="mx-4" style="list-style: circle;">
<li>Private media streaming.</li>
<li>Personal cloud storage.</li>
<li>Protected content distribution.</li>
<li>Secure game servers.</li>
<li>Private git repositories.</li>
</ul>
</div>
</dl>
<hr class="my-6">
<div class="mx-auto mt-10 px-6 lg:px-0 lg:max-w-6xl">
<a href="/download" class=" rounded-2xl bg-black px-6 py-2 text-sm font-semibold text-white shadow-xs hover:bg-gray-900 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-200">Get Started</a>
</div>
</div> -->
</div>