Feature: thinking — zaphod beeblebrox

eleventy.config.js

@@ -19,6 +19,7 @@ import timeToRead  from "eleventy-plugin-time-to-read";
 import embedEverything from "eleventy-plugin-embed-everything";
 import env from "./src/_data/env.js";
 import { minify } from "html-minifier-terser";
+import slugify from "slugify";
 
 import path from 'path';
 
@@ -35,16 +36,16 @@ export default async function(eleventyConfig) {
   eleventyConfig.addFilter("debug", (content) => `<pre>${inspect(content)}</pre>`);
   eleventyConfig.addPlugin(eleventyImageOnRequestDuringServePlugin);
   eleventyConfig.addPlugin(EleventyHtmlBasePlugin, {
-		// The base URL: defaults to Path Prefix
-		// baseHref: eleventyConfig.pathPrefix,
+    // The base URL: defaults to Path Prefix
+    // baseHref: eleventyConfig.pathPrefix,
 
-		// But you could use a full URL here too:
-		// baseHref: env.baseUrl,
+    // But you could use a full URL here too:
+    // baseHref: env.baseUrl,
 
-		// Comma separated list of output file extensions to apply
-		// our transform to. Use `false` to opt-out of the transform.
-		extensions: "html",
-	});
+    // Comma separated list of output file extensions to apply
+    // our transform to. Use `false` to opt-out of the transform.
+    extensions: "html",
+  });
 
   // Return active path attributes
   eleventyConfig.addShortcode('activepath', function (itemUrl, currentUrl) {
@@ -58,40 +59,40 @@ export default async function(eleventyConfig) {
   });
 
   eleventyConfig.addPlugin(eleventyImageTransformPlugin, {
-		// which file extensions to process
-		extensions: "html",
+    // which file extensions to process
+    extensions: "html",
 
-		// Add any other Image utility options here:
+    // Add any other Image utility options here:
 
-		// optional, output image formats
-		formats: ["webp", "jpeg"],
-		// formats: ["auto"],
+    // optional, output image formats
+    formats: ["webp", "jpeg"],
+    // formats: ["auto"],
 
-		// optional, output image widths
-		widths: [800, 500, 300],
+    // optional, output image widths
+    widths: [1980, 1200, 800, 500, 300],
 
     urlPath: "/static/img/",
     outputDir: "./_site/static/img/",
 
-		// optional, attributes assigned on <img> override these values.
-		defaultAttributes: {
-			loading: "lazy",
-			decoding: "async",
-			sizes: "auto",
-		},
+    // optional, attributes assigned on <img> override these values.
+    defaultAttributes: {
+      loading: "lazy",
+      decoding: "async",
+      sizes: "auto",
+    },
 
     filenameFormat: (id, src, width, format) => {
       const { name } = path.parse(src);
       return `${name}-${width}w.${format}`;
     },
-	});
+  });
 
   // Return responsive images
   eleventyConfig.addShortcode("image", async function(src, alt, cls = [], pictureCls = "", sizes = "auto", widths = [300, 600, 1000, 1980]) {
-		if(alt === undefined) {
-			// You bet we throw an error on missing alt (alt="" works okay)
-			throw new Error(`Missing \`alt\` on responsiveimage from: ${src}`);
-		}
+    if(alt === undefined) {
+      // You bet we throw an error on missing alt (alt="" works okay)
+      throw new Error(`Missing \`alt\` on responsiveimage from: ${src}`);
+    }
 
     let imgClass = cls.length ? cls.map(s => `.${s}`).join(' ') : '';
 
@@ -100,7 +101,7 @@ export default async function(eleventyConfig) {
     content = markdownLibrary.renderInline(content);
 
     return content;
-	});
+  });
 
     // // Collection of items promotoed
     // eleventyConfig.addCollection('promotedContent', (collection) => {
