My first attempt at using Zola with the seagull theme, using the photoswipe macro.
There doesn’t seem to be an option for alt text, and/or captions for the images in the gallery. Am I reading that right?
Thanks,
Graham
1 Like
That would be a good addition to the theme. Can you share the site you are building with it? It could serve as an example to add alt text and captions.
Hi Hugo,
I had to make so many changes to get my particular implementation working that I stopped using the theme, but I’ve used some of your macros as a base, so if there is something that you can work with, be my guest.
Gitlab Pages is currently failing because of asset size, but cloudflare is happy with the final site here:
Some of the restructuring I did in your macros is to get rid of the formatting warnings.
Any questions, let me know.
Graham [graham at addis dot org dot uk]
1 Like
Look at the individual sections
Each picture has a card, with metadata and there is alt text.
I didn’t add it to the gallery, but I did have to fix a sizing issue for the width in one of the macros. There are a lot of paintings, she was a prolific artist, so it’s a big gallery and the calculation of the gallery size did not match the actual width of all the combined paintings. IIRC, because they are all different aspect ratios.
1 Like
I’ve had a go at fixing the gallery width calculations and adding in a title to the gallery images, examples are included.
I’ve pushed it to a gitlab repo (see link below) as I don’t have an account on your server.
Hope you find it useful.
btw: I was also getting warnings in vscode for markdown and html formatting, which I fixed first.
https://gitlab.com/grahamaddis/zola/themes/seagull/-/tree/gallery-updates?ref_type=heads
1 Like
Nice! I merged everything but the two first commits on markdown and html. Because in markdown I actually wanted h1 (not h2) and in html I prefer single line syntax.
I did not understand the fix on the width calculation.
Header images and image titles are great addition!
Hi Hugo,
One development in using the approach I used is that it generates extra static images, which if you use have lots of images, can be an issue with space. Notably I have a website with several hundred images which fails to produce gitlab pages with a cryptic error message. To fix this I’ve changed the galllery macro to calculate what the width will be instead of generating the images and reading it off. See this branch:
I changed the heading levels as the linter complains, but no big deal.
Sorry it wasn’t clear what was going on. I’ve added some comments to try to explain the new code.
If anything’s not clear, let me know.
Graham