gaiety/portfolio
gaiety/portfolio
1
1
Fork 0
Code Activity

add thumbnails to blog posts

Browse source
This commit is contained in:
Ava Gaiety W 2025-05-05 20:39:47 -06:00
parent 630b8772e1
commit 24b1aa0100
1 changed files with 15 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
_includes/blog-list.njk
View file

@ -13,10 +13,22 @@
<div class="mx-2 bg-base dark:bg-base/85 rounded contrast-more:bg-crust shadow border-l-2 border-yellow"> <div class="mx-2 bg-base dark:bg-base/85 rounded contrast-more:bg-crust shadow border-l-2 border-yellow">
<div class="flex flex-col gap-4 p-4 sm:p-6 contrast-more:contrast-150"> <div class="flex flex-col gap-12 p-4 sm:p-6 contrast-more:contrast-150">
{%- for post in collections.posts | reverse -%} {%- for post in collections.posts | reverse -%}
<div> <div class="flex flex-col gap-1">
<a href="{{ post.url }}" class="link text-2xl">{{ post.data.title }}</a> <a href="{{ post.url }}" class="link text-2xl flex flex-col gap-2">
<h2 class="text-2xl order-last">{{ post.data.title }}</h2>
<div class="order-first bg-mauve rounded">
<img
class="
contrast-50 saturate-0 opacity-50
motion-safe:transition-all
"
src="{{ post.data.coverImage }}"
alt="{{ post.data.imageDescription }}"
/>
</div>
</a>
<p class="text-sm text-mauve"> <p class="text-sm text-mauve">
<time datetime="{{ post.data.date | date('YYYY-MM-DD') }}">{{ post.data.date | date }}</time> <time datetime="{{ post.data.date | date('YYYY-MM-DD') }}">{{ post.data.date | date }}</time>
</p> </p>