@@ -166,19 +167,19 @@ export default async function(eleventyConfig) {
 
   // Minify HTML
   eleventyConfig.addTransform("htmlmin", function (content) {
-		if ((this.page.outputPath || "").endsWith(".html")) {
-			let minified = minify(content, {
-				useShortDoctype: true,
-				removeComments: true,
-				collapseWhitespace: true,
-			});
-
-			return minified;
-		}
+    if ((this.page.outputPath || "").endsWith(".html")) {
+      let minified = minify(content, {
+        useShortDoctype: true,
+        removeComments: true,
+        collapseWhitespace: true,
+      });
+
+      return minified;
+    }
 
-		// If not an HTML output, return content as-is
-		return content;
-	});
+    // If not an HTML output, return content as-is
+    return content;
+  });
 
   // Check a string starts with a character.
   eleventyConfig.addFilter('starts_with', function(str, prefix, not = false) {
@@ -202,30 +203,46 @@ export default async function(eleventyConfig) {
     return typeof obj == 'string'
   });
 
+  eleventyConfig.addFilter("isTag", (str, tag) => {
+    return str === tag;
+  });
+
   eleventyConfig.addFilter("readableDate", (dateObj, format, zone) => {
-		// Formatting tokens for Luxon: https://moment.github.io/luxon/#/formatting?id=table-of-tokens
-		return DateTime.fromJSDate(dateObj, { zone: zone || "utc" }).toFormat(format || "dd LLLL yyyy");
-	});
-
-	eleventyConfig.addFilter('htmlDateString', (dateObj) => {
-		// dateObj input: https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#valid-date-string
-		return DateTime.fromJSDate(dateObj, {zone: 'utc'}).toFormat('yyyy-LL-dd');
-	});
-
-	// Return all the tags used in a collection
-	eleventyConfig.addFilter("getAllTags", collection => {
-		let tagSet = new Set();
-		for(let item of collection) {
-			(item.data.tags || []).forEach(tag => tagSet.add(tag));
-		}
-		 let tsArray = Array.from(tagSet);
+    // Formatting tokens for Luxon: https://moment.github.io/luxon/#/formatting?id=table-of-tokens
+    return DateTime.fromJSDate(dateObj, { zone: zone || "utc" }).toFormat(format || "dd LLLL yyyy");
+  });
+
+  eleventyConfig.addFilter('htmlDateString', (dateObj) => {
+    // dateObj input: https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#valid-date-string
+    return DateTime.fromJSDate(dateObj, {zone: 'utc'}).toFormat('yyyy-LL-dd');
+  });
+
+  // Return all the tags used in a collection
+  eleventyConfig.addFilter("getAllTags", collection => {
+    let tagSet = new Set();
+    for(let item of collection) {
+      (item.data.tags || []).forEach(tag => tagSet.add(tag));
+    }
+     let tsArray = Array.from(tagSet);
      return tsArray.sort();
-	});
+  });
 
