michalvankodev-site/axum_server/templates/components/blog_post_preview.html

27 lines
1012 B
HTML
Raw Normal View History

2024-09-05 21:31:09 +02:00
<article class="grid grid-cols-[max-content_1fr] grid-flow-col gap-4">
2024-05-09 23:26:06 +02:00
<aside class="row-span-3">
2024-09-04 15:43:47 +02:00
{% match post.metadata.thumbnail %}
{% when Some with (orig_path) %}
2024-09-06 14:43:04 +02:00
{{ crate::picture_generator::picture_markup_generator::generate_picture_markup(orig_path, 180, 240, "Article thumbnail", true).unwrap()|safe }}
2024-09-04 15:43:47 +02:00
{% when None %}
<div> TODO default obrazok </div>
{% endmatch %}
2024-05-09 23:26:06 +02:00
</aside>
<header>
2024-09-12 15:00:20 +02:00
<h3 class="text-lg font-bold mb-1 md:text-3xl">{{post.metadata.title}}</h3>
2024-05-09 23:26:06 +02:00
</header>
2024-09-12 15:00:20 +02:00
<section class="text-base leading-5 text-gray-800 md:text-xl">{{post.body|description_filter|safe}}</section>
2024-07-09 22:16:55 +02:00
<footer class="text-sm">
<ul class="inline-block">
{% for tag in post.metadata.tags %}
<li class="inline-block">
<a href="/blog/tags/{{tag}}" class="text-pink-950 no-underline">#{{tag|capitalize}}</a>
</li>
{% endfor %}
</ul>
|
<time datetime="{{post.metadata.date}}" class="text-pink-950"> {{post.metadata.date|pretty_date}} </time>
2024-05-09 23:26:06 +02:00
</footer>
</article>