feat: book counts

config/filters/index.js

@@ -225,6 +225,13 @@ export default {
     const dateB = DateTime.fromISO(b.dateAdded)
     return dateB - dateA
   }),
+  currentBookCount: (books) => {
+    const year = DateTime.now().year
+    return books.filter(book => {
+      if (book.status === 'finished' && book.dateAdded) return parseInt(book.dateAdded.split('-')[0]) === year
+      return ''
+    }).length
+  },
 
     // tags
   filterTags: (tags) => {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "13.6.4",
+  "version": "13.6.5",
   "description": "The source for my personal site. Built using 11ty.",
   "type": "module",
   "scripts": {

src/_includes/book-year.liquid

@@ -5,6 +5,6 @@ layout: default
 <p><a class="link-arrow flex-centered" href="/books">{% tablericon "arrow-left" "Go back" %} Go back</a></p>
 <h2 class="page-header">{{ title }}</h2>
 {{ content }}
-<p><strong>Books finished:</strong> {{ bookData.size }}
+<p>I finished <strong class="highlight-text">{{ bookData.size }} books</strong> in {{ year }}</p>
 <hr class="large-spacing" />
 {% render "partials/now/media-grid.liquid", data:bookData, shape: "vertical", count: 200, loading: "eager" %}

src/pages/books/index.html

@@ -4,9 +4,11 @@ layout: default
 permalink: "/books/index.html"
 ---
 {%- assign bookData = books | bookStatus: 'started' | reverse -%}
+{%- assign currentBookCount = books | currentBookCount -%}
 <h2 class="page-header">Currently reading</h2>
 {% render "partials/banners/rss.liquid", url: "https://feedpress.me/coryd-books", text: "Subscribe to my books feed or follow along on this page" %}
 <p>Here's what I'm reading at the moment. <a href="/books/want-to-read/">You can also take a look at what I'm planning to read (eventually).</a></p>
+<p>I've finished <strong class="highlight-text">{{ currentBookCount }} books</strong> this year.</p>
 <p><a href="/books/years/2024">2024</a> • <a href="/books/years/2023">2023</a> • <a href="/books/years/2022">2022</a> • <a href="/books/years/2021">2021</a> • <a href="/books/years/2020">2020</a></p>
 <hr class="large-spacing" />
 {% for book in bookData %}