sashaastiadi/www_mycelium
1
0
Fork 2
forked from hero/www_hero_project
Code Pull Requests Activity

fix blog

Browse Source
This commit is contained in:
sasha-astiadi 2024-08-19 14:46:06 +02:00
parent daa7ab4e75
commit 526c6aaf7c
5 changed files with 32 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
templates/blogPage.html
View File

@ -24,7 +24,7 @@
<div> <div>
<article class="article lg:w-4/6 mx-auto"> <article class="article lg:w-4/6 mx-auto">
<h1 class="lg:text-4xl text-2xl font-medium leading-none mt-0 text-gray-700"> <h1 class="lg:text-4xl text-2xl font-medium leading-none mt-0 text-gray-50">
{{ page.title }} {{ page.title }}
</h1> </h1>
@ -55,9 +55,9 @@
<div class="pl-3 flex flex-col text-xs leading-none uppercase"> <div class="pl-3 flex flex-col text-xs leading-none uppercase">
{% if author %} {% if author %}
<a href="{{author.permalink}}" class="text-gray-700 text-xs">{{ author.title }}</a> <a href="{{author.permalink}}" class="text-gray-50 text-xs">{{ author.title }}</a>
{% endif %} {% endif %}
<p class="text-gray-700 text-xs"> <p class="text-gray-50 text-xs">
<time datetime="{{ page.date }}"> {{ page.date | date(format="%B %e, %Y", timezone="America/Chicago") <time datetime="{{ page.date }}"> {{ page.date | date(format="%B %e, %Y", timezone="America/Chicago")
}}</time><br /> }}</time><br />
<span id="time" <span id="time"

8
templates/newsPage.html
View File

@ -41,7 +41,7 @@
<h1 class="lg:text-4xl text-2xl font-medium leading-none mt-0"> <h1 class="lg:text-4xl text-2xl font-medium leading-none mt-0">
{{ page.title }} {{ page.title }}
</h1> </h1>
<div class="lg:text-xl text-base pt-4 pb-10 text-gray-700">{{ page.description }}</div> <div class="lg:text-xl text-base pt-4 pb-10 text-gray-50">{{ page.description }}</div>
</section> </section>
<section class="post-author-list mb-10 mx-0"> <section class="post-author-list mb-10 mx-0">
<div class="flex items-center"> <div class="flex items-center">
@ -89,7 +89,7 @@
{% endfor %} {% endfor %}
{% endif %} {% endif %}
</p> </p>
<p class="text-gray-700"> <p class="text-gray-50">
<time datetime="{{page.date}}"> <time datetime="{{page.date}}">
{{ page.date | date(format="%B %e, %Y", timezone="America/Chicago") }} {{ page.date | date(format="%B %e, %Y", timezone="America/Chicago") }}
</time> </time>
@ -114,7 +114,7 @@
mx-auto mx-auto
relative relative
font-serif font-serif
text-gray-700 text-gray-50
"> ">
<div class="post-content-text text-xl">{{ content | safe }}</div> <div class="post-content-text text-xl">{{ content | safe }}</div>
</section> </section>
@ -132,7 +132,7 @@
border border
hover:border-blue-500 hover:border-blue-500
border-gray-600 border-gray-600
text-gray-700 text-gray-50
rounded-full rounded-full
">{{ tag }}</a> ">{{ tag }}</a>
{% endfor %} {% endfor %}

38
templates/partials/blogs.html
View File

