Comment by vladoh
17 hours ago
I'm working on a open-source tool to create photo galleries from a folder of photos: https://simple.photo. It creates galleries as static sites that are easy to self-host.
I started this out of frustration that there is no good tool I could use to share photos from my travel and of my kids with friends and family. I wanted to have a beautiful web gallery that works on all devices, where I can add rich descriptions and that I could share with a simple link.
Turned out more people wanted this (got 200+ GitHub stars for the V1) so I recently released the V2 and I'm working on it with another dev. Down the road we plan a SaaS offer for people that don't want to fiddle with the CLI and self-host the gallery.
Like the layout tiles you have for the photo thumbnails. Will dig through and learn some css. Have struggled with different size content to create a compact masonry layout.
The CSS for this is indeed tricky. I figured out this layout 5 years ago in the v1 and forgot how it works, just took it over as it looks good. The key is that not all rows are exactly the same height. There are small differences that allow photos to fit horizontally.
I also tried the vertical masonry layout, which looks good, but makes no sense if your photos have a chronological order...
The magic happens here: https://github.com/SimplePhotoGallery/core/blob/a3564e30bcb6...
Maybe something here might help with masonry stuff: https://css-tricks.com/piecing-together-approaches-for-a-css...
I stumbled across it looking for CSS flex masonry examples.