Feed(s)
** Key insight for photo feed - use microformats to make a simple page for all the photos, one you can post images to from a dedicated custom app. Don’t worry about RSS for now, nor how to integrate the pics into the blog. That’s a post-Eleventy problem.
Task tracker for photo galleries
The gallery and albums are feature complete for v1 as of Nov 2025. There’s a few ideas left over from the prototyping and initial development sprints, but all the major bits are done.
FEATURES
Resurrect the numerical counters of photos in Pixelfed sets
Related: consider adding a little stack icon and/or badge the counter into the top right corner
Get rid of extraneous JPG definitions in and their corresponding AWS files for mudfun and shelterisland. We only need one as a fallback image for RSS readers and not even then when on pages w/o feeds, like the galleries. AVIF is widely used enough to be the main format for all the other width variants.
Add extra photos to existing galleries, e.g. more pics of Shelter Island from previous visits.
Done:
Clarify the links to related article vs all albums
Add link to gallery at the bottom of each corresponding blog post
Create more photo galleries with existing blog photos
Finish updating elements so that they have both avif and jpg versions?
Question: then does the fallback image get downloaded in modals even if they’re hidden? Might want to skip this feature then and focus on modern browsers only.
Serve up vertical photos to mobile in the gallery view, when possible, square when not, and horizontal as fallback.
Look to existing implementations in the blog posts for reference.
Related: consider whether the width of the photos should be full-bleed in gallery and/or modal views
Create subdomains for images, photos and videos; migrate away from using direct Cloudfront links
Add a link from the Pixelfed gallery back to the main /photos directory
Reconsider whether removing modals from the CSS galleries is a good idea, since it breaks the ability to share and receive permalinks.
Bring back caption expansion on Pixelfed (inline on mobile)
Reverse chrono sort for albums
Give Pixelfed album a unique cover and serve from AWS
Update social media previews for all pages; main albums page and each album itself
Remove links to blog post in the modals, add links at the top of the gallery for related article and to view all galleries.
LATER/MAYBE
[] Consider whether the light-mode-blocker.css can be made more universal. For example, maybe it can help with the “NoLightMode” theme that I created for Cosmo’s memorial
MOBILE BUGS (Done)
Extra long words (like URLs) in the pixelfed gallery overflow viewport and makes them scrollable horizontally, not just vertically.
Tapping on photos breaks the back button because of invisible anchor links, also breaks scrolling in Pixelfed gallery
Can’t tap to expand truncated captions in CSS galleries
Remove Safari tap highlight flash on CSS galleries
STYLING/DESIGN (Done)
Clean up styling of modals in CSS galleries (e.g. blog title, hover states of buttons, vertical alignment on desktop)
Adjust font sizes; too big in some places (CSS galleries) and too small in others (pixelfed)
Possibly need to fork the styles completely between the main /photos and the albums themselves, just like how pixelfed is forked. Probably makes sense even if the html structure and styling is only slightly different, because the overrides are confusing to keep track of and a nice clean separation is easier to work with.
Expand the width of the flex grid to be more appropriate for photos, not writing
Turn off light mode
Hover states for all photo/album cards (dim the photo? grow it?)
Collapse the width of the captions in modals to match the images, no overflow
Get rid of strange side letterboxing in modals.
Give album tiles unique style overrides from the photo cards?