wonderfulfrog/wonderfulfrog.com
1
0
Fork 0
Code Issues Pull requests Activity Actions

feat: update posts layout

Browse source
This commit is contained in:
Devin Haska 2024-02-23 15:06:27 -08:00
parent ba4cb202e9
commit c91588b5a3
4 changed files with 28 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/_includes/macros/posts.njk
View file

@ -1,12 +1,12 @@
{% macro list(posts) %}
<ul class="[ flow list-none m-0 p-0 flow-space-0.5 ]">
<ul class="[ posts-list ] [ flow list-none m-0 p-0 flow-space-0.5 ]">
{% for post in posts %}
<li class="[ flex flex-wrap column-gap-1 row-gap-0 ]">
<div>
<a href="{{ post.url }}">{{ post.data.title }}</a>
</div>
<div class="[ text-fadeText font-size-s ]">{{ post.data.excerpt }}</div>
<div class="[ bg-surface radius-0.5 px-0.5 text-primary font-size-s ]">{{ post.data.date | formatDate("MM/DD/YYYY") }}</div>
<li class="[ posts-list-item ]">
<div>
<a class="[ flex line-height-l ]" href="{{ post.url }}">{{ post.data.title }}</a>
<div class="[ text-fadeText font-size-s line-height-m ]">{{ post.data.excerpt }}</div>
</div>
<div class="[ text-fadeText line-height-m flex items-center ]">{{ post.data.date | formatDate("MM/DD") }}</div>
</li>
{% endfor %}
</ul>