From 775260288133dc90bb600785772ac931854aa618 Mon Sep 17 00:00:00 2001 From: June McEnroe 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') 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