Fix xsl error

How dare I try to use an <hr>?!

_data/galleries.js

@@ -245,4 +245,119 @@ export default [
 			},
 		],
 	},
+	{
+		title: "Shots from April 2024",
+		description:
+			"Sol and I went out for a walk down the street with a couple of cameras.",
+		synopsis:
+			"Sol and I went out for a walk down the street with a couple of cameras.",
+		url: "/img/gallery/april2024/",
+		date: new Date("January 23, 2025"),
+		galleryImage: "april_2024_4.webp",
+		galleryImageAlt: "",
+		pictures: [
+			{
+				title: "Sol shoots some flowers.",
+				filename: "april_2024_1.webp",
+				altText:
+					"A person in a beanie staring down a camera viewfinder at some tulips.",
+				thumbAltText:
+					"A person in a beanie staring down a camera viewfinder at some tulips.",
+				caption: "",
+			},
+			{
+				title: "We were being watched…",
+				filename: "april_2024_2.webp",
+				altText: "Some cats staring at us through a window screen.",
+				thumbAltText: "Some cats staring at us through a window screen.",
+				caption: "Somehow I don't mind these nosy neighbors.",
+			},
+			{
+				title: "A pole.",
+				filename: "april_2024_3.webp",
+				altText: "A closeup of a black painted pole with stickers on it.",
+				thumbAltText: "A closeup of a black painted pole with stickers on it.",
+				caption: "",
+			},
+			{
+				title: "Love this storefront.",
+				filename: "april_2024_4.webp",
+				altText:
+					"A storefront painted vividly with lots of colors, dots and flowers.",
+				thumbAltText:
+					"A storefront painted vividly with lots of colors, dots and flowers.",
+				caption: "",
+			},
+			{
+				title: "Another pole.",
+				filename: "april_2024_5.webp",
+				altText: "A wide, beige painted pole covered in ads and notices.",
+				thumbAltText: "A wide, beige painted pole covered in ads and notices.",
+				caption: "",
+			},
+			{
+				title: "Can't get enough of that pole.",
+				filename: "april_2024_6.webp",
+				altText:
+					"A mushroom-like green canopy on top of the beige pole, with lettering spelling out Roscoe Village.",
+				thumbAltText:
+					"A mushroom-like green canopy on top of the beige pole, with lettering spelling out Roscoe Village.",
+				caption: "",
+			},
+			{
+				title: "The infamous Chicago Rat Hole.",
+				filename: "april_2024_7.webp",
+				altText:
+					"An impression in the sidewalk of what is likely a squirrel; it is filled with coins and rocks left as tribute.",
+				thumbAltText:
+					"An impression in the sidewalk of what is likely a squirrel; it is filled with coins and rocks left as tribute.",
+				caption: "That has to be a squirrel.",
+			},
+			{
+				title: "A courtesy to cyclists.",
+				filename: "april_2024_8.webp",
+				altText:
+					"A crusty old parking meter with a ghost sticker and graffiti on it. Inside of the meter window reads: Meter remains as a courtesy to cyclists. Please pay at pay box.",
+				thumbAltText:
+					"A crusty old parking meter with a ghost sticker and graffiti on it. Inside of the meter window reads: Meter remains as a courtesy to cyclists. Please pay at pay box.",
+				caption: "",
+			},
+			{
+				title: "A brick building.",
+				filename: "april_2024_9.webp",
+				altText:
+					"The front of a red brick building with two potted plants in front of the door. The wall has many of those little square glass-tiles to allow in light while affording privacy.",
+				thumbAltText:
+					"The front of a red brick building with two potted plants in front of the door. The wall has many of those little square glass-tiles to allow in light while affording privacy.",
+				caption: "",
+			},
+			{
+				title: "Weed.",
+				filename: "april_2024_10.webp",
+				altText:
+					"A closeup of a dandelion ready to have its seeds blown into the wind.",
+				thumbAltText:
+					"A closeup of a dandelion ready to have its seeds blown into the wind.",
+				caption: "",
+			},
+			{
+				title: "Another creative storefront",
+				filename: "april_2024_11.webp",
+				altText:
+					"A storefront with painted illustrations of a woman giving a baby a bath, and several stylized women carrying baskets of fruit and flowers on their heads.",
+				thumbAltText:
+					"A storefront with painted illustrations of a woman giving a baby a bath, and several stylized women carrying baskets of fruit and flowers on their heads.",
+				caption: "",
+			},
+			{
+				title: "A robin crossing the street.",
+				filename: "april_2024_12.webp",
+				altText:
+					"A robin runs across the street, casting a long shadow for such a small fellow.",
+				thumbAltText:
+					"A robin runs across the street, casting a long shadow for such a small fellow.",
+				caption: "",
+			},
+		],
+	},
 ];