-	eleventyConfig.addFilter("filterTagList", function filterTagList(tags) {
-		return (tags || []).filter(tag => ['all', 'nav', 'rss', '#reading', '#writing', '#thinking', 'Reading', 'Thinking', 'promotedContent', 'footerNav', 'footerSecondaryNav', 'mainNav', 'allContent', 'reading', 'writing', 'thinking'].indexOf(tag) === -1);
-	});
+  eleventyConfig.addFilter("filterTagList", function filterTagList(tags) {
+    return (tags || []).filter(tag => ['all', 'nav', 'rss', '#reading', '#writing', '#thinking', '#reading-library', 'Reading', 'Thinking', 'promotedContent', 'footerNav', 'footerSecondaryNav', 'mainNav', 'allContent', 'reading', 'writing', 'thinking'].indexOf(tag) === -1);
+  });
+
+  // Custom slug filter
+  eleventyConfig.addFilter("slug", (str) => {
+    if (!str) {
+      return;
+    }
 
+    return slugify(str, {
+      lower: true,
+      strict: true,
+      remove: /[']/g,
+    });
+  });
 
   // Sort footer menu items by 'order' field
   eleventyConfig.addCollection('footerNav', (collection) => {
@@ -278,6 +295,12 @@ export default async function(eleventyConfig) {
     return sortByDate(nav).reverse();
   });
 
+  // Sort reading old books pieces by 'order' field
+  eleventyConfig.addCollection('readingLibrary', (collection) => {
+    var nav = collection.getFilteredByTag('#reading-library');
+    return sortByDate(nav).reverse();
+  });
+
   // Sort thinking pieces by 'order' field
   eleventyConfig.addCollection('thinking', (collection) => {
     var nav = collection.getFilteredByTag('#thinking');
@@ -319,50 +342,50 @@ export default async function(eleventyConfig) {
   }
 
   async function getPictureMarkup(src, alt, cls, pictureCls = "", sizes = "(min-width: 30em) 50vw, 100vw", widths = [300, 600, 1000, 1980]) {
-		if(alt === undefined) {
-			// You bet we throw an error on missing alt (alt="" works okay)
-			throw new Error(`Missing \`alt\` on responsiveimage from: ${src}`);
-		}
-
-		let metadata = await Image(src, {
-			widths: widths,
-			formats: ['webp', 'jpeg'],
+    if(alt === undefined) {
+      // You bet we throw an error on missing alt (alt="" works okay)
+      throw new Error(`Missing \`alt\` on responsiveimage from: ${src}`);
+    }
+
+    let metadata = await Image(src, {
+      widths: widths,
+      formats: ['webp', 'jpeg'],
       urlPath: "/static/img/",
       outputDir: "./_site/static/img/"
-		});
-
-		let lowsrc = metadata.jpeg[0];
-		let highsrc = metadata.jpeg[metadata.jpeg.length - 1];
-
-		return `<picture class="${pictureCls}">
-			${Object.values(metadata).map(imageFormat => {
-				return `  <source type="${imageFormat[0].sourceType}" srcset="${imageFormat.map(entry => entry.srcset).join(", ")}" sizes="${sizes}">`;
-			}).join("\n")}
-				<img
-					src="${lowsrc.url}"
-					width="${highsrc.width}"
-					height="${highsrc.height}"
+    });
+
+    let lowsrc = metadata.jpeg[0];
+    let highsrc = metadata.jpeg[metadata.jpeg.length - 1];
+
+    return `<picture class="${pictureCls}">
+      ${Object.values(metadata).map(imageFormat => {
+        return `  <source type="${imageFormat[0].sourceType}" srcset="${imageFormat.map(entry => entry.srcset).join(", ")}" sizes="${sizes}">`;
+      }).join("\n")}
+        <img
+          src="${lowsrc.url}"
+          width="${highsrc.width}"
+          height="${highsrc.height}"
           class="${cls}"
-					alt="${alt}"
-					loading="lazy"
-					decoding="async">
-			</picture>`;
-	};
+          alt="${alt}"
+          loading="lazy"
+          decoding="async">
+      </picture>`;
+  };
 
   async function getPictureData(src, widths = [300, 600, 1000, 1980]) {
     let metadata = await Image('./pages' + src, {
-			returnType: 'object',
+      returnType: 'object',
       widths: widths,
-			formats: ['jpeg'],
+      formats: ['jpeg'],
       urlPath: "/static/img/",
       outputDir: "./_site/static/img/"
-		});
+    });
     return metadata;
   };
 
-  eleventyConfig.addPairedShortcode("ImgFigure", function(content, caption = false, classes, md = true) {
+  eleventyConfig.addPairedShortcode("ImgFigure", function(content, caption = false, classes = [], md = true) {
     if (caption) {
-      caption = '<figcaption>' + caption + '</figcaption>';
+      caption = '<figcaption>' + (md ? markdownLibrary.renderInline(caption) : caption) + '</figcaption>';
     }
     return '<figure' + (classes.length ? ' class="' + (classes instanceof Array ? classes.join(" ") : classes) + '"' : '') + '>' + (md ? markdownLibrary.renderInline(content) : content) + (caption ? caption : '') +'</figure>';
   });
@@ -379,12 +402,12 @@ export default async function(eleventyConfig) {
       symbol: "#",
       level: [1,2,3,4],
     }),
-    slugify: eleventyConfig.getFilter("slug")
+    slugify: eleventyConfig.getFilter("slugify")
   }).use(markdownItAttrs).use(markdownItSmall);
   eleventyConfig.setLibrary("md", markdownLibrary);
 
-  eleventyConfig.addFilter("markdown", (content) => {
-    return markdownLibrary.render(content);
+  eleventyConfig.addFilter("markdown", (content, ril = false) => {
+    return ril ? markdownLibrary.renderInline(content) : markdownLibrary.render(content);
   });
 
   eleventyConfig.addPairedShortcode("Markdown", function(content, ril = false) {

pages/index.md

@@ -2,7 +2,7 @@
 title: Joe Baker
 description: My writer's journal, for my writing projects, as well as the reading and thinking that support them.
 pageTitle: Writer
-date: 2026-01-25T12:34:21Z
+date: 2026-02-08T13:20:21Z
 eleventyNavigation:
   key: Home
 layout: home.njk
@@ -17,3 +17,12 @@ pagination:
 ---
 
 My writer's journal, for my [writing](/writing){.light} projects, as well as the [reading](/reading){.light} and [thinking](/thinking){.light} that support them.
+
+---{.margin-block-start-vlg}
+
+**And also …**{.bold} Yeah, sure, there’s plenty of new books, but do you ever read old books?
+{.margin-block-start-vlg}
+
+Welcome to [Dr B's Library](/library/){.light .single-meta-forward .bold}
+
+Let's pick one off the shelf.

pages/library/index.md

@@ -0,0 +1,27 @@
+---
+title: Dr B's Library
+description: |
+  Yeah, sure, there’s plenty of new books, but do you ever read old books?
+
+  Let's pick one off the shelf.
+date: 2026-02-06T11:39:24Z
+layout: list-library.njk
+hideDescriptions: true
+promoted: false
+eleventyNavigation:
+  key: Dr B's Library
+  order: 4
+pagination:
+  data: collections.readingLibrary
+  size: 11
+  alias: items
+pageClass: "site-content--surface-dark site-content--surface-rose"
+indexListClass: "site-content--surface-dark site-content--surface-rose"
+tags:
+  '#reading'
+order: -10
+image:
+  social: /static/images/oldbooks/pexels-tima-miroshnichenko-9572619.jpg
+redirectFrom:
+  - /reading/old-books/
+---