michalvankodev/michalvankodev-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

post_preview with footer

Browse Source
This commit is contained in:
Michal Vanko
2024-07-09 22:16:55 +02:00
parent 1e75744b7b
commit eed3644356
5 changed files with 54 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
axum_server/templates/components/post_preview.html
View File

@ -1,15 +1,23 @@
<article class="grid grid-rows-3 grid-flow-col gap-4">
<article class="grid grid-cols-[1fr_2fr] grid-flow-col gap-4">
<aside class="row-span-3">
<svg aria-hidden="true" class="h-12 w-12 fill-blue-950">
<use xlink:href="/svg/icons-sprite.svg#mail" />
</svg>
</aside>
<header>
<h3 class="text-lg font-medium mb-1">{{post.metadata.title}}</h3>
<h3 class="text-lg font-bold mb-1">{{post.metadata.title}}</h3>
</header>
<section class="text-sm leading-5 text-gray-800">{{post.body|description_filter|safe}}</section>
<footer>
Footrik
<section class="text-base leading-5 text-gray-800">{{post.body|description_filter|safe}}</section>
<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>
</footer>
</article>