From 33ad5815a727834ec80cc396e089fffeb594b61b Mon Sep 17 00:00:00 2001 From: Lee Cattarin Date: Wed, 29 Jul 2026 14:56:25 -0700 Subject: [PATCH] atom feed stylesheet --- css/feed.css | 30 ++++++++++++++ eleventy.config.js | 1 + src/meta/feed.xsl.njk | 93 +++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 124 insertions(+) create mode 100644 css/feed.css create mode 100644 src/meta/feed.xsl.njk diff --git a/css/feed.css b/css/feed.css new file mode 100644 index 00000000..fcba65e8 --- /dev/null +++ b/css/feed.css @@ -0,0 +1,30 @@ +main { + margin-bottom: 2rem; +} + +.rss-explainer { + background: var(--color-bg-alt); + padding: 1rem; + margin-block: 1rem; + border-radius: .5rem; +} + +.rss-explainer p { + margin: 0; +} + +.rss-explainer p + p { + margin-top: 1.25rem; +} + +.feed-url { + font-family: var(--font-family-code); + font-size: .9rem; + text-align: center; +} + +p:has(small) { + display: block; + margin: .25rem 0 0 .75rem; + color: var(--color-grey); +} diff --git a/eleventy.config.js b/eleventy.config.js index dc43307d..7e575612 100644 --- a/eleventy.config.js +++ b/eleventy.config.js @@ -66,6 +66,7 @@ export default async function(eleventyConfig) { eleventyConfig.addPlugin(feedPlugin, { type: "atom", // or "rss", "json" outputPath: "/feed.xml", + stylesheet: "/feed.xsl", collection: { name: "posts", // iterate over `collections.posts` limit: 10, // 0 means no limit diff --git a/src/meta/feed.xsl.njk b/src/meta/feed.xsl.njk new file mode 100644 index 00000000..c2047a17 --- /dev/null +++ b/src/meta/feed.xsl.njk @@ -0,0 +1,93 @@ +--- +permalink: feed.xsl +eleventyExcludeFromCollections: true +--- + + + + + + + + feed | <xsl:value-of select="atom:feed/atom:title"/> + + + + + + +
+
+

+ This is a web feed, also known as an RSS or Atom feed. Subscribe + by copying the URL below or from the address bar into your newsreader. +

+

https://leecat.art/feed.xml

+

+ Visit About Feeds to get started with newsreaders and subscribing. It’s free. +

+
+

+ + + + + + + + + + + + + + + + + + + feed preview: +

+

+

This preview only shows titles, but the actual feed contains the full content.

+

+ + + + Visit website → +

+

recent items

+ +
+ + + + +
+

+ + + + + + +

+

+ Published: +

+
+ +