From 775260288133dc90bb600785772ac931854aa618 Mon Sep 17 00:00:00 2001
From: June McEnroe <june@causal.agency>
Date: Sun, 8 Sep 2024 19:44:08 -0400
Subject: Apply some bold to trips rendering

This seems easier to visually scan. The only other thing I'd like
is a nicer date rendering but JavaScript is useless for that.
---
 www/photo.causal.agency/trips.html | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

(limited to 'www/photo.causal.agency')

diff --git a/www/photo.causal.agency/trips.html b/www/photo.causal.agency/trips.html
index 21c308da..6179408c 100644
--- a/www/photo.causal.agency/trips.html
+++ b/www/photo.causal.agency/trips.html
@@ -200,16 +200,19 @@ function setTrips() {
 		let rollTrips = tripsByRoll[rollId];
 		if (!rollTrips) continue;
 		let rollLi = document.createElement("li");
-		rollLi.appendChild(document.createTextNode(`
-			${rollTrips[0].film} (${rollTrips[0].body})
-		`));
+		let rollB = document.createElement("b");
+		rollB.appendChild(document.createTextNode(rollTrips[0].film));
+		rollLi.appendChild(rollB);
+		rollLi.appendChild(document.createTextNode(` (${rollTrips[0].body})`));
 		let rollUl = document.createElement("ul");
 		for (let trip of rollTrips) {
 			let li = document.createElement("li");
-			li.appendChild(document.createTextNode(`
-				${trip.date}:
-				${trip.firstExposure}–${trip.lastExposure}
-			`));
+			let b = document.createElement("b");
+			b.appendChild(document.createTextNode(trip.date));
+			li.appendChild(b);
+			li.appendChild(document.createTextNode(
+				`: ${trip.firstExposure}–${trip.lastExposure}`
+			));
 			li.appendChild(document.createElement("br"));
 			li.appendChild(document.createTextNode(trip.lens));
 			if (trip.note) {
-- 
cgit 1.4.1