Roll out "Photos from the event" gallery to all event posts (EN/MK/SI)

- Added the reusable lightbox gallery block to all 9 event posts in every
  language (27 pages): shows 5 thumbnails + "+N more", opens the full-screen
  viewer with the whole photo set
- Inserted inside <article> (before the author footer where present) so it
  never breaks the sidebar/article flex layout
- Handled 3 SI posts that were missing their </article> tag by anchoring on
  the newsletter section instead

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskikandClaude Opus 4.8 committed 2026-08-03 15:24:37 +02:00
1 parent 1f5e031be9
commit 9edd6daa52
26 files changed
+351

No files matched your search

@@ -323,6 +323,22 @@
</figure>
</div>
<section class="event-gallery">
<h2 class="event-gallery-title">Photos from the event</h2>
<div class="event-gallery-grid js-lightbox">
<button type="button" class="eg-thumb" data-full="../../../images/event3-photo-1.webp" data-caption="Meet Student Slovenia 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-1.webp" alt="Meet Student Slovenia 2023 — photo 1"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event3-photo-2.webp" data-caption="Meet Student Slovenia 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-2.webp" alt="Meet Student Slovenia 2023 — photo 2"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event3-photo-3.webp" data-caption="Meet Student Slovenia 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-3.webp" alt="Meet Student Slovenia 2023 — photo 3"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event3-photo-4.webp" data-caption="Meet Student Slovenia 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-4.webp" alt="Meet Student Slovenia 2023 — photo 4"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event3-photo-5.webp" data-caption="Meet Student Slovenia 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-5.webp" alt="Meet Student Slovenia 2023 — photo 5"><span class="eg-more">+5</span></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event3-photo-6.webp" data-caption="Meet Student Slovenia 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-6.webp" alt="Meet Student Slovenia 2023 — photo 6"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event3-photo-7.webp" data-caption="Meet Student Slovenia 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-7.webp" alt="Meet Student Slovenia 2023 — photo 7"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event3-photo-8.webp" data-caption="Meet Student Slovenia 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-8.webp" alt="Meet Student Slovenia 2023 — photo 8"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event3-photo-9.webp" data-caption="Meet Student Slovenia 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-9.webp" alt="Meet Student Slovenia 2023 — photo 9"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event3-photo-10.webp" data-caption="Meet Student Slovenia 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-10.webp" alt="Meet Student Slovenia 2023 — photo 10"></button>
</div>
</section>
<footer class="article-footer">
<hr>
<div class="author-share-section">