2 new posts, accompanying images, and tweaks to the carousel

_includes/layouts/photos.njk

@@ -3,8 +3,8 @@ layout: layouts/layout.njk
 templateClass: tmpl-photos
 ---
 <div id="backdrop" class="backdrop hidden">
-  <div id="left" class="advance-container"><span class="advance left" data-direction="-1">❮</span></div>
-  <div id="right" class="advance-container"><span class="advance right" data-direction="1">❱</span></div>
+  <div id="left" class="advance-container" data-direction="-1"><span class="advance left">❮</span></div>
+  <div id="right" class="advance-container" data-direction="1"><span class="advance right">❱</span></div>
 </div>
 <h1>{{ title }}</h1>
 
@@ -99,7 +99,7 @@ document.addEventListener("DOMContentLoaded", (event) => {
     let target = getTarget(event.target);
     show(target);
   });
-  u(".advance").on("click", (event) => {
+  u(".advance-container").on("click", (event) => {
     let addend = Number(event.target.dataset.direction);
     let imgs = u('.fullsize');
     let currentIndex = 0;

gulpfile.js

@@ -18,7 +18,7 @@ const renderSass = () => {
 const thumbnails = () => {
   const photo_dest = './img/thumbs';
   return src(['./img/**/*.{jpg,png}', '!./img/thumbs/**'])
-    .pipe(changed(photo_dest))          // check for changed photos!
+    .pipe(changed('./img/'))          // check for changed photos!
     .pipe(parallel(                     // run processing in parallel
       gm({                              // the actual processing func
         width: 180,

photos/_drafts/comet-neowise.md → photos/comet-neowise.md

@@ -1,8 +1,26 @@
 ---
-title: Photographing Comet Neowise
+title: Photographing Comet NEOWISE
 date: 2020-07-18
 tags: space, photos
 layout: photos
+photos:
+  0:
+    file: "/img/pre-neowise.jpg"
+    title: "pink fluffy sunset clouds"
+    alt: "a large cloud in the sunset sky; a sweet cozy study of pink blending into pale blue and gray"
+  1:
+    file: "/img/neowise-1.jpg"
+    title: "Comet NEOWISE"
+    alt: "one of my more successful exposures of Comet NEOWISE"
+  2:
+    file: "/img/neowise-2.jpg"
+    title: "Also Comet NEOWISE"
+    alt: "another decent-if-i-may-say-so pic of Comet NEOWISE"
+  3:
+    file: "/img/neowise-3.jpg"
+    title: "Again, Comet NEOWISE"
+    alt: "another fine picture of the amazing Comet NEOWISE"
+
 ---
 
 I took a drive up the Blue Ridge Parkway to try a new photography challenge: a comet! I've read a bit about astrophotography, so I had some ideas about what settings to use and what to expect, but I came back down the mountain with some lessons learned. I also came down with some pictures of a real comet! It was very fun and exciting; I always love a chance to be humbled by the enormity of the cosmos.
@@ -24,4 +42,4 @@ Some gear that would've helped if I'd had it:
 - a remote shutter release
 - a better tripod maybe?
 
-I'm happy with the images I got, given it was a new setting and subject. Surely they could have been better, or at least I could have gotten the good ones more efficiently and had less deletion to do. I learned quickly that my setup had some unavoidable and ruinous shakiness after hitting the shutter, but I figured out that I could use the self-timer to let the camera settle before taking the picture. Some kind of remote trigger would be a more convenient way to eliminate that issue and get pictures faster - not that I regret spending any minute of my evening the way I did. I'm withholding final judgment until I've played with the images, but I think I have a little more reading to do to make the most of my next chance at space photography.
+I'm happy with the images I got, given it was a new setting and subject. Surely they could have been better, or at least I could have gotten the good ones more efficiently and had less deletion to do. I learned quickly that my setup had some unavoidable and ruinous shakiness after hitting the shutter, but I figured out that I could use the self-timer to let the camera settle before taking the picture. A remote exposure trigger would be a more convenient way to eliminate that issue and get pictures faster - not that I regret spending any minute of my evening the way I did. I think for my next attempt at space photography I'll have to do some research on stacking exposures and see if I can get better results by compositing.

photos/more_yard_birds_summer_2020.md

@@ -0,0 +1,30 @@
+---
+layout: "photos"
+title: "More Yard Birds of Summer 2020"
+photos:
+  0:
+    file: "/img/catbird.jpg"
+    title: "Gray Catbird"
+    alt: "a gray catbird in a silver maple tree, striking a quizzical pose"
+  1:
+    file: "/img/grass-sparrow-1.jpg"
+    title: "Song Sparrow in the grass"
+    alt: "a song sparrow stands near the border between the grass and the dark ground under some overgrown viney, bushy stuff"
+  2: 
+    file: "/img/grass-sparrow-2.jpg"
+    title: "Song Sparrow found a seed"
+    alt: "a song sparrow in profile in the grass; framed more tightly with only green grass fore and behind. it has a seed in its beak"
+  3:
+    file: "/img/tree-sparrow.jpg"
+    title: "Song Sparrow perched in a green ash"
+    alt: "a song sparrow perched in the leafy branches of a green ash tree"
+
+---
+
+Isolation continues to be important and challenging. Between taking these pictures and posting them, I did finally return to the beloved [bird sanctuary], but most of my briding continues to take place along a few roads extending less than a mile in each direction from my house.
+
+---
+
+I am awed by how much there is still to learn about birds, and about photography, both in general and specifically with the gear I have. But I'm also extremely pleased with the catbird picture in particular. It tickles me to know that probably my best bird picture to date is of this species, whose unique call bedevils my dear wife and -- not because of the bedeviling! -- delights me endlessly.
+
+What can I say about the sparrows? I love them and I don't care how common they are or what calm, patient photography models they make. They are handsome and cheerful and I'm glad they like our yard.

scss/style.scss

@@ -303,20 +303,20 @@ div#backdrop {
     display: flex;
     justify-content: center;
     align-items: center;
+    z-index: 102;
+    &:hover {
+      &.left {
+        cursor: w-resize;
+      }
+      &.right {
+        cursor: e-resize;
+      }
+    }
 
     span.advance {
       font-weight: bold;
       font-size: 3em;
       display: block;
-      z-index: 102;
-      &:hover {
-        &.left {
-          cursor: w-resize;
-        }
-        &.right {
-          cursor: e-resize;
-        }
-      }
     }
 
     &#left {