update news css

This commit is contained in:
2024-03-19 11:41:45 +02:00
parent c242612745
commit dea3e05dcb
5 changed files with 38 additions and 21 deletions

View File

@@ -12,7 +12,7 @@
<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 POST</h3>
<a href={{featured.permalink}} class="">
<a href={{featured.permalink}}>
<h2
class="text-2xl main-title md:text-4xl fw-500 leading-snug font-medium">
{{ featured.title }}
@@ -23,6 +23,20 @@
</a>
<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' %}
{% set author = get_page(path=author_path) %}
{% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') | replace(from='index.md', to=author.extra.imgPath)) %}
<a href="{{author.permalink}}" tooltip="{{author.title}}" class="capitalize text-gray-800"> <img
src="{{ author_img }}" alt="{{ author.title }}" class="
inline-flex
w-8
h-8
rounded-full
bg-gray-200
border-2 border-white
" /> {{ author.title }}</a>
{% endfor %}
</h4>
</div>
@@ -32,7 +46,7 @@
</div>
</div>
<hr class="mt-6 max-w-7xl mx-auto">
<hr class="mt-6 container mx-auto">
</div>
</div>