joshua/joshua.seigler.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

rss for every category

Browse source
This commit is contained in:
Joshua Seigler 2025-07-02 02:10:05 -04:00
parent cd6347f8c2
commit 0dde8aff3d
12 changed files with 90 additions and 88 deletions
Download patch file Download diff file Expand all files Collapse all files

7
assets/icons/rss.svg Normal file
View file

@ -0,0 +1,7 @@
<!-- License: MIT. Made by edent: https://github.com/edent/SuperTinyIcons -->
<svg xmlns="http://www.w3.org/2000/svg"
aria-label="RSS" role="img"
viewBox="0 0 512 512"><rect
width="512" height="512"
rx="15%"
fill="transparent"/><circle cx="145" cy="367" r="35" fill="#fff"/><path fill="none" stroke="#fff" stroke-width="60" d="M109 241c89 0 162 73 162 162m114 0c0-152-124-276-276-276"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 392 B

55
assets/rss.xsl
View file

@ -1,55 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" />
<xsl:template match="/">
<html>
<head>
<style>
body {
font-family: "Inter",sans-serif;
font-size: 14px;
font-weight: 300;
color: hsl(217 17% 21%);
max-width: 1024px;
margin: 20px auto;
padding: 15px;
}
img {
float: right;
height: 40px;
margin: 12px 0;
}
a {
color: #4a66b9;
text-decoration: none;
}
</style>
</head>
<body>
<xsl:element name="img">
<xsl:attribute name="src">
<xsl:value-of select="//channel/image/url" />
</xsl:attribute>
</xsl:element>
<h1>
<xsl:value-of select="//channel/title" />
</h1>
<hr />
<xsl:apply-templates select="//item" />
</body>
</html>
</xsl:template>
<xsl:template match="item">
<content-item>
<h2>
<a href="{link}">
<xsl:value-of select="title" />
</a>
</h2>
<p>
<xsl:value-of select="description" />
</p>
</content-item>
</xsl:template>
</xsl:stylesheet>

1
assets/simple-atom.css Normal file
View file

File diff suppressed because one or more lines are too long

4
assets/simple-atom.xslt
View file

@ -9,11 +9,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="referrer" content="unsafe-url" /> <meta name="referrer" content="unsafe-url" />
<title><xsl:value-of select="/atom:feed/atom:title"/></title> <title><xsl:value-of select="/atom:feed/atom:title"/></title>
<link rel="stylesheet" href="https://www.rss.style/css/water.min.css" /> <link rel="stylesheet" href="/simple-atom.css" />
</head> </head>
<body> <body>
<h1> <h1>
<img alt="feed icon" src="https://www.vectorlogo.zone/logos/rss/rss-tile.svg" style="height:1em;vertical-align:middle;" />&#xa0; <img alt="feed icon" src="/icons/rss.svg" style="height:1em;vertical-align:middle;" />&#xa0;
<xsl:value-of select="/atom:feed/atom:title"/> <xsl:value-of select="/atom:feed/atom:title"/>
</h1> </h1>

24
eleventy.config.js
View file