_includes/gallerieslist.njk

@@ -0,0 +1,29 @@
+<section class="postlist">
+<div class="postlist-item-container">
+	{% for gallery in galleries | reverse %}
+	{% if not numberOfGalleriesToShow or loop.index <= numberOfGalleriesToShow %}
+	<article class="postlist-item">
+		<a href="../gallery/{{ gallery.title | slugify }}" class="postlist-link">
+			<div class="post-image-container">
+				<img class="post-image" {% if gallery.galleryImage %} src="{{ gallery.url }}{{ gallery.galleryImage }}" alt="{{ gallery.galleryImageAlt }}" {% else %} src="{{ metadata.defaultPostImageURL }}" alt="{{ metadata.defaultPostImageAlt }}"{% endif %}>
+			</div>
+		</a>
+		<div class="post-copy">
+			<a href="../gallery/{{ gallery.title | slugify }}" class="postlist-link">
+				<h3>
+					{{ gallery.title }}
+				</h3>
+			</a>
+			{% if not hideGalleryDescriptions %}<p>{{ gallery.synopsis | truncate(105) | safe }}</p>{% endif %}
+			<div class="post-metadata">
+				<div class="post-metadata-copy">
+					<p>Posted on the&nbsp;<time class="postlist-date" datetime="{{ gallery.date | htmlDateString}}">{{ gallery.date | niceDate("LLLL yyyy") }}</time></p>
+				</div>
+			</div>
+		</div>
+	</article>
+	<hr>
+	{% endif %}
+	{% endfor %}
+</div>
+</section>

content/feeds.njk

@@ -44,7 +44,6 @@ permalink: "/feeds/{{ tag | slugify }}.xml"
 			<link href="{{ absolutePostUrl }}"/>
 		</image>
 		<content type="html">{{ post.templateContent | transformWithHtmlBase(absolutePostUrl, post.url) }}</content>
-		<hr>
 	</entry>
 	{%- endfor %}
 </feed>

content/galleries/index.njk

@@ -8,30 +8,4 @@ eleventyNavigation:
 <p class="page-block nodropcap">
 Photography trips, memes, and other pictures I thought would be worth sharing.
 </p>
-<section class="postlist">
-<div class="postlist-item-container">
-	{% for gallery in galleries %}
-	<article class="postlist-item">
-		<a href="../gallery/{{ gallery.title | slugify }}" class="postlist-link">
-			<div class="post-image-container">
-				<img class="post-image" {% if gallery.galleryImage %} src="{{ gallery.url }}{{ gallery.galleryImage }}" alt="{{ gallery.galleryImageAlt }}" {% else %} src="{{ metadata.defaultPostImageURL }}" alt="{{ metadata.defaultPostImageAlt }}"{% endif %}>
-			</div>
-		</a>
-		<div class="post-copy">
-			<a href="../gallery/{{ gallery.title | slugify }}" class="postlist-link">
-				<h3>
-					{{ gallery.title }}
-				</h3>
-			</a>
-			<p>{{ gallery.synopsis | truncate(105) | safe }}</p>
-			<div class="post-metadata">
-				<div class="post-metadata-copy">
-					<p>Posted on the&nbsp;<time class="postlist-date" datetime="{{ gallery.date | htmlDateString}}">{{ gallery.date | niceDate("LLLL yyyy") }}</time></p>
-				</div>
-			</div>
-		</div>
-	</article>
-	<hr>
-	{% endfor %}
-</div>
-</section>
+{% include "gallerieslist.njk" %}

