24 lines
1.1 KiB
Plaintext
24 lines
1.1 KiB
Plaintext
<section class="postlist">
|
|
{% if showPostListHeader %}<h2>Latest Posts</h2>{% endif %}
|
|
<div class="postlist-item-container">
|
|
{% for post in postslist | reverse %}
|
|
<article class="postlist-item{% if post.url == url %} postlist-item-active{% endif %}">
|
|
<a href="{{ post.url }}" class="postlist-link">
|
|
<div class="post-image-container">
|
|
<img class="post-image" {% if post.data.imageURL %} src="{{ post.data.imageURL }}" alt="{{ post.data.imageAlt }}" {% else %} src="{{ metadata.defaultPostImageURL }}" alt="{{ metadata.defaultPostImageAlt }}"{% endif %}>
|
|
</div>
|
|
</a>
|
|
<div class="post-copy">
|
|
<a href="{{ post.url }}" class="postlist-link">
|
|
<h3>
|
|
{% if post.data.title %}{{ post.data.title }}{% else %}<code>{{ post.url }}</code>{% endif %}
|
|
</h3>
|
|
</a>
|
|
<time class="postlist-date" datetime="{{ post.date | htmlDateString }}">{{ post.date | readableDate("LLLL yyyy") }}</time>
|
|
{% if post.data.synopsis %}<p>{{ post.data.synopsis | truncate(110) | safe }}</p>{% else %}{{ post.content | truncate(140) | safe }}{% endif %}
|
|
</div>
|
|
</article>
|
|
{% endfor %}
|
|
</div>
|
|
</section>
|