add photos to last night's post

Author: cberes

Makefile

@@ -3,7 +3,7 @@ all: build
 build:
 	npx @11ty/eleventy
 
-dev:
+serve:
 	npx @11ty/eleventy --serve
 
 init:

articles/skate-buffalo-2026/dark_mode.png

@@ -33,6 +33,10 @@
   The downside is it's more to manage in the project.
   I had example code to use, so this part was straightforward.
 </p>
+<figure>
+  <img src="map_page.png" alt="New map page" />
+  <figcaption>New map page</figcaption>
+</figure>
 <p>
   Now I had two external libraries that Skate Buffalo uses:
   <a href="https://leafletjs.com/">Leaflet</a> and <a href="https://flickity.metafizzy.co/">Flickity</a>.
@@ -53,6 +57,10 @@
   Then I used CSS to hide the carousel everywhere except the individual skatepark page.
   And the featured image is visible only on the skatepark list page.
 </p>
+<figure>
+  <img src="skatepark_list.png" alt="Skatepark list cards without photo carousels" />
+  <figcaption>Skatepark list cards without photo carousels</figcaption>
+</figure>
 <p>
   One thing that <em>worried</em> me about Skate Buffalo was that all the photos were 4K.
   I was worried that users would accidentally use a gigabyte of data browsing skateparks.
@@ -95,6 +103,10 @@
   Also I added two new shortcodes: a website shortcode and a shops-list shortcode.
   I think it looks a lot better than the table.
 </p>
+<figure>
+  <img src="shops_page.png" alt="New shops page" />
+  <figcaption>New shops page</figcaption>
+</figure>
 <p>
   Sadly the <a href="https://github.com/gohugo-ananke/ananke">Ananke</a> theme has no dark mode.
   I tried the <a href="https://github.com/CaiJimmy/hugo-theme-stack">Stack</a> theme.
@@ -108,12 +120,17 @@
 </p>
 <p>
   I ended up making my own dark "theme" for Ananke.
-  I'm not sure it looks very good.
-  But hopefully it's an improvement over a white background.
+  I don't know how good it looks, but hopefully it's better than nothing.
+  I think it took around an hour to do.
+  I kept finding little things to tweak, including one problem after I pushed it the first time.
 </p>
+<figure>
+  <img src="dark_mode.png" alt="New shops page in dark mode" />
+  <figcaption>New shops page in dark mode</figcaption>
+</figure>
 <p>
   That's everything so far!
-  I have no more changes planned,
-  but I might think of something.
-  I'm still not sure what my next project will be after this.
+  I crossed off everything I had on my Skate Buffalo list,
+  except for visiting the last few Rochester-area skateparks.
+  I'm not sure what my next project will be&mdash;stay tuned!
 </p>