content/index.njk

@@ -5,7 +5,26 @@ eleventyNavigation:
   order: 1
 numberOfLatestPostsToShow: 3
 numberOfNowPostsToShow: 1
+numberOfGalleriesToShow: 1
+hideGalleryDescriptions: 1
 ---
+<h2>Latest gallery:</h2>
+{% set postsCount = galleries | length %}
+{% set latestPostsCount = postsCount | min(numberOfNowPostsToShow) %}
+{% set postslist = collections.now | head(-1 * numberOfNowPostsToShow) %}
+{% set postslistCounter = postsCount %}
+{% set showPostListHeader = false %}
+{% include "gallerieslist.njk" %}
+
+{% set morePosts = postsCount - numberOfNowPostsToShow %}
+{% if morePosts > 0 %}
+<a href="/galleries/">
+	<button type="button">
+		See {{ morePosts }} more »
+	</button>
+</a>
+{% endif %}
+
 <div class="now">
 	<h2>Life updates:</h2>
 {% set postsCount = collections.now | length %}

content/now/now_2025-01-23.md

@@ -10,7 +10,7 @@ imageAlt: A closeup of a Braun wristwatch.
 
 Anyway, the *now* section of my website is supposed to be a bit less existential, so here's what I've been up to:
 
-I spent much of the end of the year working four-day workweeks, which, my friends, is the way to go. I miss those short weeks already. After that, I had a Christmas celebration with Sol's folks, which, despite a minor medical emergency was a nice time. I am happy to say that the person affected is recovering well. I gave some hand-made incense for presents, and I got some very useful things from my [wishlist](/wishlist/), including a Braun wall-clock so that I can tell the time when I'm doing dishes or otherwise can't access, or don't want to be distracted by, my phone.
+I spent much of the end of the year working four-day workweeks, which, my friends, is the way to go. I miss those short weeks already. After that, I had a Christmas celebration with Sol's folks, which, despite a minor medical emergency was a nice time. I am happy to say that the person affected is recovering well. I gave some hand-made incense for presents, and I got some very useful things from my [wishlist](/wish/), including a Braun wall-clock so that I can tell the time when I'm doing dishes or otherwise can't access, or don't want to be distracted by, my phone.
 
 One thing I'm trying to focus on in this new year is being less salty. I'm trying to accept people as they come, and regain the calm that I used to be able to retain in the face of great stupidity. Goodness knows there are people in this world who offer me this grace, so I intend to get some practice in offering it to others.
 

public/css/index.css

@@ -269,7 +269,7 @@ nav {
 .now {
 	display: grid;
 	grid-column: var(--span-grid);
-	padding-bottom: var(--space-l);
+	padding: var(--space-l) 0;
 }
 ol {
 	padding-left: 0;
@@ -446,7 +446,7 @@ button {
 	font-size: var(--step--2);
 	font-variation-settings: var(--font-variation-ui);
 	letter-spacing: var(--ui-letter-spacing);
-	margin: var(--space-xl) 0 0 0;
+	margin: var(--space-xs) 0 0 0;
 	padding: 0 var(--space-xs);
 	text-transform: uppercase;
 	transition: var(--transition-normal);
@@ -459,9 +459,6 @@ button > img {
 	filter: var(--icon-filter);
 }
 a {
-	button {
-		margin-top: var(--space-m);
-	}
 	&:has(button) {
 		text-decoration: none;
 	}