Render photos individually, optimize gallery images, and prune old releases

.github/workflows/publish.yml

@@ -31,6 +31,8 @@ jobs:
         with:
           ruby-version: '3.1.2'
           bundler-cache: true
+      - name: Test gallery items
+        run: bundle exec ruby scripts/tests/gallery_items_test.rb
       - name: Build Jekyll
         env:
           JEKYLL_ENV: production

_plugins/gallery_items.rb

@@ -0,0 +1,24 @@
+require 'nokogiri'
+
+module GalleryItems
+  # Uploaded batches share one source document, but each photo is a gallery item.
+  # Keeping this at render time also fixes batches that have already been published.
+  def gallery_items(content)
+    fragment = Nokogiri::HTML::DocumentFragment.parse(content)
+    images = fragment.css('img')
+    return [content] unless images.length > 1 && images.all? { |image|
+      image['src'].to_s.start_with?('/img/arts/uploads/') && image.parent.name == 'p'
+    }
+
+    captions = fragment.css('.image-details').map(&:to_html).join
+    images.each { |image| image.parent.remove }
+    fragment.css('.image-details').each(&:remove)
+    # Preserve the batch's existing anchor exactly once, before the first photo.
+    prefix = fragment.to_html
+    images.each_with_index.map do |image, index|
+      "#{index.zero? ? prefix : ''}<p>#{image.to_html}</p>#{captions}"
+    end
+  end
+end
+
+Liquid::Template.register_filter(GalleryItems)

art.html

@@ -33,15 +33,18 @@ wide_gallery: true
       {% if post.published == false %}
         {% continue %}
       {% endif %}
+      {% assign items = post.content | markdownify | lazy_images | gallery_items %}
+      {% for item in items %}
       <li class='lang-{% if post.lang %}{{ post.lang }}{% else %}en{% endif %}'>
         <article class='post-content'>
-          {% if post.anchor %}
+          {% if post.anchor and forloop.first %}
           <span id='{{ post.title }}'></span>
           {% endif %}
-          {{ post.content | markdownify | lazy_images }}
+          {{ item }}
         </article>
       </li>
       {% endfor %}
+    {% endfor %}
   </ul>
 
   <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via rss</a></p>