@ -11,7 +11,7 @@ import utc from "dayjs/plugin/utc.js"
import site from "./site/_data/site.js" import site from "./site/_data/site.js"
import clean from "eleventy-plugin-clean" import clean from "eleventy-plugin-clean"
import toc from "eleventy-plugin-toc" import toc from "eleventy-plugin-toc"
import { feedPlugin as EleventyFeedPlugin } from "@11ty/eleventy-plugin-rss" import EleventyFeedPlugin from "@11ty/eleventy-plugin-rss"
import EleventyVitePlugin from "@11ty/eleventy-plugin-vite" import EleventyVitePlugin from "@11ty/eleventy-plugin-vite"
import { ViteMinifyPlugin } from "vite-plugin-minify" import { ViteMinifyPlugin } from "vite-plugin-minify"
import { execSync } from "child_process" import { execSync } from "child_process"
@ -112,7 +112,7 @@ export default async (config) => {
) )
}) })
config.addCollection("webroll", fetchShaarliWebroll) config.addCollection("links", fetchShaarliWebroll)
config.addFilter("toISOString", (dateString) => { config.addFilter("toISOString", (dateString) => {
return new Date(dateString).toISOString() return new Date(dateString).toISOString()
@ -129,25 +129,7 @@ export default async (config) => {
const buildTime = new Date().toISOString().replace(/[:.-]/g, "") const buildTime = new Date().toISOString().replace(/[:.-]/g, "")
config.addGlobalData("buildTime", buildTime) config.addGlobalData("buildTime", buildTime)
config.addPlugin(EleventyFeedPlugin, { config.addPlugin(EleventyFeedPlugin)
type: "atom", // "atom", ""rss", or "json"
outputPath: "/feed.xml",
collection: {
name: "posts", // iterate over `collections.posts`
limit: 0, // 0 means no limit
},
metadata: {
language: "en",
title: site.title,
subtitle: site.description,
base: site.baseUrl,
author: {
name: "Joshua Seigler",
// email: "", // Optional
},
},
stylesheet: "/simple-atom.xslt",
})
config.addPlugin(EleventyVitePlugin, { config.addPlugin(EleventyVitePlugin, {
viteOptions: { viteOptions: {

4
site/_data/site.js
View file

@ -1,9 +1,11 @@
const isDev = process.env.ELEVENTY_ENV === "development"; const isDev = process.env.ELEVENTY_ENV === "development";
const baseUrl = isDev ? "http://localhost:8080" : "https://joshua.seigler.net"; const baseUrl = isDev ? "http://localhost:8080/" : "https://joshua.seigler.net/";
export default { export default {
language: "en-US",
title: "joshua.seigler.net", title: "joshua.seigler.net",
description: "Personal homepage of Joshua Seigler", description: "Personal homepage of Joshua Seigler",
baseUrl, baseUrl,
author: "Joshua Seigler",
}; };

4
site/_includes/-header.njk
View file

@ -19,10 +19,10 @@
{%- if cover %} {%- if cover %}
<div class="cover"> <div class="cover">
<img src="{{ cover | url }}" alt="" loading="eager"> <img src="{{ cover | url }}" alt="" loading="eager">
<h1>{{ title }}</h1> <h1>{{ title }}{% if rssUrl %}<a class="rss" href="{{rssUrl}}"></a>{% endif %}</h1>
</div> </div>
{%- else %} {%- else %}
<h1>{{ title }}</h1> <h1>{{ title }}{% if rssUrl %}<a class="rss" href="{{rssUrl}}"></a>{% endif %}</h1>
{%- endif %} {%- endif %}
<div class="header-meta"> <div class="header-meta">
{%- if date and not omitMetadata -%} {%- if date and not omitMetadata -%}

15
site/_includes/collection.njk
View file

@ -1,7 +1,17 @@
--- ---
layout: "base.njk" layout: "base.njk"
eleventyComputed: eleventyComputed:
title: "{{ page.fileSlug | capitalize }}" tag: "{{ page.fileSlug }}"
title: "{{ tag | capitalize }}"
rssUrl: "
{%- if tag == 'posts' -%}
/feed.xml
{%- else -%}
{%- if tag != 'music' -%}
/feeds/{{tag}}
{%- endif -%}
{%- endif -%}
"
--- ---
{%- from "components/collectionList.njk" import collectionList with context -%} {%- from "components/collectionList.njk" import collectionList with context -%}
@ -9,11 +19,10 @@ eleventyComputed:
<section data-pagefind-body> <section data-pagefind-body>
{{ content | safe }} {{ content | safe }}
</section> </section>
{% set tag = page.fileSlug %}
{% if collections[tag] %} {% if collections[tag] %}
{% if tag === "posts" %} {% if tag === "posts" %}
{% include "-taglist.njk" %} {% include "-taglist.njk" %}
{% endif %} {% endif %}
{{ collectionList(tag) }} {{ collectionList(tag) }}
{% endif %} {% endif %}
</main> </main>

15
site/_includes/css/site.css
View file

@ -515,6 +515,21 @@ h4 {
h1 { h1 {
margin-bottom: 0; margin-bottom: 0;
} }
a.rss {
float: right;
height: 1lh;
width: 1lh;
margin: 0 0 0 0.5rem;
--glowColor: #F80A;
background: url("/icons/rss.svg");
border-radius: 0.25em;
opacity: 0.25;
transition: 5s opacity;
&:hover {
opacity: 1;
transition: none;
}
}
.header-meta { .header-meta {
font-size: var(--s-1); font-size: var(--s-1);
> * + *:not(:empty)::before { > * + *:not(:empty)::before {

40
site/feed.njk Normal file
View file

@ -0,0 +1,40 @@
---
eleventyExcludeFromCollections: true
pagination:
data: collections
size: 1
alias: tag
filter:
- all
- pages
- links
- timeline
eleventyComputed:
finalLink: "{% if tag == 'posts' %}feed.xml{% else %}feeds/{{tag | slugify}}.xml{% endif %}"
permalink: "/assets/{{finalLink}}"
---
<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="/simple-atom.xslt"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="{{ site.language }}">
<title>{{ site.title }} - {{ tag }}</title>
<subtitle>{{ collections.pages[tag].data.description or site.description }}</subtitle>
<link href="{{ site.baseUrl }}{{ finalLink }}" rel="self" />
<link href="{{ site.baseUrl | addPathPrefixToFullUrl }}" />
<updated>{{ collections.posts | getNewestCollectionItemDate | dateToRfc3339 }}</updated>
<id>{{ site.baseUrl | addPathPrefixToFullUrl }}</id>
<author>
<name>{{ site.author.name }}</name>
</author>
{%- for entry in collections[tag] | reverse %}
{%- if entry.url and entry.date -%}
{%- set absolutePostUrl %}{{ entry.url | htmlBaseUrl(site.baseUrl) }}{% endset %}
<entry>
<title>{{ entry.data.title }}</title>
<link href="{{ absolutePostUrl }}" />
<updated>{{ entry.date | dateToRfc3339 }}</updated>
<id>{{ absolutePostUrl }}</id>
<content type="html">{{ entry.content | renderTransforms(entry.data.page, site.baseUrl) }}</content>
</entry>
{%- endif -%}
{%- endfor %}
</feed>

2
site/pages/links.njk
View file

@ -7,7 +7,7 @@ useTitle: true
<main> <main>
<section data-pagefind-body> <section data-pagefind-body>
<ul class="collection"> <ul class="collection">
{%- for item in collections.webroll -%} {%- for item in collections.links -%}
<li> <li>
<a href="{{item.url}}">{{item.data.title}}</a> <a href="{{item.url}}">{{item.data.title}}</a>
{%- if item.data.date -%} {%- if item.data.date -%}

7
site/pages/tag.njk
View file

@ -1,7 +1,5 @@
--- ---
layout: "base.njk" layout: "base.njk"
eleventyComputed:
title: "Posts tagged #{{ tag }}"
pagination: pagination:
data: collections data: collections
size: 1 size: 1
@ -10,8 +8,11 @@ pagination:
- posts - posts
- recipes - recipes
- timeline - timeline
permalink: /tags/{{ tag | slugify }}/
useTitle: true useTitle: true
eleventyComputed:
title: "Posts tagged #{{ tag }}"
permalink: /tags/{{ tag | slugify }}/
rssUrl: /feeds/{{ tag | slugify }}.xml
--- ---
{%- from "components/collectionList.njk" import collectionList with context -%} {%- from "components/collectionList.njk" import collectionList with context -%}
<main> <main>