n_u/nathanupchurch.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor /now to use built in postslist include

Browse Source
This commit is contained in:
Nathan Upchurch 2024-04-13 21:49:58 -05:00
parent a6bd281946
commit 59484d8363
2 changed files with 8 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
content/now.njk
View File

@ -3,13 +3,7 @@ layout: layouts/base.njk
eleventyNavigation: eleventyNavigation:
key: Now key: Now
order: 4 order: 4
numberOfLatestPostsToShow: 4
--- ---
{% set postsCount = collections.now | length %}
{% set latestPostsCount = postsCount | min(numberOfLatestPostsToShow) %}
{% set postslist = collections.now | head(-1 * numberOfLatestPostsToShow) %}
{% set postslistCounter = postsCount %}
{% set morePosts = postsCount - numberOfLatestPostsToShow %}
<article> <article>
<h1>Now: What’s Been Going on Lately?</h1> <h1>Now: What’s Been Going on Lately?</h1>
{% set now = collections.now | last %} {% set now = collections.now | last %}
@ -18,35 +12,11 @@ numberOfLatestPostsToShow: 4
<p class="metadata">Updated: {{ now.date | readableDate }} |&nbsp;<a href="https://nownownow.com/about">What is a now page?</a></p> <p class="metadata">Updated: {{ now.date | readableDate }} |&nbsp;<a href="https://nownownow.com/about">What is a now page?</a></p>
</article> </article>
{% set postsCount = collections.now | removeMostRecent | length %}
{% if postsCount > 1 %} {% if postsCount > 1 %}
<h2>Previous Entries:</h2> <h2>Previous Entries:</h2>
<section class="postlist"> {% set postslist = collections.now | removeMostRecent %}
<div class="postlist-item-container"> {% set showPostListHeader = false %}
{% for post in postslist | reverse %} {% include "postslist.njk" %}
{% if post.data.title != now.data.title %}
<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(150) | safe }}</p>{% else %}{{ post.content | truncate(150) | safe }}{% endif %}
</div>
</article>
{% endif %}
{% endfor %}
</div>
{% if morePosts > 0 %}
<a href="/tags/now"><p>See {{ morePosts }} more post{% if morePosts != 1 %}s{% endif %}</a>.</p>
{% endif %} {% endif %}
</section>
{% endif %}

4
eleventy.config.js
View File

@ -54,6 +54,10 @@ module.exports = eleventyConfig => {
return DateTime.fromJSDate(dateObj, { zone: 'utc' }).toFormat('yyyy-LL-dd'); return DateTime.fromJSDate(dateObj, { zone: 'utc' }).toFormat('yyyy-LL-dd');
}); });
eleventyConfig.addFilter("removeMostRecent", arr => {
return arr.slice(0, arr.length-1);
});
// Shortcodes // Shortcodes
eleventyConfig.addNunjucksFilter("cowsay", cowText => { eleventyConfig.addNunjucksFilter("cowsay", cowText => {
const cowCaptionReplacementTable = [ const cowCaptionReplacementTable = [