@ -7,82 +7,82 @@
<div class="mx-auto mt-8 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-4"> <div class="mx-auto mt-8 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-4">
<article class="flex flex-col items-start justify-between"> <article class="flex flex-col items-start justify-between">
<div class="relative w-full"> <div class="relative w-full">
<img src="https://images.unsplash.com/photo-1496128858413-b36217c2ce36?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3603&q=80" alt="" class="aspect-[16/9] w-full rounded-xl bg-gray-100 object-cover sm:aspect-[2/1] lg:aspect-[3/2]"> <img src="home/img/cyberwall.png" alt="" class="w-full rounded-xl bg-gray-100 object-cover aspect-[2/1] lg:aspect-[16/9]">
<div class="absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10"></div> <div class="absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10"></div>
</div> </div>
<div class="max-w-xl"> <div class="max-w-xl">
<div class="mt-8 flex items-center gap-x-4 text-xs"> <div class="mt-8 flex items-center gap-x-4 text-xs">
<time datetime="2020-03-16" class="text-gray-500">Mar 16, 2020</time> <time datetime="2020-03-16" class="text-gray-500">March 20, 2024</time>
<a href="#" class="relative z-10 rounded-full bg-gray-10 px-3 py-1.5 font-medium hover:bg-gray-100">Marketing</a> <a href="#" class="relative z-10 rounded-full bg-gray-10 px-3 py-1.5 font-medium hover:bg-gray-100">Blog</a>
</div> </div>
<div class="group relative"> <div class="group relative">
<h3 class="mt-3 text-lg font-semibold leading-6 group-hover:text-gray-600"> <h3 class="mt-3 text-lg font-semibold leading-6 group-hover:text-gray-600">
<a href="#"> <a href="#">
<span class="absolute inset-0"></span> <span class="absolute inset-0"></span>
<h4 class="font-semibold">Boost your conversion rate</h4> <h4 class="font-semibold">An Antidote for the Cyber Pandemic</h4>
</a> </a>
</h3> </h3>
<p class="mt-5 line-clamp-3 text-sm leading-6">Illo sint voluptas. Error voluptates culpa eligendi. Hic vel totam vitae illo. Non aliquid explicabo necessitatibus unde. Sed exercitationem placeat consectetur nulla deserunt vel. Iusto corrupti dicta.</p> <p class="mt-5 line-clamp-3 text-sm leading-6">In today's interconnected world, the rise of cyber threats presents a significant challenge...</p>
</div> </div>
</article> </article>
<article class="flex flex-col items-start justify-between"> <article class="flex flex-col items-start justify-between">
<div class="relative w-full"> <div class="relative w-full">
<img src="https://images.unsplash.com/photo-1496128858413-b36217c2ce36?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3603&q=80" alt="" class="aspect-[16/9] w-full rounded-xl bg-gray-100 object-cover sm:aspect-[2/1] lg:aspect-[3/2]"> <img src="home/img/revolutionizing_data_center.png" alt="" class="w-full rounded-xl bg-gray-100 object-cover aspect-[2/1] lg:aspect-[16/9]">
<div class="absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10"></div> <div class="absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10"></div>
</div> </div>
<div class="max-w-xl"> <div class="max-w-xl">
<div class="mt-8 flex items-center gap-x-4 text-xs"> <div class="mt-8 flex items-center gap-x-4 text-xs">
<time datetime="2020-03-16" class="text-gray-500">Mar 16, 2020</time> <time datetime="2020-03-16" class="text-gray-500">February 10, 2024</time>
<a href="#" class="relative z-10 rounded-full bg-gray-10 px-3 py-1.5 font-medium hover:bg-gray-100">Marketing</a> <a href="#" class="relative z-10 rounded-full bg-gray-10 px-3 py-1.5 font-medium hover:bg-gray-100">Blog</a>
</div> </div>
<div class="group relative"> <div class="group relative">
<h3 class="mt-3 text-lg font-semibold leading-6 group-hover:text-gray-600"> <h3 class="mt-3 text-lg font-semibold leading-6 group-hover:text-gray-600">
<a href="#"> <a href="#">
<span class="absolute inset-0"></span> <span class="absolute inset-0"></span>
<h4 class="font-semibold">Boost your conversion rate</h4> <h4 class="font-semibold">Revolutionizing Data Center Design: Exploring Tier S</h4>
</a> </a>
</h3> </h3>
<p class="mt-5 line-clamp-3 text-sm leading-6">Illo sint voluptas. Error voluptates culpa eligendi. Hic vel totam vitae illo. Non aliquid explicabo necessitatibus unde. Sed exercitationem placeat consectetur nulla deserunt vel. Iusto corrupti dicta.</p> <p class="mt-5 line-clamp-3 text-sm leading-6">The Tier S model is designed to exceed the capabilities of traditional data centers...</p>
</div> </div>
</article> </article>
<article class="flex flex-col items-start justify-between"> <article class="flex flex-col items-start justify-between">
<div class="relative w-full"> <div class="relative w-full">
<img src="https://images.unsplash.com/photo-1496128858413-b36217c2ce36?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3603&q=80" alt="" class="aspect-[16/9] w-full rounded-xl bg-gray-100 object-cover sm:aspect-[2/1] lg:aspect-[3/2]"> <img src="home/img/tf9_dunia_yetu.png" alt="" class="w-full rounded-xl bg-gray-100 object-cover aspect-[2/1] lg:aspect-[16/9]">
<div class="absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10"></div> <div class="absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10"></div>
</div> </div>
<div class="max-w-xl"> <div class="max-w-xl">
<div class="mt-8 flex items-center gap-x-4 text-xs"> <div class="mt-8 flex items-center gap-x-4 text-xs">
<time datetime="2020-03-16" class="text-gray-500">Mar 16, 2020</time> <time datetime="2020-03-16" class="text-gray-500">Mar 16, 2020</time>
<a href="#" class="relative z-10 rounded-full bg-gray-10 px-3 py-1.5 font-medium hover:bg-gray-100">Marketing</a> <a href="#" class="relative z-10 rounded-full bg-gray-10 px-3 py-1.5 font-medium hover:bg-gray-100">News</a>
</div> </div>
<div class="group relative"> <div class="group relative">
<h3 class="mt-3 text-lg font-semibold leading-6 group-hover:text-gray-600"> <h3 class="mt-3 text-lg font-semibold leading-6 group-hover:text-gray-600">
<a href="#"> <a href="#">
<span class="absolute inset-0"></span> <span class="absolute inset-0"></span>
<h4 class="font-semibold">Boost your conversion rate</h4> <h4 class="font-semibold">TF Announces a Sovereign Internet for Tanzania</h4>
</a> </a>
</h3> </h3>
<p class="mt-5 line-clamp-3 text-sm leading-6">Illo sint voluptas. Error voluptates culpa eligendi. Hic vel totam vitae illo. Non aliquid explicabo necessitatibus unde. Sed exercitationem placeat consectetur nulla deserunt vel. Iusto corrupti dicta.</p> <p class="mt-5 line-clamp-3 text-sm leading-6">Dunia Yetu Formally Announced in Dar Es Salaam, in partnership with Tanzania's ICT Commission...</p>
</div> </div>
</article> </article>
<article class="flex flex-col items-start justify-between"> <article class="flex flex-col items-start justify-between">
<div class="relative w-full"> <div class="relative w-full">
<img src="https://images.unsplash.com/photo-1496128858413-b36217c2ce36?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3603&q=80" alt="" class="aspect-[16/9] w-full rounded-xl bg-gray-100 object-cover sm:aspect-[2/1] lg:aspect-[3/2]"> <img src="home/img/tf9_depin_hub.png" alt="" class="w-full rounded-xl bg-gray-100 object-cover aspect-[2/1] lg:aspect-[16/9]">
<div class="absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10"></div> <div class="absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10"></div>
</div> </div>
<div class="max-w-xl"> <div class="max-w-xl">
<div class="mt-8 flex items-center gap-x-4 text-xs"> <div class="mt-8 flex items-center gap-x-4 text-xs">
<time datetime="2020-03-16" class="text-gray-500">Mar 16, 2020</time> <time datetime="2020-03-16" class="text-gray-500">December 15, 2023</time>
<a href="#" class="relative z-10 rounded-full bg-gray-10 px-3 py-1.5 font-medium hover:bg-gray-100">Marketing</a> <a href="#" class="relative z-10 rounded-full bg-gray-10 px-3 py-1.5 font-medium hover:bg-gray-100">News</a>
</div> </div>
<div class="group relative"> <div class="group relative">
<h3 class="mt-3 text-lg font-semibold leading-6 group-hover:text-gray-600"> <h3 class="mt-3 text-lg font-semibold leading-6 group-hover:text-gray-600">
<a href="#"> <a href="#">
<span class="absolute inset-0"></span> <span class="absolute inset-0"></span>
<h4 class="font-semibold">Boost your conversion rate</h4> <h4 class="font-semibold">ThreeFold Listed on DePIN Hub</h4>
</a> </a>
</h3> </h3>
<p class="mt-5 line-clamp-3 text-sm leading-6">Illo sint voluptas. Error voluptates culpa eligendi. Hic vel totam vitae illo. Non aliquid explicabo necessitatibus unde. Sed exercitationem placeat consectetur nulla deserunt vel. Iusto corrupti dicta.</p> <p class="mt-5 line-clamp-3 text-sm leading-6">ThreeFold are now listed on DePIN (Decentralized Physical Infrastructure Networks)....</p>
</div> </div>
</article> </article>
</div> </div>

