diff options
| author | June McEnroe <june@causal.agency> | 2024-09-08 19:44:08 -0400 |
|---|---|---|
| committer | June McEnroe <june@causal.agency> | 2024-09-08 19:44:08 -0400 |
| commit | 775260288133dc90bb600785772ac931854aa618 (patch) | |
| tree | c02ce664f0db4712483029778606ec729f395cb0 /www/photo.causal.agency/trips.html | |
| parent | Render trips hopefully more efficiently (diff) | |
| download | src-775260288133dc90bb600785772ac931854aa618.tar.gz src-775260288133dc90bb600785772ac931854aa618.zip | |
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.
Diffstat (limited to '')
| -rw-r--r-- | www/photo.causal.agency/trips.html | 17 |
1 files changed, 10 insertions, 7 deletions
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) { |