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

@@ -280,6 +280,22 @@
<figcaption>Ekipa MŠOS Maribor skupaj praznuje po uspešnem turnirju.</figcaption>
</figure>
</div>
<section class="event-gallery">
<h2 class="event-gallery-title">Fotografije z dogodka</h2>
<div class="event-gallery-grid js-lightbox">
<button type="button" class="eg-thumb" data-full="../../../images/maribor-tournament-1.webp" data-caption="Humanitarni turnir v Mariboru"><img loading="lazy" decoding="async" src="../../../images/maribor-tournament-1.webp" alt="Humanitarni turnir v Mariboru — photo 1"></button>
<button type="button" class="eg-thumb" data-full="../../../images/maribor-tournament-2.webp" data-caption="Humanitarni turnir v Mariboru"><img loading="lazy" decoding="async" src="../../../images/maribor-tournament-2.webp" alt="Humanitarni turnir v Mariboru — photo 2"></button>
<button type="button" class="eg-thumb" data-full="../../../images/maribor-tournament-3.webp" data-caption="Humanitarni turnir v Mariboru"><img loading="lazy" decoding="async" src="../../../images/maribor-tournament-3.webp" alt="Humanitarni turnir v Mariboru — photo 3"></button>
<button type="button" class="eg-thumb" data-full="../../../images/maribor-tournament-4.webp" data-caption="Humanitarni turnir v Mariboru"><img loading="lazy" decoding="async" src="../../../images/maribor-tournament-4.webp" alt="Humanitarni turnir v Mariboru — photo 4"></button>
<button type="button" class="eg-thumb" data-full="../../../images/maribor-tournament-5.webp" data-caption="Humanitarni turnir v Mariboru"><img loading="lazy" decoding="async" src="../../../images/maribor-tournament-5.webp" alt="Humanitarni turnir v Mariboru — photo 5"><span class="eg-more">+5</span></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/maribor-tournament-6.webp" data-caption="Humanitarni turnir v Mariboru"><img loading="lazy" decoding="async" src="../../../images/maribor-tournament-6.webp" alt="Humanitarni turnir v Mariboru — photo 6"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/maribor-tournament-7.webp" data-caption="Humanitarni turnir v Mariboru"><img loading="lazy" decoding="async" src="../../../images/maribor-tournament-7.webp" alt="Humanitarni turnir v Mariboru — photo 7"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/maribor-tournament-8.webp" data-caption="Humanitarni turnir v Mariboru"><img loading="lazy" decoding="async" src="../../../images/maribor-tournament-8.webp" alt="Humanitarni turnir v Mariboru — photo 8"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/maribor-tournament-9.webp" data-caption="Humanitarni turnir v Mariboru"><img loading="lazy" decoding="async" src="../../../images/maribor-tournament-9.webp" alt="Humanitarni turnir v Mariboru — photo 9"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/maribor-tournament-10.webp" data-caption="Humanitarni turnir v Mariboru"><img loading="lazy" decoding="async" src="../../../images/maribor-tournament-10.webp" alt="Humanitarni turnir v Mariboru — photo 10"></button>
</div>
</section>
</article>
<section class="newsletter-cta">
<div class="container">
@@ -229,6 +229,15 @@
<p>Počivaj v miru, Frosina. 🕊️🙏🏻</p>
</div>
<section class="event-gallery">
<h2 class="event-gallery-title">Fotografije z dogodka</h2>
<div class="event-gallery-grid js-lightbox">
<button type="button" class="eg-thumb" data-full="../../../images/frosina-1.webp" data-caption="V spomin na Frosino Kulakovo"><img loading="lazy" decoding="async" src="../../../images/frosina-1.webp" alt="V spomin na Frosino Kulakovo — photo 1"></button>
<button type="button" class="eg-thumb" data-full="../../../images/frosina-2.webp" data-caption="V spomin na Frosino Kulakovo"><img loading="lazy" decoding="async" src="../../../images/frosina-2.webp" alt="V spomin na Frosino Kulakovo — photo 2"></button>
<button type="button" class="eg-thumb" data-full="../../../images/frosina-3.webp" data-caption="V spomin na Frosino Kulakovo"><img loading="lazy" decoding="async" src="../../../images/frosina-3.webp" alt="V spomin na Frosino Kulakovo — photo 3"></button>
</div>
</section>
</article>
<section class="newsletter-cta">
<div class="container">
@@ -239,6 +239,16 @@
<p>Naj žrtve počivajo v miru.</p>
</div>
<section class="event-gallery">
<h2 class="event-gallery-title">Fotografije z dogodka</h2>
<div class="event-gallery-grid js-lightbox">
<button type="button" class="eg-thumb" data-full="../../../images/kochani-1.webp" data-caption="V spomin na žrtve v Kočanih"><img loading="lazy" decoding="async" src="../../../images/kochani-1.webp" alt="V spomin na žrtve v Kočanih — photo 1"></button>
<button type="button" class="eg-thumb" data-full="../../../images/kochani-2.webp" data-caption="V spomin na žrtve v Kočanih"><img loading="lazy" decoding="async" src="../../../images/kochani-2.webp" alt="V spomin na žrtve v Kočanih — photo 2"></button>
<button type="button" class="eg-thumb" data-full="../../../images/kochani-3.webp" data-caption="V spomin na žrtve v Kočanih"><img loading="lazy" decoding="async" src="../../../images/kochani-3.webp" alt="V spomin na žrtve v Kočanih — photo 3"></button>
<button type="button" class="eg-thumb" data-full="../../../images/kochani-4.webp" data-caption="V spomin na žrtve v Kočanih"><img loading="lazy" decoding="async" src="../../../images/kochani-4.webp" alt="V spomin na žrtve v Kočanih — photo 4"></button>
</div>
</section>
</article>
<section class="newsletter-cta">
<div class="container">
@@ -269,6 +269,19 @@
</figure>
</div>
<section class="event-gallery">
<h2 class="event-gallery-title">Fotografije z dogodka</h2>
<div class="event-gallery-grid js-lightbox">
<button type="button" class="eg-thumb" data-full="../../../images/msnl-1.webp" data-caption="Makedonski študentski večer v Ljubljani"><img loading="lazy" decoding="async" src="../../../images/msnl-1.webp" alt="Makedonski študentski večer v Ljubljani — photo 1"></button>
<button type="button" class="eg-thumb" data-full="../../../images/msnl-2.webp" data-caption="Makedonski študentski večer v Ljubljani"><img loading="lazy" decoding="async" src="../../../images/msnl-2.webp" alt="Makedonski študentski večer v Ljubljani — photo 2"></button>
<button type="button" class="eg-thumb" data-full="../../../images/msnl-3.webp" data-caption="Makedonski študentski večer v Ljubljani"><img loading="lazy" decoding="async" src="../../../images/msnl-3.webp" alt="Makedonski študentski večer v Ljubljani — photo 3"></button>
<button type="button" class="eg-thumb" data-full="../../../images/msnl-4.webp" data-caption="Makedonski študentski večer v Ljubljani"><img loading="lazy" decoding="async" src="../../../images/msnl-4.webp" alt="Makedonski študentski večer v Ljubljani — photo 4"></button>
<button type="button" class="eg-thumb" data-full="../../../images/msnl-5.webp" data-caption="Makedonski študentski večer v Ljubljani"><img loading="lazy" decoding="async" src="../../../images/msnl-5.webp" alt="Makedonski študentski večer v Ljubljani — photo 5"><span class="eg-more">+2</span></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/msnl-6.webp" data-caption="Makedonski študentski večer v Ljubljani"><img loading="lazy" decoding="async" src="../../../images/msnl-6.webp" alt="Makedonski študentski večer v Ljubljani — photo 6"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/msnl-7.webp" data-caption="Makedonski študentski večer v Ljubljani"><img loading="lazy" decoding="async" src="../../../images/msnl-7.webp" alt="Makedonski študentski večer v Ljubljani — photo 7"></button>
</div>
</section>
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
@@ -292,6 +292,22 @@
</figure>
</div>
<section class="event-gallery">
<h2 class="event-gallery-title">Fotografije z dogodka</h2>
<div class="event-gallery-grid js-lightbox">
<button type="button" class="eg-thumb" data-full="../../../images/event3-photo-1.webp" data-caption="Spoznaj študentsko Slovenijo 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-1.webp" alt="Spoznaj študentsko Slovenijo 2023 — photo 1"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event3-photo-2.webp" data-caption="Spoznaj študentsko Slovenijo 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-2.webp" alt="Spoznaj študentsko Slovenijo 2023 — photo 2"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event3-photo-3.webp" data-caption="Spoznaj študentsko Slovenijo 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-3.webp" alt="Spoznaj študentsko Slovenijo 2023 — photo 3"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event3-photo-4.webp" data-caption="Spoznaj študentsko Slovenijo 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-4.webp" alt="Spoznaj študentsko Slovenijo 2023 — photo 4"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event3-photo-5.webp" data-caption="Spoznaj študentsko Slovenijo 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-5.webp" alt="Spoznaj študentsko Slovenijo 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="Spoznaj študentsko Slovenijo 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-6.webp" alt="Spoznaj študentsko Slovenijo 2023 — photo 6"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event3-photo-7.webp" data-caption="Spoznaj študentsko Slovenijo 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-7.webp" alt="Spoznaj študentsko Slovenijo 2023 — photo 7"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event3-photo-8.webp" data-caption="Spoznaj študentsko Slovenijo 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-8.webp" alt="Spoznaj študentsko Slovenijo 2023 — photo 8"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event3-photo-9.webp" data-caption="Spoznaj študentsko Slovenijo 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-9.webp" alt="Spoznaj študentsko Slovenijo 2023 — photo 9"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event3-photo-10.webp" data-caption="Spoznaj študentsko Slovenijo 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-10.webp" alt="Spoznaj študentsko Slovenijo 2023 — photo 10"></button>
</div>
</section>
<footer class="article-footer">
<hr>
<div class="author-share-section">
@@ -284,6 +284,24 @@
<p>P.S. Vsako leto se po uspešno organiziranem dogodku ekipa MŠOS tradicionalno odpravi v najbližjo gostilno, na večer, poln druženja, petja in čustev! 😊 Zato se splača biti del naše ekipe! Pridruži se nam.</p>
</div>
<section class="event-gallery">
<h2 class="event-gallery-title">Fotografije z dogodka</h2>
<div class="event-gallery-grid js-lightbox">
<button type="button" class="eg-thumb" data-full="../../../images/event4-img-1.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-1.webp" alt="Spoznaj študentsko Slovenijo 2024 — photo 1"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event4-img-2.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-2.webp" alt="Spoznaj študentsko Slovenijo 2024 — photo 2"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event4-img-3.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-3.webp" alt="Spoznaj študentsko Slovenijo 2024 — photo 3"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event4-img-4.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-4.webp" alt="Spoznaj študentsko Slovenijo 2024 — photo 4"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event4-img-5.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-5.webp" alt="Spoznaj študentsko Slovenijo 2024 — photo 5"><span class="eg-more">+7</span></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-img-6.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-6.webp" alt="Spoznaj študentsko Slovenijo 2024 — photo 6"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-img-7.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-7.webp" alt="Spoznaj študentsko Slovenijo 2024 — photo 7"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-img-8.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-8.webp" alt="Spoznaj študentsko Slovenijo 2024 — photo 8"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-img-9.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-9.webp" alt="Spoznaj študentsko Slovenijo 2024 — photo 9"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-img-10.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-10.webp" alt="Spoznaj študentsko Slovenijo 2024 — photo 10"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-img-11.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-11.webp" alt="Spoznaj študentsko Slovenijo 2024 — photo 11"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-img-12.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-12.webp" alt="Spoznaj študentsko Slovenijo 2024 — photo 12"></button>
</div>
</section>
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
@@ -255,6 +255,19 @@
</figure>
</div>
<section class="event-gallery">
<h2 class="event-gallery-title">Fotografije z dogodka</h2>
<div class="event-gallery-grid js-lightbox">
<button type="button" class="eg-thumb" data-full="../../../images/event4-image1.webp" data-caption="Jutranja kava pred CTK"><img loading="lazy" decoding="async" src="../../../images/event4-image1.webp" alt="Jutranja kava pred CTK — photo 1"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event4-image2.webp" data-caption="Jutranja kava pred CTK"><img loading="lazy" decoding="async" src="../../../images/event4-image2.webp" alt="Jutranja kava pred CTK — photo 2"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event4-image3.webp" data-caption="Jutranja kava pred CTK"><img loading="lazy" decoding="async" src="../../../images/event4-image3.webp" alt="Jutranja kava pred CTK — photo 3"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event4-image4.webp" data-caption="Jutranja kava pred CTK"><img loading="lazy" decoding="async" src="../../../images/event4-image4.webp" alt="Jutranja kava pred CTK — photo 4"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event4-image5.webp" data-caption="Jutranja kava pred CTK"><img loading="lazy" decoding="async" src="../../../images/event4-image5.webp" alt="Jutranja kava pred CTK — photo 5"><span class="eg-more">+2</span></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-image6.webp" data-caption="Jutranja kava pred CTK"><img loading="lazy" decoding="async" src="../../../images/event4-image6.webp" alt="Jutranja kava pred CTK — photo 6"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-image7.webp" data-caption="Jutranja kava pred CTK"><img loading="lazy" decoding="async" src="../../../images/event4-image7.webp" alt="Jutranja kava pred CTK — photo 7"></button>
</div>
</section>
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
@@ -263,6 +263,21 @@
<img loading="lazy" decoding="async" src="../../../images/paint-wine-9.webp" alt="Skupnost MŠOS Nova Gorica ob sončnem zahodu">
</figure>
</div>
<section class="event-gallery">
<h2 class="event-gallery-title">Fotografije z dogodka</h2>
<div class="event-gallery-grid js-lightbox">
<button type="button" class="eg-thumb" data-full="../../../images/paint-wine-1.webp" data-caption="Slikanje in vino ob sončnem zahodu"><img loading="lazy" decoding="async" src="../../../images/paint-wine-1.webp" alt="Slikanje in vino ob sončnem zahodu — photo 1"></button>
<button type="button" class="eg-thumb" data-full="../../../images/paint-wine-2.webp" data-caption="Slikanje in vino ob sončnem zahodu"><img loading="lazy" decoding="async" src="../../../images/paint-wine-2.webp" alt="Slikanje in vino ob sončnem zahodu — photo 2"></button>
<button type="button" class="eg-thumb" data-full="../../../images/paint-wine-3.webp" data-caption="Slikanje in vino ob sončnem zahodu"><img loading="lazy" decoding="async" src="../../../images/paint-wine-3.webp" alt="Slikanje in vino ob sončnem zahodu — photo 3"></button>
<button type="button" class="eg-thumb" data-full="../../../images/paint-wine-4.webp" data-caption="Slikanje in vino ob sončnem zahodu"><img loading="lazy" decoding="async" src="../../../images/paint-wine-4.webp" alt="Slikanje in vino ob sončnem zahodu — photo 4"></button>
<button type="button" class="eg-thumb" data-full="../../../images/paint-wine-5.webp" data-caption="Slikanje in vino ob sončnem zahodu"><img loading="lazy" decoding="async" src="../../../images/paint-wine-5.webp" alt="Slikanje in vino ob sončnem zahodu — photo 5"><span class="eg-more">+4</span></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/paint-wine-6.webp" data-caption="Slikanje in vino ob sončnem zahodu"><img loading="lazy" decoding="async" src="../../../images/paint-wine-6.webp" alt="Slikanje in vino ob sončnem zahodu — photo 6"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/paint-wine-7.webp" data-caption="Slikanje in vino ob sončnem zahodu"><img loading="lazy" decoding="async" src="../../../images/paint-wine-7.webp" alt="Slikanje in vino ob sončnem zahodu — photo 7"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/paint-wine-8.webp" data-caption="Slikanje in vino ob sončnem zahodu"><img loading="lazy" decoding="async" src="../../../images/paint-wine-8.webp" alt="Slikanje in vino ob sončnem zahodu — photo 8"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/paint-wine-9.webp" data-caption="Slikanje in vino ob sončnem zahodu"><img loading="lazy" decoding="async" src="../../../images/paint-wine-9.webp" alt="Slikanje in vino ob sončnem zahodu — photo 9"></button>
</div>
</section>
</article>
<section class="newsletter-cta">
<div class="container">
@@ -251,6 +251,19 @@
<figcaption>Utrinek naše ekipe v Ljubljani.</figcaption>
</figure>
</div>
<section class="event-gallery">
<h2 class="event-gallery-title">Fotografije z dogodka</h2>
<div class="event-gallery-grid js-lightbox">
<button type="button" class="eg-thumb" data-full="../../../images/handball-2025-1.webp" data-caption="Skupno gledanje rokometa v Sloveniji"><img loading="lazy" decoding="async" src="../../../images/handball-2025-1.webp" alt="Skupno gledanje rokometa v Sloveniji — photo 1"></button>
<button type="button" class="eg-thumb" data-full="../../../images/handball-2025-2.webp" data-caption="Skupno gledanje rokometa v Sloveniji"><img loading="lazy" decoding="async" src="../../../images/handball-2025-2.webp" alt="Skupno gledanje rokometa v Sloveniji — photo 2"></button>
<button type="button" class="eg-thumb" data-full="../../../images/handball-2025-3.webp" data-caption="Skupno gledanje rokometa v Sloveniji"><img loading="lazy" decoding="async" src="../../../images/handball-2025-3.webp" alt="Skupno gledanje rokometa v Sloveniji — photo 3"></button>
<button type="button" class="eg-thumb" data-full="../../../images/handball-2025-4.webp" data-caption="Skupno gledanje rokometa v Sloveniji"><img loading="lazy" decoding="async" src="../../../images/handball-2025-4.webp" alt="Skupno gledanje rokometa v Sloveniji — photo 4"></button>
<button type="button" class="eg-thumb" data-full="../../../images/handball-2025-5.webp" data-caption="Skupno gledanje rokometa v Sloveniji"><img loading="lazy" decoding="async" src="../../../images/handball-2025-5.webp" alt="Skupno gledanje rokometa v Sloveniji — photo 5"><span class="eg-more">+2</span></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/handball-2025-6.webp" data-caption="Skupno gledanje rokometa v Sloveniji"><img loading="lazy" decoding="async" src="../../../images/handball-2025-6.webp" alt="Skupno gledanje rokometa v Sloveniji — photo 6"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/handball-2025-7.webp" data-caption="Skupno gledanje rokometa v Sloveniji"><img loading="lazy" decoding="async" src="../../../images/handball-2025-7.webp" alt="Skupno gledanje rokometa v Sloveniji — photo 7"></button>
</div>
</section>
</article>
<section class="newsletter-cta">
<div class="container">