2
templates/partials/postCard.html
View File

@ -39,7 +39,7 @@
<img alt="{{ author.title }}" src="{{ author_img }}" class="w-8 h-8 rounded-full border-2 border-white bg-gray-200" /> <img alt="{{ author.title }}" src="{{ author_img }}" class="w-8 h-8 rounded-full border-2 border-white bg-gray-200" />
{% endif %} {% endif %}
</div> </div>
<div class="ml-3 text-gray-700 text-xs flex flex-col"> <div class="ml-3 text-gray-50 text-xs flex flex-col">
{% if author %} {% if author %}
<p class="uppercase">{{ author.title }}</p> <p class="uppercase">{{ author.title }}</p>
{% endif %} {% endif %}

25
templates/partials/usecases2.html
View File

@ -13,15 +13,12 @@
<div> <div>
<div class="relative pt-16"> <div class="relative pt-16">
<div class="relative h-72 w-full overflow-hidden rounded-lg"> <div class="relative h-72 w-full overflow-hidden rounded-lg">
<img src="https://tailwindui.com/img/ecommerce-images/product-page-03-related-product-01.jpg" alt="usecase" class="h-full w-full object-cover object-center"> <img src="usecases/img/usecases_tiers.png" alt="usecase" class="h-30 w-full object-cover object-center">
</div> </div>
<div class="relative mt-4"> <div class="relative mt-4">
<h3 class="text-sm font-medium text-white">Tier-S Data Center</h3> <h3 class="text-sm font-medium text-white">Tier-S Data Center</h3>
<p class="mt-1 mb-4 text-sm text-gray-50">Tier 3 and Tier 4 Data centers are outdated due to the transformative impact of AI.</p> <p class="mt-1 mb-4 text-sm text-gray-50">Tier 3 and Tier 4 Data centers are outdated due to the transformative impact of AI.</p>
</div> </div>
<div class="absolute inset-x-0 top-0 flex h-72 items-end justify-end overflow-hidden rounded-lg p-4">
<div aria-hidden="true" class="absolute inset-x-0 bottom-0 h-36 bg-gradient-to-t from-black opacity-50"></div>
</div>
</div> </div>
<div class="mt-6"> <div class="mt-6">
<a href="#" class="relative flex items-center justify-center rounded-md border border-transparent bg-indigo-400 px-8 py-2 text-sm font-medium text-white hover:bg-gray-900">Read More</a> <a href="#" class="relative flex items-center justify-center rounded-md border border-transparent bg-indigo-400 px-8 py-2 text-sm font-medium text-white hover:bg-gray-900">Read More</a>
@ -32,15 +29,12 @@
<div> <div>
<div class="relative pt-16"> <div class="relative pt-16">
<div class="relative h-72 w-full overflow-hidden rounded-lg"> <div class="relative h-72 w-full overflow-hidden rounded-lg">
<img src="https://tailwindui.com/img/ecommerce-images/product-page-03-related-product-01.jpg" alt="usecase" class="h-full w-full object-cover object-center"> <img src="usecases/img/usecases_tfgrid.png" alt="usecase" class="h-30 w-full object-cover object-center">
</div> </div>
<div class="relative mt-4"> <div class="relative mt-4">
<h3 class="text-sm font-medium text-white">ThreeFold Grid</h3> <h3 class="text-sm font-medium text-white">ThreeFold Grid</h3>
<p class="mt-1 mb-4 text-sm text-gray-50">ThreeFold uses TF9 for their decentralized DePIN network, the biggest of its kind globally.</p> <p class="mt-1 mb-4 text-sm text-gray-50">ThreeFold uses TF9 for their decentralized DePIN network, the biggest of its kind globally.</p>
</div> </div>
<div class="absolute inset-x-0 top-0 flex h-72 items-end justify-end overflow-hidden rounded-lg p-4">
<div aria-hidden="true" class="absolute inset-x-0 bottom-0 h-36 bg-gradient-to-t from-black opacity-50"></div>
</div>
</div> </div>
<div class="mt-6"> <div class="mt-6">
<a href="#" class="relative flex items-center justify-center rounded-md border border-transparent bg-indigo-400 px-8 py-2 text-sm font-medium text-white hover:bg-gray-900">Read More</a> <a href="#" class="relative flex items-center justify-center rounded-md border border-transparent bg-indigo-400 px-8 py-2 text-sm font-medium text-white hover:bg-gray-900">Read More</a>
@ -51,15 +45,12 @@
<div> <div>
<div class="relative pt-16"> <div class="relative pt-16">
<div class="relative h-72 w-full overflow-hidden rounded-lg"> <div class="relative h-72 w-full overflow-hidden rounded-lg">
<img src="https://tailwindui.com/img/ecommerce-images/product-page-03-related-product-01.jpg" alt="usecase" class="h-full w-full object-cover object-center"> <img src="usecases/img/usecases_digital_zone.png" alt="usecase" class="h-30 w-full object-cover object-center">
</div> </div>
<div class="relative mt-4"> <div class="relative mt-4">
<h3 class="text-sm font-medium text-white">Digital Free Zone</h3> <h3 class="text-sm font-medium text-white">Digital Free Zone</h3>
<p class="mt-1 mb-4 text-sm text-gray-50">Zanzibar is using our technology for the development of a cutting-edge digital free zone.</p> <p class="mt-1 mb-4 text-sm text-gray-50">Zanzibar is using our technology for the development of a cutting-edge digital free zone.</p>
</div> </div>
<div class="absolute inset-x-0 top-0 flex h-72 items-end justify-end overflow-hidden rounded-lg p-4">
<div aria-hidden="true" class="absolute inset-x-0 bottom-0 h-36 bg-gradient-to-t from-black opacity-50"></div>
</div>
</div> </div>
<div class="mt-6"> <div class="mt-6">
<a href="#" class="relative flex items-center justify-center rounded-md border border-transparent bg-indigo-400 px-8 py-2 text-sm font-medium text-white hover:bg-gray-900">Read More</a> <a href="#" class="relative flex items-center justify-center rounded-md border border-transparent bg-indigo-400 px-8 py-2 text-sm font-medium text-white hover:bg-gray-900">Read More</a>
@ -70,15 +61,12 @@
<div> <div>
<div class="relative pt-16"> <div class="relative pt-16">
<div class="relative h-72 w-full overflow-hidden rounded-lg"> <div class="relative h-72 w-full overflow-hidden rounded-lg">
<img src="https://tailwindui.com/img/ecommerce-images/product-page-03-related-product-01.jpg" alt="usecase" class="h-full w-full object-cover object-center"> <img src="usecases/img/usecases_sovereign.png" alt="usecase" class="h-30 w-full object-cover object-center">
</div> </div>
<div class="relative mt-4"> <div class="relative mt-4">
<h3 class="text-sm font-medium text-white">Sovereign Internet for countries</h3> <h3 class="text-sm font-medium text-white">Sovereign Internet for countries</h3>
<p class="mt-1 mb-4 text-sm text-gray-50">By harnessing TF9's advanced solutions, Tanzania is building its own sovereign internet</p> <p class="mt-1 mb-4 text-sm text-gray-50">By harnessing TF9's advanced solutions, Tanzania is building its own sovereign internet</p>
</div> </div>
<div class="absolute inset-x-0 top-0 flex h-72 items-end justify-end overflow-hidden rounded-lg p-4">
<div aria-hidden="true" class="absolute inset-x-0 bottom-0 h-36 bg-gradient-to-t from-black opacity-50"></div>
</div>
</div> </div>
<div class="mt-6"> <div class="mt-6">
<a href="#" class="relative flex items-center justify-center rounded-md border border-transparent bg-indigo-400 px-8 py-2 text-sm font-medium text-white hover:bg-gray-900">Read More</a> <a href="#" class="relative flex items-center justify-center rounded-md border border-transparent bg-indigo-400 px-8 py-2 text-sm font-medium text-white hover:bg-gray-900">Read More</a>
@ -89,15 +77,12 @@
<div> <div>
<div class="relative pt-6 lg:pt-16 xl:pt-16"> <div class="relative pt-6 lg:pt-16 xl:pt-16">
<div class="relative h-72 w-full overflow-hidden rounded-lg"> <div class="relative h-72 w-full overflow-hidden rounded-lg">
<img src="https://tailwindui.com/img/ecommerce-images/product-page-03-related-product-01.jpg" alt="usecase" class="h-full w-full object-cover object-center"> <img src="usecases/img/usecases_cyber.png" alt="usecase" class="h-30 w-full object-cover object-center">
</div> </div>
<div class="relative mt-4"> <div class="relative mt-4">
<h3 class="text-sm font-medium text-white">Cyber Pandemic Solution</h3> <h3 class="text-sm font-medium text-white">Cyber Pandemic Solution</h3>
<p class="mt-1 mb-4 text-sm text-gray-50">The gravity of cyber threats and our robust solutions to protect against them.</p> <p class="mt-1 mb-4 text-sm text-gray-50">The gravity of cyber threats and our robust solutions to protect against them.</p>
</div> </div>
<div class="absolute inset-x-0 top-0 flex h-72 items-end justify-end overflow-hidden rounded-lg p-4">
<div aria-hidden="true" class="absolute inset-x-0 bottom-0 h-36 bg-gradient-to-t from-black opacity-50"></div>
</div>
</div> </div>
<div class="mt-6"> <div class="mt-6">
<a href="#" class="relative flex items-center justify-center rounded-md border border-transparent bg-indigo-400 px-8 py-2 text-sm font-medium text-white hover:bg-gray-900">Read More</a> <a href="#" class="relative flex items-center justify-center rounded-md border border-transparent bg-indigo-400 px-8 py-2 text-sm font-medium text-white hover:bg-gray-900">Read More</a>