Gallery: distinct album cards, blue tint, hover lift, whole card links to story

- Each album is now a bordered card with a resting shadow and clear separation
- Blue brand tint over the cover photos; fades on hover so images brighten
- Whole card lifts with a stronger shadow on hover (album-level, not per image)
- Clicking anywhere on a card opens the event story page (removed the lightbox)

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 14:49:28 +02:00
1 parent d048226daf
commit 24c77e6171
5 files changed
+345 -515

No files matched your search

+100 -131
View File
@@ -195,159 +195,128 @@
<div class="gallery-hero-inner">
<p class="gallery-eyebrow">Trenutki MSOS</p>
<h1>Naši trenutki skozi leta</h1>
<p class="gallery-lead">Pogled nazaj na dogodke, druženja in trenutke, ki gradijo skupnost MSOS. Kliknite album za ogled fotografij.</p>
<p class="gallery-lead">Pogled nazaj na dogodke, druženja in trenutke, ki gradijo skupnost MSOS. Kliknite album, da odprete zgodbo in vidite vse fotografije.</p>
</div>
</section>
<section class="gallery-albums">
<article class="album-card">
<div class="gallery-grid">
<button type="button" class="gallery-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="gallery-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="gallery-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"><span class="cover-more-badge">+9</span></button>
<button type="button" class="gallery-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="gallery-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"></button>
<button type="button" class="gallery-thumb" 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="gallery-thumb" 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="gallery-thumb" 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="gallery-thumb" 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="gallery-thumb" 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="gallery-thumb" 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="gallery-thumb" 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>
<div class="album-info">
<h3><a href="../../si/projects/meet-student-slovenia-2024/">Spoznaj študentsko Slovenijo 2024</a></h3>
<p class="album-meta"><span>12 fotografij</span><span class="dot" aria-hidden="true"></span><a href="../../si/projects/meet-student-slovenia-2024/">Preberi zgodbo</a></p>
</div>
<a class="album-link-wrap" href="../../si/projects/meet-student-slovenia-2024/" aria-label="Spoznaj študentsko Slovenijo 2024">
<div class="album-cover">
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/event4-img-1.webp" alt="Spoznaj študentsko Slovenijo 2024 — photo 1"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/event4-img-2.webp" alt="Spoznaj študentsko Slovenijo 2024 — photo 2"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/event4-img-3.webp" alt="Spoznaj študentsko Slovenijo 2024 — photo 3"><span class="cover-more-badge">+9</span></span>
</div>
<div class="album-info">
<h3>Spoznaj študentsko Slovenijo 2024</h3>
<p class="album-meta"><span>12 fotografij</span><span class="dot" aria-hidden="true"></span><span class="read-link">Preberi zgodbo</span></p>
</div>
</a>
</article>
<article class="album-card">
<div class="gallery-grid">
<button type="button" class="gallery-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="gallery-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="gallery-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"><span class="cover-more-badge">+7</span></button>
<button type="button" class="gallery-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="gallery-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"></button>
<button type="button" class="gallery-thumb" 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="gallery-thumb" 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="gallery-thumb" 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="gallery-thumb" 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="gallery-thumb" 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>
<div class="album-info">
<h3><a href="../../si/projects/meet-student-slovenia-2023/">Spoznaj študentsko Slovenijo 2023</a></h3>
<p class="album-meta"><span>10 fotografij</span><span class="dot" aria-hidden="true"></span><a href="../../si/projects/meet-student-slovenia-2023/">Preberi zgodbo</a></p>
</div>
<a class="album-link-wrap" href="../../si/projects/meet-student-slovenia-2023/" aria-label="Spoznaj študentsko Slovenijo 2023">
<div class="album-cover">
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/event3-photo-1.webp" alt="Spoznaj študentsko Slovenijo 2023 — photo 1"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/event3-photo-2.webp" alt="Spoznaj študentsko Slovenijo 2023 — photo 2"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/event3-photo-3.webp" alt="Spoznaj študentsko Slovenijo 2023 — photo 3"><span class="cover-more-badge">+7</span></span>
</div>
<div class="album-info">
<h3>Spoznaj študentsko Slovenijo 2023</h3>
<p class="album-meta"><span>10 fotografij</span><span class="dot" aria-hidden="true"></span><span class="read-link">Preberi zgodbo</span></p>
</div>
</a>
</article>
<article class="album-card">
<div class="gallery-grid">
<button type="button" class="gallery-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="gallery-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="gallery-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"><span class="cover-more-badge">+7</span></button>
<button type="button" class="gallery-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="gallery-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"></button>
<button type="button" class="gallery-thumb" 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="gallery-thumb" 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="gallery-thumb" 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="gallery-thumb" 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="gallery-thumb" 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>
<div class="album-info">
<h3><a href="../../si/projects/humanitarian-tournament-in-maribor/">Humanitarni turnir v Mariboru</a></h3>
<p class="album-meta"><span>10 fotografij</span><span class="dot" aria-hidden="true"></span><a href="../../si/projects/humanitarian-tournament-in-maribor/">Preberi zgodbo</a></p>
</div>
<a class="album-link-wrap" href="../../si/projects/humanitarian-tournament-in-maribor/" aria-label="Humanitarni turnir v Mariboru">
<div class="album-cover">
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-1.webp" alt="Humanitarni turnir v Mariboru — photo 1"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-2.webp" alt="Humanitarni turnir v Mariboru — photo 2"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-3.webp" alt="Humanitarni turnir v Mariboru — photo 3"><span class="cover-more-badge">+7</span></span>
</div>
<div class="album-info">
<h3>Humanitarni turnir v Mariboru</h3>
<p class="album-meta"><span>10 fotografij</span><span class="dot" aria-hidden="true"></span><span class="read-link">Preberi zgodbo</span></p>
</div>
</a>
</article>
<article class="album-card">
<div class="gallery-grid">
<button type="button" class="gallery-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="gallery-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="gallery-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"><span class="cover-more-badge">+4</span></button>
<button type="button" class="gallery-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="gallery-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"></button>
<button type="button" class="gallery-thumb" 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="gallery-thumb" 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>
<div class="album-info">
<h3><a href="../../si/projects/macedonian-student-night-in-ljubljana/">Makedonski študentski večer v Ljubljani</a></h3>
<p class="album-meta"><span>7 fotografij</span><span class="dot" aria-hidden="true"></span><a href="../../si/projects/macedonian-student-night-in-ljubljana/">Preberi zgodbo</a></p>
</div>
<a class="album-link-wrap" href="../../si/projects/macedonian-student-night-in-ljubljana/" aria-label="Makedonski študentski večer v Ljubljani">
<div class="album-cover">
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/msnl-1.webp" alt="Makedonski študentski večer v Ljubljani — photo 1"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/msnl-2.webp" alt="Makedonski študentski večer v Ljubljani — photo 2"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/msnl-3.webp" alt="Makedonski študentski večer v Ljubljani — photo 3"><span class="cover-more-badge">+4</span></span>
</div>
<div class="album-info">
<h3>Makedonski študentski večer v Ljubljani</h3>
<p class="album-meta"><span>7 fotografij</span><span class="dot" aria-hidden="true"></span><span class="read-link">Preberi zgodbo</span></p>
</div>
</a>
</article>
<article class="album-card">
<div class="gallery-grid">
<button type="button" class="gallery-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="gallery-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="gallery-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"><span class="cover-more-badge">+6</span></button>
<button type="button" class="gallery-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="gallery-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"></button>
<button type="button" class="gallery-thumb" 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="gallery-thumb" 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="gallery-thumb" 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="gallery-thumb" 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>
<div class="album-info">
<h3><a href="../../si/projects/paint-and-wine-at-sunset/">Slikanje in vino ob sončnem zahodu</a></h3>
<p class="album-meta"><span>9 fotografij</span><span class="dot" aria-hidden="true"></span><a href="../../si/projects/paint-and-wine-at-sunset/">Preberi zgodbo</a></p>
</div>
<a class="album-link-wrap" href="../../si/projects/paint-and-wine-at-sunset/" aria-label="Slikanje in vino ob sončnem zahodu">
<div class="album-cover">
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/paint-wine-1.webp" alt="Slikanje in vino ob sončnem zahodu — photo 1"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/paint-wine-2.webp" alt="Slikanje in vino ob sončnem zahodu — photo 2"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/paint-wine-3.webp" alt="Slikanje in vino ob sončnem zahodu — photo 3"><span class="cover-more-badge">+6</span></span>
</div>
<div class="album-info">
<h3>Slikanje in vino ob sončnem zahodu</h3>
<p class="album-meta"><span>9 fotografij</span><span class="dot" aria-hidden="true"></span><span class="read-link">Preberi zgodbo</span></p>
</div>
</a>
</article>
<article class="album-card">
<div class="gallery-grid">
<button type="button" class="gallery-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="gallery-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="gallery-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"><span class="cover-more-badge">+4</span></button>
<button type="button" class="gallery-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="gallery-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"></button>
<button type="button" class="gallery-thumb" 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="gallery-thumb" 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>
<div class="album-info">
<h3><a href="../../si/projects/watching-handball-together-in-slovenia/">Skupno gledanje rokometa v Sloveniji</a></h3>
<p class="album-meta"><span>7 fotografij</span><span class="dot" aria-hidden="true"></span><a href="../../si/projects/watching-handball-together-in-slovenia/">Preberi zgodbo</a></p>
</div>
<a class="album-link-wrap" href="../../si/projects/watching-handball-together-in-slovenia/" aria-label="Skupno gledanje rokometa v Sloveniji">
<div class="album-cover">
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/handball-2025-1.webp" alt="Skupno gledanje rokometa v Sloveniji — photo 1"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/handball-2025-2.webp" alt="Skupno gledanje rokometa v Sloveniji — photo 2"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/handball-2025-3.webp" alt="Skupno gledanje rokometa v Sloveniji — photo 3"><span class="cover-more-badge">+4</span></span>
</div>
<div class="album-info">
<h3>Skupno gledanje rokometa v Sloveniji</h3>
<p class="album-meta"><span>7 fotografij</span><span class="dot" aria-hidden="true"></span><span class="read-link">Preberi zgodbo</span></p>
</div>
</a>
</article>
<article class="album-card">
<div class="gallery-grid">
<button type="button" class="gallery-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="gallery-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="gallery-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"><span class="cover-more-badge">+4</span></button>
<button type="button" class="gallery-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="gallery-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"></button>
<button type="button" class="gallery-thumb" 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="gallery-thumb" 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>
<div class="album-info">
<h3><a href="../../si/projects/morning-coffee-in-front-of-ctk/">Jutranja kava pred CTK</a></h3>
<p class="album-meta"><span>7 fotografij</span><span class="dot" aria-hidden="true"></span><a href="../../si/projects/morning-coffee-in-front-of-ctk/">Preberi zgodbo</a></p>
</div>
<a class="album-link-wrap" href="../../si/projects/morning-coffee-in-front-of-ctk/" aria-label="Jutranja kava pred CTK">
<div class="album-cover">
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/event4-image1.webp" alt="Jutranja kava pred CTK — photo 1"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/event4-image2.webp" alt="Jutranja kava pred CTK — photo 2"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/event4-image3.webp" alt="Jutranja kava pred CTK — photo 3"><span class="cover-more-badge">+4</span></span>
</div>
<div class="album-info">
<h3>Jutranja kava pred CTK</h3>
<p class="album-meta"><span>7 fotografij</span><span class="dot" aria-hidden="true"></span><span class="read-link">Preberi zgodbo</span></p>
</div>
</a>
</article>
<article class="album-card">
<div class="gallery-grid">
<button type="button" class="gallery-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="gallery-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="gallery-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>
<div class="album-info">
<h3><a href="../../si/projects/in-memory-of-frosina-kulakova/">V spomin na Frosino Kulakovo</a></h3>
<p class="album-meta"><span>3 fotografij</span><span class="dot" aria-hidden="true"></span><a href="../../si/projects/in-memory-of-frosina-kulakova/">Preberi zgodbo</a></p>
</div>
<a class="album-link-wrap" href="../../si/projects/in-memory-of-frosina-kulakova/" aria-label="V spomin na Frosino Kulakovo">
<div class="album-cover">
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/frosina-1.webp" alt="V spomin na Frosino Kulakovo — photo 1"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/frosina-2.webp" alt="V spomin na Frosino Kulakovo — photo 2"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/frosina-3.webp" alt="V spomin na Frosino Kulakovo — photo 3"></span>
</div>
<div class="album-info">
<h3>V spomin na Frosino Kulakovo</h3>
<p class="album-meta"><span>3 fotografij</span><span class="dot" aria-hidden="true"></span><span class="read-link">Preberi zgodbo</span></p>
</div>
</a>
</article>
<article class="album-card">
<div class="gallery-grid">
<button type="button" class="gallery-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="gallery-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="gallery-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"><span class="cover-more-badge">+1</span></button>
<button type="button" class="gallery-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>
<div class="album-info">
<h3><a href="../../si/projects/in-memory-of-the-kochani-victims/">V spomin na žrtve v Kočanih</a></h3>
<p class="album-meta"><span>4 fotografij</span><span class="dot" aria-hidden="true"></span><a href="../../si/projects/in-memory-of-the-kochani-victims/">Preberi zgodbo</a></p>
</div>
<a class="album-link-wrap" href="../../si/projects/in-memory-of-the-kochani-victims/" aria-label="V spomin na žrtve v Kočanih">
<div class="album-cover">
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/kochani-1.webp" alt="V spomin na žrtve v Kočanih — photo 1"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/kochani-2.webp" alt="V spomin na žrtve v Kočanih — photo 2"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/kochani-3.webp" alt="V spomin na žrtve v Kočanih — photo 3"><span class="cover-more-badge">+1</span></span>
</div>
<div class="album-info">
<h3>V spomin na žrtve v Kočanih</h3>
<p class="album-meta"><span>4 fotografij</span><span class="dot" aria-hidden="true"></span><span class="read-link">Preberi zgodbo</span></p>
</div>
</a>
</article>
</section>
<div class="lightbox" id="gallery-lightbox" aria-hidden="true" role="dialog" aria-label="Photo viewer">
<button type="button" class="lightbox-close" aria-label="Close">&times;</button>
<button type="button" class="lightbox-prev" aria-label="Previous">&#10094;</button>
<img class="lightbox-img" src="" alt="">
<button type="button" class="lightbox-next" aria-label="Next">&#10095;</button>
<div class="lightbox-caption"></div>
</div>
</main>
<!-- START_FOOTER -->