63 lines
2.7 KiB
Plaintext
63 lines
2.7 KiB
Plaintext
{% if collections.posts %}
|
|
{% set previousPost = collections.posts | getPreviousCollectionItem %}
|
|
{% set nextPost = collections.posts | getNextCollectionItem %}
|
|
{% if nextPost or previousPost %}
|
|
<section class="links-nextprev">
|
|
<h2>Read Next</h2>
|
|
<div class="postlist-item-container">
|
|
{% if previousPost %}
|
|
<article class="postlist-item{% if post.url == url %} postlist-item-active{% endif %}">
|
|
<a href="{{ previousPost.url }}" class="postlist-link">
|
|
<div class="post-image-container">
|
|
<img class="post-image" {% if previousPost.data.imageURL %} src="{{ previousPost.data.imageURL }}" alt="{{ previousPost.data.imageAlt }}" {% else %} src="{{ metadata.defaultPostImageURL }}" alt="{{ metadata.defaultPostImageAlt }}"{% endif %}>
|
|
</div>
|
|
</a>
|
|
<div class="post-copy">
|
|
<a href="{{ previousPost.url }}" class="postlist-link">
|
|
<p>Previous Article:</p>
|
|
<h3>
|
|
{% if previousPost.data.title %}{{ previousPost.data.title }}{% else %}<code>{{ previousPost.url }}</code>{% endif %}
|
|
</h3>
|
|
</a>
|
|
<time class="postlist-date" datetime="{{ previousPost.date | htmlDateString }}">{{ previousPost.date | readableDate("LLLL yyyy") }}</time>
|
|
{% if previousPost.data.synopsis %}
|
|
<p>{{ previousPost.data.synopsis | truncate(105) | safe }}</p>
|
|
{% else %}
|
|
<p>{{ previousPost.content | truncate(105) | safe }}</p>
|
|
{% endif %}
|
|
</div>
|
|
</article>
|
|
{% if not nextPost %}
|
|
</div>
|
|
</section>
|
|
{% endif %}
|
|
{% endif %}
|
|
|
|
{% if nextPost %}
|
|
<article class="postlist-item{% if post.url == url %} postlist-item-active{% endif %}">
|
|
<a href="{{ nextPost.url }}" class="postlist-link">
|
|
<div class="post-image-container">
|
|
<img class="post-image" {% if nextPost.data.imageURL %} src="{{ nextPost.data.imageURL }}" alt="{{ nextPost.data.imageAlt }}" {% else %} src="{{ metadata.defaultPostImageURL }}" alt="{{ metadata.defaultPostImageAlt }}"{% endif %}>
|
|
</div>
|
|
</a>
|
|
<div class="post-copy">
|
|
<a href="{{ nextPost.url }}" class="postlist-link">
|
|
<p>Next Article:</p>
|
|
<h3>
|
|
{% if nextPost.data.title %}{{ nextPost.data.title }}{% else %}<code>{{ nextPost.url }}</code>{% endif %}
|
|
</h3>
|
|
</a>
|
|
<time class="postlist-date" datetime="{{ nextPost.date | htmlDateString }}">{{ nextPost.date | readableDate("LLLL yyyy") }}</time>
|
|
{% if nextPost.data.synopsis %}
|
|
<p>{{ nextPost.data.synopsis | truncate(105) | safe }}</p>
|
|
{% else %}
|
|
<p>{{ nextPost.content | truncate(105) | safe }}</p>
|
|
{% endif %}
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
{% endif %}
|
|
{% endif %}
|
|
{% endif %}
|