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

update news css

Browse Source
This commit is contained in:
Ehab Hassan
2024-03-19 11:41:45 +02:00
parent c242612745
commit dea3e05dcb
5 changed files with 38 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
templates/partials/featuredNews.html
View File

@@ -1,16 +1,19 @@
<body>
<div class="md:grid md:grid-cols-2 md:gap-8 relative mt-16 lg:mt-16 items-center container mx-auto">
<div class="relative lg:ml-8 my-8 w-full md:w-auto">
<h3 class="text-base not-italic leading-6 text-gray-600">FEATURED NEWS</h3>
<a href={{featured.permalink}} class="">
<div class="md:grid md:grid-cols-2 md:gap-8 relative mt-12 md:mt-10 items-center container mx-auto">
<div class="relative my-8 w-full md:w-auto mx-3 lg:mx-12">
<h3 class="text-base not-italic font-medium leading-6 text-gray-600 mb-4">FEATURED NEWS</h3>
<a href={{featured.permalink}}>
<h2
class="mt-8 text-2xl main-title sm:text-3xl md:text-4xl lg:text-5xl fw-500 leading-snug font-normal mb-4 md:mb-10 ">
class="text-2xl main-title md:text-4xl fw-500 leading-snug font-medium">
{{ featured.title }}
</h2>
<p class="mt-2 text-base font-normal text-gray-500 text-left">
{{ featured.description }}
</p>
</a>
<h4 class="text-sm not-italic font-light leading-6 text-gray-600">
<h4 class="my-2 text-sm not-italic font-light leading-6 text-gray-600">
{{ featured.date | date(format="%B %e, %Y", timezone="America/Chicago")}} -
{% for author in featured.taxonomies.people %}
{% set author_path = 'people/' ~ author ~ '/index.md' %}
@@ -30,13 +33,13 @@
</div>
<div class="mx-4 relative lg:mt-0 max-w-full">
<div class="relative lg:mt-0 max-w-full">
{% if featured.extra.imgPath %}
<img class="relative mx-auto md:w-auto md:max-w-full max-h-80" src={{featured.permalink}}{{featured.extra.imgPath}} alt="" />
<img class="relative rounded mx-auto max-h-64 p-2 border-2 border-gray-100" src={{featured.permalink}}{{featured.extra.imgPath}} alt="" />
{% endif %}
</div>
</div>
<hr class="mt-6">
<hr class="mt-6 container mx-auto">
</div>
</div>
</body>