{% 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 %}