Website Additions and Changes

This page documents larger changes to the website as well a somewhat more granular change log. In addition to helping me leave some bread crumbs and sharing what I've learned with others, it also allows me to give some credit to sources of help and code snippets.

I also documented some similar information in Setting Up a Digital Garden with Obsidian and Eleventy, which focuses a bit more on using Obsidian w/Eleventy.

Added margin notes using Nina Zuzumel's implementation. Have not tested extensively yet but looks good.

I am only adding them to posts for now, not notes --- but I may change that. I'd like to potentially use numbered notes (side notes) soon, but will use this as a base.

One example is in On Martha Silano's 'Is This My Last Ferry Trip?'. Another is in The Obligation Before Us.

I will tweak the display a bit further, but this was mostly plug and play with a few small changes.

This was surprisingly easy. I am relying on nothing other than the eleventy-plugin-rss plugin. I have two feeds currently, which correlate to my post and notes collections. I don't think I relied on much more than the plugin docs (but could be misremembering, I am adding this a few weeks after the fact).

There is still some work to do on the actual RSS formatting, but both feeds are functional. I'd like to see if I can also include not just new but recently edited items in the notes feed.

This process also inspired me to split my config file into separate modules to use via Eleventy's local plugin capabilities.

Following guidance from Reilly Spitzfaden's page about implementing webmentions, I've begun working on adding webmentions. All notes and posts have a link to my webmentions endpoint: https://webmention.io/nearerandfarther.com/webmention. I'll work on displaying webmentions soon.

I had already added a lastEdited field to my frontmatter that I use to populate metadata at the bottom of every note and post. I had not yet turned this into a proper collection.

Riffing on guidance from 11ty Rocks! and the official Collections API documentation, I came up with the following, first filtering to the lastEdited key, then sorting:

eleventyConfig.addCollection("lastEdited", function (collection) {
  return collection.getAll().filter((item) => item.data.lastEdited).sort(function (a, b) {
    return b.data.lastEdited - a.data.lastEdited; // sort by date - descending
  });
});

Added a tags index page by riffing on guidance provided at Lea Verou's blog.

See also: Setting Up a Digital Garden with Obsidian and Eleventy

• RSS:
  • Page formatting (esp. image size)
  • Possibly including recently-edited notes in notes feed
• Webmentions:
  • Displaying webmentions on relevant page
• Microblog:
  • Added functionality and index
  • Still working on some formatting for different item types
• Refactoring CSS from initial site development

2025.06.06. Began adding microblog ("OCC") section; began refactoring CSS by adding some custom properties.

2025.06.11.

• Added a section for recently edited notes to the front page, and made an index page for them.
• Added a tags index at /tags and rerouted individual tags pages to /tags directory.
• Adjusted permalinks to create a yyyy/mm URL structure for posts; created month and year index pages, following guidance from Lea Verou's blog.

2025.06.13.

• Added OOC index page and some starting items; added the index to navigation. Still tweaking and exploring but good start.
• Began moving some page metadata into partials.