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>Тимот на МСОС Марибор слави заедно по успешниот турнир.</figcaption>
</figure>
</div>
<section class="event-gallery">
<h2 class="event-gallery-title">Фотографии од настанот</h2>
<div class="event-gallery-grid js-lightbox">
<button type="button" class="eg-thumb" data-full="../../../images/maribor-tournament-1.webp" data-caption="Хуманитарен турнир во Марибор"><img loading="lazy" decoding="async" src="../../../images/maribor-tournament-1.webp" alt="Хуманитарен турнир во Марибор — photo 1"></button>
<button type="button" class="eg-thumb" data-full="../../../images/maribor-tournament-2.webp" data-caption="Хуманитарен турнир во Марибор"><img loading="lazy" decoding="async" src="../../../images/maribor-tournament-2.webp" alt="Хуманитарен турнир во Марибор — photo 2"></button>
<button type="button" class="eg-thumb" data-full="../../../images/maribor-tournament-3.webp" data-caption="Хуманитарен турнир во Марибор"><img loading="lazy" decoding="async" src="../../../images/maribor-tournament-3.webp" alt="Хуманитарен турнир во Марибор — photo 3"></button>
<button type="button" class="eg-thumb" data-full="../../../images/maribor-tournament-4.webp" data-caption="Хуманитарен турнир во Марибор"><img loading="lazy" decoding="async" src="../../../images/maribor-tournament-4.webp" alt="Хуманитарен турнир во Марибор — photo 4"></button>
<button type="button" class="eg-thumb" data-full="../../../images/maribor-tournament-5.webp" data-caption="Хуманитарен турнир во Марибор"><img loading="lazy" decoding="async" src="../../../images/maribor-tournament-5.webp" alt="Хуманитарен турнир во Марибор — 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="Хуманитарен турнир во Марибор"><img loading="lazy" decoding="async" src="../../../images/maribor-tournament-6.webp" alt="Хуманитарен турнир во Марибор — photo 6"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/maribor-tournament-7.webp" data-caption="Хуманитарен турнир во Марибор"><img loading="lazy" decoding="async" src="../../../images/maribor-tournament-7.webp" alt="Хуманитарен турнир во Марибор — photo 7"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/maribor-tournament-8.webp" data-caption="Хуманитарен турнир во Марибор"><img loading="lazy" decoding="async" src="../../../images/maribor-tournament-8.webp" alt="Хуманитарен турнир во Марибор — photo 8"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/maribor-tournament-9.webp" data-caption="Хуманитарен турнир во Марибор"><img loading="lazy" decoding="async" src="../../../images/maribor-tournament-9.webp" alt="Хуманитарен турнир во Марибор — photo 9"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/maribor-tournament-10.webp" data-caption="Хуманитарен турнир во Марибор"><img loading="lazy" decoding="async" src="../../../images/maribor-tournament-10.webp" alt="Хуманитарен турнир во Марибор — photo 10"></button>
</div>
</section>
</article>
<section class="newsletter-cta">
<div class="container">
@@ -229,6 +229,15 @@
<p>Почивај во мир, Фросина. 🕊️🙏🏻</p>
</div>
<section class="event-gallery">
<h2 class="event-gallery-title">Фотографии од настанот</h2>
<div class="event-gallery-grid js-lightbox">
<button type="button" class="eg-thumb" data-full="../../../images/frosina-1.webp" data-caption="Во спомен на Фросина Кулакова"><img loading="lazy" decoding="async" src="../../../images/frosina-1.webp" alt="Во спомен на Фросина Кулакова — photo 1"></button>
<button type="button" class="eg-thumb" data-full="../../../images/frosina-2.webp" data-caption="Во спомен на Фросина Кулакова"><img loading="lazy" decoding="async" src="../../../images/frosina-2.webp" alt="Во спомен на Фросина Кулакова — photo 2"></button>
<button type="button" class="eg-thumb" data-full="../../../images/frosina-3.webp" data-caption="Во спомен на Фросина Кулакова"><img loading="lazy" decoding="async" src="../../../images/frosina-3.webp" alt="Во спомен на Фросина Кулакова — photo 3"></button>
</div>
</section>
</article>
<section class="newsletter-cta">
<div class="container">
@@ -239,6 +239,16 @@
<p>Нека жртвите почиваат во мир.</p>
</div>
<section class="event-gallery">
<h2 class="event-gallery-title">Фотографии од настанот</h2>
<div class="event-gallery-grid js-lightbox">
<button type="button" class="eg-thumb" data-full="../../../images/kochani-1.webp" data-caption="Во спомен на жртвите во Кочани"><img loading="lazy" decoding="async" src="../../../images/kochani-1.webp" alt="Во спомен на жртвите во Кочани — photo 1"></button>
<button type="button" class="eg-thumb" data-full="../../../images/kochani-2.webp" data-caption="Во спомен на жртвите во Кочани"><img loading="lazy" decoding="async" src="../../../images/kochani-2.webp" alt="Во спомен на жртвите во Кочани — photo 2"></button>
<button type="button" class="eg-thumb" data-full="../../../images/kochani-3.webp" data-caption="Во спомен на жртвите во Кочани"><img loading="lazy" decoding="async" src="../../../images/kochani-3.webp" alt="Во спомен на жртвите во Кочани — photo 3"></button>
<button type="button" class="eg-thumb" data-full="../../../images/kochani-4.webp" data-caption="Во спомен на жртвите во Кочани"><img loading="lazy" decoding="async" src="../../../images/kochani-4.webp" alt="Во спомен на жртвите во Кочани — 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">Фотографии од настанот</h2>
<div class="event-gallery-grid js-lightbox">
<button type="button" class="eg-thumb" data-full="../../../images/msnl-1.webp" data-caption="Македонска студентска вечер во Љубљана"><img loading="lazy" decoding="async" src="../../../images/msnl-1.webp" alt="Македонска студентска вечер во Љубљана — photo 1"></button>
<button type="button" class="eg-thumb" data-full="../../../images/msnl-2.webp" data-caption="Македонска студентска вечер во Љубљана"><img loading="lazy" decoding="async" src="../../../images/msnl-2.webp" alt="Македонска студентска вечер во Љубљана — photo 2"></button>
<button type="button" class="eg-thumb" data-full="../../../images/msnl-3.webp" data-caption="Македонска студентска вечер во Љубљана"><img loading="lazy" decoding="async" src="../../../images/msnl-3.webp" alt="Македонска студентска вечер во Љубљана — photo 3"></button>
<button type="button" class="eg-thumb" data-full="../../../images/msnl-4.webp" data-caption="Македонска студентска вечер во Љубљана"><img loading="lazy" decoding="async" src="../../../images/msnl-4.webp" alt="Македонска студентска вечер во Љубљана — photo 4"></button>
<button type="button" class="eg-thumb" data-full="../../../images/msnl-5.webp" data-caption="Македонска студентска вечер во Љубљана"><img loading="lazy" decoding="async" src="../../../images/msnl-5.webp" alt="Македонска студентска вечер во Љубљана — 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="Македонска студентска вечер во Љубљана"><img loading="lazy" decoding="async" src="../../../images/msnl-6.webp" alt="Македонска студентска вечер во Љубљана — photo 6"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/msnl-7.webp" data-caption="Македонска студентска вечер во Љубљана"><img loading="lazy" decoding="async" src="../../../images/msnl-7.webp" alt="Македонска студентска вечер во Љубљана — photo 7"></button>
</div>
</section>
<footer class="article-footer">
<hr>
<div class="author-share-section">
@@ -292,6 +292,22 @@
</figure>
</div>
<section class="event-gallery">
<h2 class="event-gallery-title">Фотографии од настанот</h2>
<div class="event-gallery-grid js-lightbox">
<button type="button" class="eg-thumb" data-full="../../../images/event3-photo-1.webp" data-caption="Запознај ја студентска Словенија 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-1.webp" alt="Запознај ја студентска Словенија 2023 — photo 1"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event3-photo-2.webp" data-caption="Запознај ја студентска Словенија 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-2.webp" alt="Запознај ја студентска Словенија 2023 — photo 2"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event3-photo-3.webp" data-caption="Запознај ја студентска Словенија 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-3.webp" alt="Запознај ја студентска Словенија 2023 — photo 3"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event3-photo-4.webp" data-caption="Запознај ја студентска Словенија 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-4.webp" alt="Запознај ја студентска Словенија 2023 — photo 4"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event3-photo-5.webp" data-caption="Запознај ја студентска Словенија 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-5.webp" alt="Запознај ја студентска Словенија 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="Запознај ја студентска Словенија 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-6.webp" alt="Запознај ја студентска Словенија 2023 — photo 6"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event3-photo-7.webp" data-caption="Запознај ја студентска Словенија 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-7.webp" alt="Запознај ја студентска Словенија 2023 — photo 7"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event3-photo-8.webp" data-caption="Запознај ја студентска Словенија 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-8.webp" alt="Запознај ја студентска Словенија 2023 — photo 8"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event3-photo-9.webp" data-caption="Запознај ја студентска Словенија 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-9.webp" alt="Запознај ја студентска Словенија 2023 — photo 9"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event3-photo-10.webp" data-caption="Запознај ја студентска Словенија 2023"><img loading="lazy" decoding="async" src="../../../images/event3-photo-10.webp" alt="Запознај ја студентска Словенија 2023 — photo 10"></button>
</div>
</section>
<footer class="article-footer">
<hr>
<div class="author-share-section">
@@ -284,6 +284,24 @@
<p>П.С. Секоја година после успешно оранизираниот настан тимот на МСОС традиционално се упатува кон најблиската кафана, на вечер полна дружење, пеење и емоции! &#129322; Затоа вреди да си и ти дел од нашиот тим! Придружи ни се.</p>
</div>
<section class="event-gallery">
<h2 class="event-gallery-title">Фотографии од настанот</h2>
<div class="event-gallery-grid js-lightbox">
<button type="button" class="eg-thumb" data-full="../../../images/event4-img-1.webp" data-caption="Запознај ја студентска Словенија 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-1.webp" alt="Запознај ја студентска Словенија 2024 — photo 1"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event4-img-2.webp" data-caption="Запознај ја студентска Словенија 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-2.webp" alt="Запознај ја студентска Словенија 2024 — photo 2"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event4-img-3.webp" data-caption="Запознај ја студентска Словенија 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-3.webp" alt="Запознај ја студентска Словенија 2024 — photo 3"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event4-img-4.webp" data-caption="Запознај ја студентска Словенија 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-4.webp" alt="Запознај ја студентска Словенија 2024 — photo 4"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event4-img-5.webp" data-caption="Запознај ја студентска Словенија 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-5.webp" alt="Запознај ја студентска Словенија 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="Запознај ја студентска Словенија 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-6.webp" alt="Запознај ја студентска Словенија 2024 — photo 6"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-img-7.webp" data-caption="Запознај ја студентска Словенија 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-7.webp" alt="Запознај ја студентска Словенија 2024 — photo 7"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-img-8.webp" data-caption="Запознај ја студентска Словенија 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-8.webp" alt="Запознај ја студентска Словенија 2024 — photo 8"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-img-9.webp" data-caption="Запознај ја студентска Словенија 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-9.webp" alt="Запознај ја студентска Словенија 2024 — photo 9"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-img-10.webp" data-caption="Запознај ја студентска Словенија 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-10.webp" alt="Запознај ја студентска Словенија 2024 — photo 10"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-img-11.webp" data-caption="Запознај ја студентска Словенија 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-11.webp" alt="Запознај ја студентска Словенија 2024 — photo 11"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-img-12.webp" data-caption="Запознај ја студентска Словенија 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-12.webp" alt="Запознај ја студентска Словенија 2024 — photo 12"></button>
</div>
</section>
<footer class="article-footer">
<hr>
<div class="author-share-section">
@@ -255,6 +255,19 @@
</figure>
</div>
<section class="event-gallery">
<h2 class="event-gallery-title">Фотографии од настанот</h2>
<div class="event-gallery-grid js-lightbox">
<button type="button" class="eg-thumb" data-full="../../../images/event4-image1.webp" data-caption="Утринско кафе пред ЦТК"><img loading="lazy" decoding="async" src="../../../images/event4-image1.webp" alt="Утринско кафе пред ЦТК — photo 1"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event4-image2.webp" data-caption="Утринско кафе пред ЦТК"><img loading="lazy" decoding="async" src="../../../images/event4-image2.webp" alt="Утринско кафе пред ЦТК — photo 2"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event4-image3.webp" data-caption="Утринско кафе пред ЦТК"><img loading="lazy" decoding="async" src="../../../images/event4-image3.webp" alt="Утринско кафе пред ЦТК — photo 3"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event4-image4.webp" data-caption="Утринско кафе пред ЦТК"><img loading="lazy" decoding="async" src="../../../images/event4-image4.webp" alt="Утринско кафе пред ЦТК — photo 4"></button>
<button type="button" class="eg-thumb" data-full="../../../images/event4-image5.webp" data-caption="Утринско кафе пред ЦТК"><img loading="lazy" decoding="async" src="../../../images/event4-image5.webp" alt="Утринско кафе пред ЦТК — 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="Утринско кафе пред ЦТК"><img loading="lazy" decoding="async" src="../../../images/event4-image6.webp" alt="Утринско кафе пред ЦТК — photo 6"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-image7.webp" data-caption="Утринско кафе пред ЦТК"><img loading="lazy" decoding="async" src="../../../images/event4-image7.webp" alt="Утринско кафе пред ЦТК — photo 7"></button>
</div>
</section>
<footer class="article-footer">
<hr>
<div class="author-share-section">
@@ -263,6 +263,21 @@
<img loading="lazy" decoding="async" src="../../../images/paint-wine-9.webp" alt="Заедницата на МСОС Нова Горица на зајдисонце">
</figure>
</div>
<section class="event-gallery">
<h2 class="event-gallery-title">Фотографии од настанот</h2>
<div class="event-gallery-grid js-lightbox">
<button type="button" class="eg-thumb" data-full="../../../images/paint-wine-1.webp" data-caption="Сликање и вино на зајдисонце"><img loading="lazy" decoding="async" src="../../../images/paint-wine-1.webp" alt="Сликање и вино на зајдисонце — photo 1"></button>
<button type="button" class="eg-thumb" data-full="../../../images/paint-wine-2.webp" data-caption="Сликање и вино на зајдисонце"><img loading="lazy" decoding="async" src="../../../images/paint-wine-2.webp" alt="Сликање и вино на зајдисонце — photo 2"></button>
<button type="button" class="eg-thumb" data-full="../../../images/paint-wine-3.webp" data-caption="Сликање и вино на зајдисонце"><img loading="lazy" decoding="async" src="../../../images/paint-wine-3.webp" alt="Сликање и вино на зајдисонце — photo 3"></button>
<button type="button" class="eg-thumb" data-full="../../../images/paint-wine-4.webp" data-caption="Сликање и вино на зајдисонце"><img loading="lazy" decoding="async" src="../../../images/paint-wine-4.webp" alt="Сликање и вино на зајдисонце — photo 4"></button>
<button type="button" class="eg-thumb" data-full="../../../images/paint-wine-5.webp" data-caption="Сликање и вино на зајдисонце"><img loading="lazy" decoding="async" src="../../../images/paint-wine-5.webp" alt="Сликање и вино на зајдисонце — 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="Сликање и вино на зајдисонце"><img loading="lazy" decoding="async" src="../../../images/paint-wine-6.webp" alt="Сликање и вино на зајдисонце — photo 6"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/paint-wine-7.webp" data-caption="Сликање и вино на зајдисонце"><img loading="lazy" decoding="async" src="../../../images/paint-wine-7.webp" alt="Сликање и вино на зајдисонце — photo 7"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/paint-wine-8.webp" data-caption="Сликање и вино на зајдисонце"><img loading="lazy" decoding="async" src="../../../images/paint-wine-8.webp" alt="Сликање и вино на зајдисонце — photo 8"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/paint-wine-9.webp" data-caption="Сликање и вино на зајдисонце"><img loading="lazy" decoding="async" src="../../../images/paint-wine-9.webp" alt="Сликање и вино на зајдисонце — photo 9"></button>
</div>
</section>
</article>
<section class="newsletter-cta">
<div class="container">
@@ -251,6 +251,19 @@
<figcaption>Момент од нашиот тим во Љубљана.</figcaption>
</figure>
</div>
<section class="event-gallery">
<h2 class="event-gallery-title">Фотографии од настанот</h2>
<div class="event-gallery-grid js-lightbox">
<button type="button" class="eg-thumb" data-full="../../../images/handball-2025-1.webp" data-caption="Заедничко гледање ракомет во Словенија"><img loading="lazy" decoding="async" src="../../../images/handball-2025-1.webp" alt="Заедничко гледање ракомет во Словенија — photo 1"></button>
<button type="button" class="eg-thumb" data-full="../../../images/handball-2025-2.webp" data-caption="Заедничко гледање ракомет во Словенија"><img loading="lazy" decoding="async" src="../../../images/handball-2025-2.webp" alt="Заедничко гледање ракомет во Словенија — photo 2"></button>
<button type="button" class="eg-thumb" data-full="../../../images/handball-2025-3.webp" data-caption="Заедничко гледање ракомет во Словенија"><img loading="lazy" decoding="async" src="../../../images/handball-2025-3.webp" alt="Заедничко гледање ракомет во Словенија — photo 3"></button>
<button type="button" class="eg-thumb" data-full="../../../images/handball-2025-4.webp" data-caption="Заедничко гледање ракомет во Словенија"><img loading="lazy" decoding="async" src="../../../images/handball-2025-4.webp" alt="Заедничко гледање ракомет во Словенија — photo 4"></button>
<button type="button" class="eg-thumb" data-full="../../../images/handball-2025-5.webp" data-caption="Заедничко гледање ракомет во Словенија"><img loading="lazy" decoding="async" src="../../../images/handball-2025-5.webp" alt="Заедничко гледање ракомет во Словенија — 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="Заедничко гледање ракомет во Словенија"><img loading="lazy" decoding="async" src="../../../images/handball-2025-6.webp" alt="Заедничко гледање ракомет во Словенија — photo 6"></button>
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/handball-2025-7.webp" data-caption="Заедничко гледање ракомет во Словенија"><img loading="lazy" decoding="async" src="../../../images/handball-2025-7.webp" alt="Заедничко гледање ракомет во Словенија — photo 7"></button>
</div>
</section>
</article>
<section class="newsletter-cta">
<div class="container">