Files
itsonus-blog/src/_components/articlesList.njk
2022-11-20 16:43:13 +01:00

27 lines
1.1 KiB
Plaintext

<div class="post-list">
{% for article in articlesList | reverse %}
<article class="post-list-item">
<header class="post-list-header">
<h2>
<a href="{{ article.url }}" class="post-list-link">{% if article.data.title %}{{ article.data.title }}{% else %}<code>{{ article.url }}</code>{% endif %}</a>
</h2>
<div class="post-metadata">
<div>
Le <time datetime="{{ article.data.date | htmlDateString }}">{{ article.data.date | readableDate }}</time> {{ article.data.authors | readableAuthors }}
</div>
<ul class="post-tags">
{%- for tag in article.data.tags | filterTagList %}
{%- set tagUrl %}/blog/tags/{{ tag | slugify }}/{% endset %}
<li class="post-tag"><a href="{{ tagUrl }}">#{{ tag }}</a>{%- if not loop.last %} {% endif %}</li>
{%- endfor %}
</ul>
</div>
</header>
<p>{{ article.data.description }}</p>
<footer class="post-list-footer">
<a href="{{ article.url }}">Lire la suite</a>
</footer>
</article>
{% endfor %}
</div>