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:
popovskik
parent
d048226daf
commit
24c77e6171
|
|
@ -1,5 +1,5 @@
|
||||||
/* ==========================================================================
|
/* ==========================================================================
|
||||||
Gallery page — Pinterest-style album collage cards + lightbox
|
Gallery page — album collage cards (whole card links to the event story)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
.gallery-page { padding-top: 80px; background: #FFFFFF; }
|
.gallery-page { padding-top: 80px; background: #FFFFFF; }
|
||||||
|
|
||||||
|
|
@ -19,99 +19,77 @@
|
||||||
}
|
}
|
||||||
.gallery-lead { font-size: 18px; line-height: 28px; color: #475467; margin: 0; }
|
.gallery-lead { font-size: 18px; line-height: 28px; color: #475467; margin: 0; }
|
||||||
|
|
||||||
/* ---------- Album grid (multiple collage cards per row) ---------- */
|
/* ---------- Album grid ---------- */
|
||||||
.gallery-albums {
|
.gallery-albums {
|
||||||
max-width: 1180px; margin: 0 auto; padding: 28px 24px 88px;
|
max-width: 1180px; margin: 0 auto; padding: 28px 24px 88px;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
|
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
|
||||||
gap: 28px 24px;
|
gap: 30px 26px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.album-card { display: flex; flex-direction: column; }
|
/* Each album is a distinct, hoverable card */
|
||||||
|
.album-card {
|
||||||
|
border-radius: 16px;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border: 1px solid #E7ECEF;
|
||||||
|
box-shadow: 0 2px 8px rgba(16, 24, 40, 0.05);
|
||||||
|
overflow: hidden;
|
||||||
|
transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
|
||||||
|
}
|
||||||
|
.album-card:hover {
|
||||||
|
transform: translateY(-6px);
|
||||||
|
box-shadow: 0 22px 44px rgba(16, 24, 40, 0.18);
|
||||||
|
border-color: #BCD8E0;
|
||||||
|
}
|
||||||
|
.album-link-wrap { display: block; text-decoration: none; color: inherit; }
|
||||||
|
|
||||||
/* The collage: 1 large tile (left, full height) + 2 stacked tiles (right).
|
/* The collage: 1 large tile (left) + 2 stacked tiles (right) */
|
||||||
Extra photos stay in the DOM (for the lightbox) but are hidden here. */
|
.album-cover {
|
||||||
.album-card .gallery-grid {
|
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 2fr 1fr;
|
grid-template-columns: 2fr 1fr;
|
||||||
grid-template-rows: 1fr 1fr;
|
grid-template-rows: 1fr 1fr;
|
||||||
gap: 4px;
|
gap: 3px;
|
||||||
height: 230px;
|
height: 220px;
|
||||||
border-radius: 14px;
|
|
||||||
overflow: hidden;
|
|
||||||
background: #EEF2F4;
|
background: #EEF2F4;
|
||||||
}
|
}
|
||||||
.album-card .gallery-thumb {
|
.album-tile { position: relative; overflow: hidden; }
|
||||||
padding: 0; border: none; background: #EEF2F4;
|
.album-tile img {
|
||||||
cursor: pointer; overflow: hidden; position: relative;
|
|
||||||
width: 100%; height: 100%;
|
|
||||||
}
|
|
||||||
.album-card .gallery-thumb img {
|
|
||||||
width: 100%; height: 100%; object-fit: cover; display: block;
|
width: 100%; height: 100%; object-fit: cover; display: block;
|
||||||
transition: transform 0.4s ease;
|
transition: transform 0.5s ease;
|
||||||
}
|
}
|
||||||
.album-card .gallery-thumb:hover img { transform: scale(1.05); }
|
.album-tile--main { grid-row: 1 / 3; grid-column: 1; }
|
||||||
.album-card .gallery-thumb:focus-visible { outline: 2px solid #2D738C; outline-offset: -2px; }
|
.album-card:hover .album-tile img { transform: scale(1.04); }
|
||||||
.album-card .gallery-grid > .gallery-thumb:nth-child(1) { grid-row: 1 / 3; grid-column: 1; }
|
|
||||||
.album-card .gallery-grid > .gallery-thumb:nth-child(2) { grid-column: 2; grid-row: 1; }
|
|
||||||
.album-card .gallery-grid > .gallery-thumb:nth-child(3) { grid-column: 2; grid-row: 2; }
|
|
||||||
.album-card .gallery-grid > .gallery-thumb:nth-child(n+4) { display: none; }
|
|
||||||
|
|
||||||
/* "+N more" overlay on the last visible tile */
|
/* Blue brand tint over every photo; fades on hover so the images brighten */
|
||||||
|
.album-tile::after {
|
||||||
|
content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
|
||||||
|
background: linear-gradient(155deg, rgba(45, 115, 140, 0.34) 0%, rgba(21, 60, 78, 0.12) 60%, rgba(21, 60, 78, 0.04) 100%);
|
||||||
|
transition: opacity 0.3s ease;
|
||||||
|
}
|
||||||
|
.album-card:hover .album-tile::after { opacity: 0.35; }
|
||||||
|
|
||||||
|
/* "+N more" overlay on the last visible tile (sits above the tint) */
|
||||||
.cover-more-badge {
|
.cover-more-badge {
|
||||||
position: absolute; inset: 0;
|
position: absolute; inset: 0; z-index: 2;
|
||||||
display: flex; align-items: center; justify-content: center;
|
display: flex; align-items: center; justify-content: center;
|
||||||
background: rgba(9, 18, 26, 0.55);
|
background: rgba(9, 18, 26, 0.5);
|
||||||
color: #FFFFFF; font-size: 22px; font-weight: 700;
|
color: #FFFFFF; font-size: 22px; font-weight: 700; letter-spacing: 0.01em;
|
||||||
letter-spacing: 0.01em; pointer-events: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.album-info { padding: 12px 2px 0; }
|
.album-info { padding: 14px 16px 16px; }
|
||||||
.album-info h3 { font-size: 17px; line-height: 1.3; margin: 0 0 3px; font-weight: 700; }
|
.album-info h3 { font-size: 17px; line-height: 1.3; margin: 0 0 3px; font-weight: 700; color: #101828; transition: color 0.2s ease; }
|
||||||
.album-info h3 a { color: #101828; text-decoration: none; }
|
.album-card:hover .album-info h3 { color: #2D738C; }
|
||||||
.album-info h3 a:hover { color: #2D738C; }
|
|
||||||
.album-meta {
|
.album-meta {
|
||||||
font-size: 13px; color: #667085; margin: 0;
|
font-size: 13px; color: #667085; margin: 0;
|
||||||
display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
|
display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
.album-meta .dot { width: 3px; height: 3px; border-radius: 50%; background: #D0D5DD; }
|
.album-meta .dot { width: 3px; height: 3px; border-radius: 50%; background: #D0D5DD; }
|
||||||
.album-meta a { color: #2D738C; text-decoration: none; font-weight: 600; }
|
.album-meta .read-link { color: #2D738C; font-weight: 600; }
|
||||||
.album-meta a:hover { text-decoration: underline; }
|
|
||||||
|
|
||||||
/* ---------- Lightbox ---------- */
|
|
||||||
.lightbox {
|
|
||||||
position: fixed; inset: 0; z-index: 2000;
|
|
||||||
display: none; align-items: center; justify-content: center;
|
|
||||||
background: rgba(9, 18, 26, 0.92); padding: 24px;
|
|
||||||
}
|
|
||||||
.lightbox.is-open { display: flex; }
|
|
||||||
.lightbox-img {
|
|
||||||
max-width: 92vw; max-height: 82vh; object-fit: contain;
|
|
||||||
border-radius: 6px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
.lightbox-close, .lightbox-prev, .lightbox-next {
|
|
||||||
position: absolute; background: rgba(255, 255, 255, 0.12);
|
|
||||||
color: #FFFFFF; border: none; cursor: pointer; border-radius: 50%;
|
|
||||||
width: 48px; height: 48px; font-size: 24px; line-height: 1;
|
|
||||||
display: flex; align-items: center; justify-content: center;
|
|
||||||
transition: background 0.15s ease;
|
|
||||||
}
|
|
||||||
.lightbox-close:hover, .lightbox-prev:hover, .lightbox-next:hover { background: rgba(255, 255, 255, 0.25); }
|
|
||||||
.lightbox-close { top: 20px; right: 20px; font-size: 28px; }
|
|
||||||
.lightbox-prev { left: 20px; top: 50%; transform: translateY(-50%); }
|
|
||||||
.lightbox-next { right: 20px; top: 50%; transform: translateY(-50%); }
|
|
||||||
.lightbox-caption {
|
|
||||||
position: absolute; bottom: 18px; left: 0; right: 0;
|
|
||||||
text-align: center; color: rgba(255, 255, 255, 0.85);
|
|
||||||
font-size: 14px; padding: 0 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
@media (max-width: 600px) {
|
||||||
.gallery-albums { grid-template-columns: 1fr 1fr; gap: 18px 14px; padding: 24px 16px 72px; }
|
.gallery-albums { grid-template-columns: 1fr 1fr; gap: 18px 14px; padding: 24px 16px 72px; }
|
||||||
.album-card .gallery-grid { height: 150px; }
|
.album-cover { height: 150px; }
|
||||||
|
.album-info { padding: 12px 12px 14px; }
|
||||||
.album-info h3 { font-size: 15px; }
|
.album-info h3 { font-size: 15px; }
|
||||||
.cover-more-badge { font-size: 17px; }
|
.cover-more-badge { font-size: 17px; }
|
||||||
.lightbox-prev { left: 8px; }
|
|
||||||
.lightbox-next { right: 8px; }
|
|
||||||
.lightbox-close { top: 12px; right: 12px; }
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -195,159 +195,128 @@
|
||||||
<div class="gallery-hero-inner">
|
<div class="gallery-hero-inner">
|
||||||
<p class="gallery-eyebrow">MSOS moments</p>
|
<p class="gallery-eyebrow">MSOS moments</p>
|
||||||
<h1>Our moments through the years</h1>
|
<h1>Our moments through the years</h1>
|
||||||
<p class="gallery-lead">A look back at the events, gatherings and moments that make the MSOS community. Click an album to browse the photos.</p>
|
<p class="gallery-lead">A look back at the events, gatherings and moments that make the MSOS community. Click an album to open the story and see every photo.</p>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section class="gallery-albums">
|
<section class="gallery-albums">
|
||||||
<article class="album-card">
|
<article class="album-card">
|
||||||
<div class="gallery-grid">
|
<a class="album-link-wrap" href="../../en/projects/meet-student-slovenia-2024/" aria-label="Meet Student Slovenia 2024">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/event4-img-1.webp" data-caption="Meet Student Slovenia 2024"><img loading="lazy" decoding="async" src="../../images/event4-img-1.webp" alt="Meet Student Slovenia 2024 — photo 1"></button>
|
<div class="album-cover">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/event4-img-2.webp" data-caption="Meet Student Slovenia 2024"><img loading="lazy" decoding="async" src="../../images/event4-img-2.webp" alt="Meet Student Slovenia 2024 — photo 2"></button>
|
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/event4-img-1.webp" alt="Meet Student Slovenia 2024 — photo 1"></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/event4-img-3.webp" data-caption="Meet Student Slovenia 2024"><img loading="lazy" decoding="async" src="../../images/event4-img-3.webp" alt="Meet Student Slovenia 2024 — photo 3"><span class="cover-more-badge">+9</span></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/event4-img-2.webp" alt="Meet Student Slovenia 2024 — photo 2"></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/event4-img-4.webp" data-caption="Meet Student Slovenia 2024"><img loading="lazy" decoding="async" src="../../images/event4-img-4.webp" alt="Meet Student Slovenia 2024 — photo 4"></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/event4-img-3.webp" alt="Meet Student Slovenia 2024 — photo 3"><span class="cover-more-badge">+9</span></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/event4-img-5.webp" data-caption="Meet Student Slovenia 2024"><img loading="lazy" decoding="async" src="../../images/event4-img-5.webp" alt="Meet Student Slovenia 2024 — photo 5"></button>
|
</div>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/event4-img-6.webp" data-caption="Meet Student Slovenia 2024"><img loading="lazy" decoding="async" src="../../images/event4-img-6.webp" alt="Meet Student Slovenia 2024 — photo 6"></button>
|
<div class="album-info">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/event4-img-7.webp" data-caption="Meet Student Slovenia 2024"><img loading="lazy" decoding="async" src="../../images/event4-img-7.webp" alt="Meet Student Slovenia 2024 — photo 7"></button>
|
<h3>Meet Student Slovenia 2024</h3>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/event4-img-8.webp" data-caption="Meet Student Slovenia 2024"><img loading="lazy" decoding="async" src="../../images/event4-img-8.webp" alt="Meet Student Slovenia 2024 — photo 8"></button>
|
<p class="album-meta"><span>12 photos</span><span class="dot" aria-hidden="true"></span><span class="read-link">Read the story</span></p>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/event4-img-9.webp" data-caption="Meet Student Slovenia 2024"><img loading="lazy" decoding="async" src="../../images/event4-img-9.webp" alt="Meet Student Slovenia 2024 — photo 9"></button>
|
</div>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/event4-img-10.webp" data-caption="Meet Student Slovenia 2024"><img loading="lazy" decoding="async" src="../../images/event4-img-10.webp" alt="Meet Student Slovenia 2024 — photo 10"></button>
|
</a>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/event4-img-11.webp" data-caption="Meet Student Slovenia 2024"><img loading="lazy" decoding="async" src="../../images/event4-img-11.webp" alt="Meet Student Slovenia 2024 — photo 11"></button>
|
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/event4-img-12.webp" data-caption="Meet Student Slovenia 2024"><img loading="lazy" decoding="async" src="../../images/event4-img-12.webp" alt="Meet Student Slovenia 2024 — photo 12"></button>
|
|
||||||
</div>
|
|
||||||
<div class="album-info">
|
|
||||||
<h3><a href="../../en/projects/meet-student-slovenia-2024/">Meet Student Slovenia 2024</a></h3>
|
|
||||||
<p class="album-meta"><span>12 photos</span><span class="dot" aria-hidden="true"></span><a href="../../en/projects/meet-student-slovenia-2024/">Read the story</a></p>
|
|
||||||
</div>
|
|
||||||
</article>
|
</article>
|
||||||
<article class="album-card">
|
<article class="album-card">
|
||||||
<div class="gallery-grid">
|
<a class="album-link-wrap" href="../../en/projects/meet-student-slovenia-2023/" aria-label="Meet Student Slovenia 2023">
|
||||||
<button type="button" class="gallery-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>
|
<div class="album-cover">
|
||||||
<button type="button" class="gallery-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>
|
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/event3-photo-1.webp" alt="Meet Student Slovenia 2023 — photo 1"></span>
|
||||||
<button type="button" class="gallery-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"><span class="cover-more-badge">+7</span></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/event3-photo-2.webp" alt="Meet Student Slovenia 2023 — photo 2"></span>
|
||||||
<button type="button" class="gallery-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>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/event3-photo-3.webp" alt="Meet Student Slovenia 2023 — photo 3"><span class="cover-more-badge">+7</span></span>
|
||||||
<button type="button" class="gallery-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"></button>
|
</div>
|
||||||
<button type="button" class="gallery-thumb" 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>
|
<div class="album-info">
|
||||||
<button type="button" class="gallery-thumb" 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>
|
<h3>Meet Student Slovenia 2023</h3>
|
||||||
<button type="button" class="gallery-thumb" 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>
|
<p class="album-meta"><span>10 photos</span><span class="dot" aria-hidden="true"></span><span class="read-link">Read the story</span></p>
|
||||||
<button type="button" class="gallery-thumb" 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>
|
</div>
|
||||||
<button type="button" class="gallery-thumb" 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>
|
</a>
|
||||||
</div>
|
|
||||||
<div class="album-info">
|
|
||||||
<h3><a href="../../en/projects/meet-student-slovenia-2023/">Meet Student Slovenia 2023</a></h3>
|
|
||||||
<p class="album-meta"><span>10 photos</span><span class="dot" aria-hidden="true"></span><a href="../../en/projects/meet-student-slovenia-2023/">Read the story</a></p>
|
|
||||||
</div>
|
|
||||||
</article>
|
</article>
|
||||||
<article class="album-card">
|
<article class="album-card">
|
||||||
<div class="gallery-grid">
|
<a class="album-link-wrap" href="../../en/projects/humanitarian-tournament-in-maribor/" aria-label="Humanitarian Tournament in Maribor">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/maribor-tournament-1.webp" data-caption="Humanitarian Tournament in Maribor"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-1.webp" alt="Humanitarian Tournament in Maribor — photo 1"></button>
|
<div class="album-cover">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/maribor-tournament-2.webp" data-caption="Humanitarian Tournament in Maribor"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-2.webp" alt="Humanitarian Tournament in Maribor — photo 2"></button>
|
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-1.webp" alt="Humanitarian Tournament in Maribor — photo 1"></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/maribor-tournament-3.webp" data-caption="Humanitarian Tournament in Maribor"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-3.webp" alt="Humanitarian Tournament in Maribor — photo 3"><span class="cover-more-badge">+7</span></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-2.webp" alt="Humanitarian Tournament in Maribor — photo 2"></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/maribor-tournament-4.webp" data-caption="Humanitarian Tournament in Maribor"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-4.webp" alt="Humanitarian Tournament in Maribor — photo 4"></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-3.webp" alt="Humanitarian Tournament in Maribor — photo 3"><span class="cover-more-badge">+7</span></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/maribor-tournament-5.webp" data-caption="Humanitarian Tournament in Maribor"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-5.webp" alt="Humanitarian Tournament in Maribor — photo 5"></button>
|
</div>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/maribor-tournament-6.webp" data-caption="Humanitarian Tournament in Maribor"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-6.webp" alt="Humanitarian Tournament in Maribor — photo 6"></button>
|
<div class="album-info">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/maribor-tournament-7.webp" data-caption="Humanitarian Tournament in Maribor"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-7.webp" alt="Humanitarian Tournament in Maribor — photo 7"></button>
|
<h3>Humanitarian Tournament in Maribor</h3>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/maribor-tournament-8.webp" data-caption="Humanitarian Tournament in Maribor"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-8.webp" alt="Humanitarian Tournament in Maribor — photo 8"></button>
|
<p class="album-meta"><span>10 photos</span><span class="dot" aria-hidden="true"></span><span class="read-link">Read the story</span></p>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/maribor-tournament-9.webp" data-caption="Humanitarian Tournament in Maribor"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-9.webp" alt="Humanitarian Tournament in Maribor — photo 9"></button>
|
</div>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/maribor-tournament-10.webp" data-caption="Humanitarian Tournament in Maribor"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-10.webp" alt="Humanitarian Tournament in Maribor — photo 10"></button>
|
</a>
|
||||||
</div>
|
|
||||||
<div class="album-info">
|
|
||||||
<h3><a href="../../en/projects/humanitarian-tournament-in-maribor/">Humanitarian Tournament in Maribor</a></h3>
|
|
||||||
<p class="album-meta"><span>10 photos</span><span class="dot" aria-hidden="true"></span><a href="../../en/projects/humanitarian-tournament-in-maribor/">Read the story</a></p>
|
|
||||||
</div>
|
|
||||||
</article>
|
</article>
|
||||||
<article class="album-card">
|
<article class="album-card">
|
||||||
<div class="gallery-grid">
|
<a class="album-link-wrap" href="../../en/projects/macedonian-student-night-in-ljubljana/" aria-label="Macedonian Student Night in Ljubljana">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/msnl-1.webp" data-caption="Macedonian Student Night in Ljubljana"><img loading="lazy" decoding="async" src="../../images/msnl-1.webp" alt="Macedonian Student Night in Ljubljana — photo 1"></button>
|
<div class="album-cover">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/msnl-2.webp" data-caption="Macedonian Student Night in Ljubljana"><img loading="lazy" decoding="async" src="../../images/msnl-2.webp" alt="Macedonian Student Night in Ljubljana — photo 2"></button>
|
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/msnl-1.webp" alt="Macedonian Student Night in Ljubljana — photo 1"></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/msnl-3.webp" data-caption="Macedonian Student Night in Ljubljana"><img loading="lazy" decoding="async" src="../../images/msnl-3.webp" alt="Macedonian Student Night in Ljubljana — photo 3"><span class="cover-more-badge">+4</span></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/msnl-2.webp" alt="Macedonian Student Night in Ljubljana — photo 2"></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/msnl-4.webp" data-caption="Macedonian Student Night in Ljubljana"><img loading="lazy" decoding="async" src="../../images/msnl-4.webp" alt="Macedonian Student Night in Ljubljana — photo 4"></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/msnl-3.webp" alt="Macedonian Student Night in Ljubljana — photo 3"><span class="cover-more-badge">+4</span></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/msnl-5.webp" data-caption="Macedonian Student Night in Ljubljana"><img loading="lazy" decoding="async" src="../../images/msnl-5.webp" alt="Macedonian Student Night in Ljubljana — photo 5"></button>
|
</div>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/msnl-6.webp" data-caption="Macedonian Student Night in Ljubljana"><img loading="lazy" decoding="async" src="../../images/msnl-6.webp" alt="Macedonian Student Night in Ljubljana — photo 6"></button>
|
<div class="album-info">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/msnl-7.webp" data-caption="Macedonian Student Night in Ljubljana"><img loading="lazy" decoding="async" src="../../images/msnl-7.webp" alt="Macedonian Student Night in Ljubljana — photo 7"></button>
|
<h3>Macedonian Student Night in Ljubljana</h3>
|
||||||
</div>
|
<p class="album-meta"><span>7 photos</span><span class="dot" aria-hidden="true"></span><span class="read-link">Read the story</span></p>
|
||||||
<div class="album-info">
|
</div>
|
||||||
<h3><a href="../../en/projects/macedonian-student-night-in-ljubljana/">Macedonian Student Night in Ljubljana</a></h3>
|
</a>
|
||||||
<p class="album-meta"><span>7 photos</span><span class="dot" aria-hidden="true"></span><a href="../../en/projects/macedonian-student-night-in-ljubljana/">Read the story</a></p>
|
|
||||||
</div>
|
|
||||||
</article>
|
</article>
|
||||||
<article class="album-card">
|
<article class="album-card">
|
||||||
<div class="gallery-grid">
|
<a class="album-link-wrap" href="../../en/projects/paint-and-wine-at-sunset/" aria-label="Paint & Wine at Sunset">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/paint-wine-1.webp" data-caption="Paint & Wine at Sunset"><img loading="lazy" decoding="async" src="../../images/paint-wine-1.webp" alt="Paint & Wine at Sunset — photo 1"></button>
|
<div class="album-cover">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/paint-wine-2.webp" data-caption="Paint & Wine at Sunset"><img loading="lazy" decoding="async" src="../../images/paint-wine-2.webp" alt="Paint & Wine at Sunset — photo 2"></button>
|
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/paint-wine-1.webp" alt="Paint & Wine at Sunset — photo 1"></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/paint-wine-3.webp" data-caption="Paint & Wine at Sunset"><img loading="lazy" decoding="async" src="../../images/paint-wine-3.webp" alt="Paint & Wine at Sunset — photo 3"><span class="cover-more-badge">+6</span></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/paint-wine-2.webp" alt="Paint & Wine at Sunset — photo 2"></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/paint-wine-4.webp" data-caption="Paint & Wine at Sunset"><img loading="lazy" decoding="async" src="../../images/paint-wine-4.webp" alt="Paint & Wine at Sunset — photo 4"></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/paint-wine-3.webp" alt="Paint & Wine at Sunset — photo 3"><span class="cover-more-badge">+6</span></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/paint-wine-5.webp" data-caption="Paint & Wine at Sunset"><img loading="lazy" decoding="async" src="../../images/paint-wine-5.webp" alt="Paint & Wine at Sunset — photo 5"></button>
|
</div>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/paint-wine-6.webp" data-caption="Paint & Wine at Sunset"><img loading="lazy" decoding="async" src="../../images/paint-wine-6.webp" alt="Paint & Wine at Sunset — photo 6"></button>
|
<div class="album-info">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/paint-wine-7.webp" data-caption="Paint & Wine at Sunset"><img loading="lazy" decoding="async" src="../../images/paint-wine-7.webp" alt="Paint & Wine at Sunset — photo 7"></button>
|
<h3>Paint & Wine at Sunset</h3>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/paint-wine-8.webp" data-caption="Paint & Wine at Sunset"><img loading="lazy" decoding="async" src="../../images/paint-wine-8.webp" alt="Paint & Wine at Sunset — photo 8"></button>
|
<p class="album-meta"><span>9 photos</span><span class="dot" aria-hidden="true"></span><span class="read-link">Read the story</span></p>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/paint-wine-9.webp" data-caption="Paint & Wine at Sunset"><img loading="lazy" decoding="async" src="../../images/paint-wine-9.webp" alt="Paint & Wine at Sunset — photo 9"></button>
|
</div>
|
||||||
</div>
|
</a>
|
||||||
<div class="album-info">
|
|
||||||
<h3><a href="../../en/projects/paint-and-wine-at-sunset/">Paint & Wine at Sunset</a></h3>
|
|
||||||
<p class="album-meta"><span>9 photos</span><span class="dot" aria-hidden="true"></span><a href="../../en/projects/paint-and-wine-at-sunset/">Read the story</a></p>
|
|
||||||
</div>
|
|
||||||
</article>
|
</article>
|
||||||
<article class="album-card">
|
<article class="album-card">
|
||||||
<div class="gallery-grid">
|
<a class="album-link-wrap" href="../../en/projects/watching-handball-together-in-slovenia/" aria-label="Watching Handball Together in Slovenia">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/handball-2025-1.webp" data-caption="Watching Handball Together in Slovenia"><img loading="lazy" decoding="async" src="../../images/handball-2025-1.webp" alt="Watching Handball Together in Slovenia — photo 1"></button>
|
<div class="album-cover">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/handball-2025-2.webp" data-caption="Watching Handball Together in Slovenia"><img loading="lazy" decoding="async" src="../../images/handball-2025-2.webp" alt="Watching Handball Together in Slovenia — photo 2"></button>
|
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/handball-2025-1.webp" alt="Watching Handball Together in Slovenia — photo 1"></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/handball-2025-3.webp" data-caption="Watching Handball Together in Slovenia"><img loading="lazy" decoding="async" src="../../images/handball-2025-3.webp" alt="Watching Handball Together in Slovenia — photo 3"><span class="cover-more-badge">+4</span></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/handball-2025-2.webp" alt="Watching Handball Together in Slovenia — photo 2"></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/handball-2025-4.webp" data-caption="Watching Handball Together in Slovenia"><img loading="lazy" decoding="async" src="../../images/handball-2025-4.webp" alt="Watching Handball Together in Slovenia — photo 4"></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/handball-2025-3.webp" alt="Watching Handball Together in Slovenia — photo 3"><span class="cover-more-badge">+4</span></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/handball-2025-5.webp" data-caption="Watching Handball Together in Slovenia"><img loading="lazy" decoding="async" src="../../images/handball-2025-5.webp" alt="Watching Handball Together in Slovenia — photo 5"></button>
|
</div>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/handball-2025-6.webp" data-caption="Watching Handball Together in Slovenia"><img loading="lazy" decoding="async" src="../../images/handball-2025-6.webp" alt="Watching Handball Together in Slovenia — photo 6"></button>
|
<div class="album-info">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/handball-2025-7.webp" data-caption="Watching Handball Together in Slovenia"><img loading="lazy" decoding="async" src="../../images/handball-2025-7.webp" alt="Watching Handball Together in Slovenia — photo 7"></button>
|
<h3>Watching Handball Together in Slovenia</h3>
|
||||||
</div>
|
<p class="album-meta"><span>7 photos</span><span class="dot" aria-hidden="true"></span><span class="read-link">Read the story</span></p>
|
||||||
<div class="album-info">
|
</div>
|
||||||
<h3><a href="../../en/projects/watching-handball-together-in-slovenia/">Watching Handball Together in Slovenia</a></h3>
|
</a>
|
||||||
<p class="album-meta"><span>7 photos</span><span class="dot" aria-hidden="true"></span><a href="../../en/projects/watching-handball-together-in-slovenia/">Read the story</a></p>
|
|
||||||
</div>
|
|
||||||
</article>
|
</article>
|
||||||
<article class="album-card">
|
<article class="album-card">
|
||||||
<div class="gallery-grid">
|
<a class="album-link-wrap" href="../../en/projects/morning-coffee-in-front-of-ctk/" aria-label="Morning Coffee in front of CTK">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/event4-image1.webp" data-caption="Morning Coffee in front of CTK"><img loading="lazy" decoding="async" src="../../images/event4-image1.webp" alt="Morning Coffee in front of CTK — photo 1"></button>
|
<div class="album-cover">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/event4-image2.webp" data-caption="Morning Coffee in front of CTK"><img loading="lazy" decoding="async" src="../../images/event4-image2.webp" alt="Morning Coffee in front of CTK — photo 2"></button>
|
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/event4-image1.webp" alt="Morning Coffee in front of CTK — photo 1"></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/event4-image3.webp" data-caption="Morning Coffee in front of CTK"><img loading="lazy" decoding="async" src="../../images/event4-image3.webp" alt="Morning Coffee in front of CTK — photo 3"><span class="cover-more-badge">+4</span></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/event4-image2.webp" alt="Morning Coffee in front of CTK — photo 2"></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/event4-image4.webp" data-caption="Morning Coffee in front of CTK"><img loading="lazy" decoding="async" src="../../images/event4-image4.webp" alt="Morning Coffee in front of CTK — photo 4"></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/event4-image3.webp" alt="Morning Coffee in front of CTK — photo 3"><span class="cover-more-badge">+4</span></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/event4-image5.webp" data-caption="Morning Coffee in front of CTK"><img loading="lazy" decoding="async" src="../../images/event4-image5.webp" alt="Morning Coffee in front of CTK — photo 5"></button>
|
</div>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/event4-image6.webp" data-caption="Morning Coffee in front of CTK"><img loading="lazy" decoding="async" src="../../images/event4-image6.webp" alt="Morning Coffee in front of CTK — photo 6"></button>
|
<div class="album-info">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/event4-image7.webp" data-caption="Morning Coffee in front of CTK"><img loading="lazy" decoding="async" src="../../images/event4-image7.webp" alt="Morning Coffee in front of CTK — photo 7"></button>
|
<h3>Morning Coffee in front of CTK</h3>
|
||||||
</div>
|
<p class="album-meta"><span>7 photos</span><span class="dot" aria-hidden="true"></span><span class="read-link">Read the story</span></p>
|
||||||
<div class="album-info">
|
</div>
|
||||||
<h3><a href="../../en/projects/morning-coffee-in-front-of-ctk/">Morning Coffee in front of CTK</a></h3>
|
</a>
|
||||||
<p class="album-meta"><span>7 photos</span><span class="dot" aria-hidden="true"></span><a href="../../en/projects/morning-coffee-in-front-of-ctk/">Read the story</a></p>
|
|
||||||
</div>
|
|
||||||
</article>
|
</article>
|
||||||
<article class="album-card">
|
<article class="album-card">
|
||||||
<div class="gallery-grid">
|
<a class="album-link-wrap" href="../../en/projects/in-memory-of-frosina-kulakova/" aria-label="In Memory of Frosina Kulakova">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/frosina-1.webp" data-caption="In Memory of Frosina Kulakova"><img loading="lazy" decoding="async" src="../../images/frosina-1.webp" alt="In Memory of Frosina Kulakova — photo 1"></button>
|
<div class="album-cover">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/frosina-2.webp" data-caption="In Memory of Frosina Kulakova"><img loading="lazy" decoding="async" src="../../images/frosina-2.webp" alt="In Memory of Frosina Kulakova — photo 2"></button>
|
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/frosina-1.webp" alt="In Memory of Frosina Kulakova — photo 1"></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/frosina-3.webp" data-caption="In Memory of Frosina Kulakova"><img loading="lazy" decoding="async" src="../../images/frosina-3.webp" alt="In Memory of Frosina Kulakova — photo 3"></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/frosina-2.webp" alt="In Memory of Frosina Kulakova — photo 2"></span>
|
||||||
</div>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/frosina-3.webp" alt="In Memory of Frosina Kulakova — photo 3"></span>
|
||||||
<div class="album-info">
|
</div>
|
||||||
<h3><a href="../../en/projects/in-memory-of-frosina-kulakova/">In Memory of Frosina Kulakova</a></h3>
|
<div class="album-info">
|
||||||
<p class="album-meta"><span>3 photos</span><span class="dot" aria-hidden="true"></span><a href="../../en/projects/in-memory-of-frosina-kulakova/">Read the story</a></p>
|
<h3>In Memory of Frosina Kulakova</h3>
|
||||||
</div>
|
<p class="album-meta"><span>3 photos</span><span class="dot" aria-hidden="true"></span><span class="read-link">Read the story</span></p>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
</article>
|
</article>
|
||||||
<article class="album-card">
|
<article class="album-card">
|
||||||
<div class="gallery-grid">
|
<a class="album-link-wrap" href="../../en/projects/in-memory-of-the-kochani-victims/" aria-label="In Memory of the Kochani Victims">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/kochani-1.webp" data-caption="In Memory of the Kochani Victims"><img loading="lazy" decoding="async" src="../../images/kochani-1.webp" alt="In Memory of the Kochani Victims — photo 1"></button>
|
<div class="album-cover">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/kochani-2.webp" data-caption="In Memory of the Kochani Victims"><img loading="lazy" decoding="async" src="../../images/kochani-2.webp" alt="In Memory of the Kochani Victims — photo 2"></button>
|
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/kochani-1.webp" alt="In Memory of the Kochani Victims — photo 1"></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/kochani-3.webp" data-caption="In Memory of the Kochani Victims"><img loading="lazy" decoding="async" src="../../images/kochani-3.webp" alt="In Memory of the Kochani Victims — photo 3"><span class="cover-more-badge">+1</span></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/kochani-2.webp" alt="In Memory of the Kochani Victims — photo 2"></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/kochani-4.webp" data-caption="In Memory of the Kochani Victims"><img loading="lazy" decoding="async" src="../../images/kochani-4.webp" alt="In Memory of the Kochani Victims — photo 4"></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/kochani-3.webp" alt="In Memory of the Kochani Victims — photo 3"><span class="cover-more-badge">+1</span></span>
|
||||||
</div>
|
</div>
|
||||||
<div class="album-info">
|
<div class="album-info">
|
||||||
<h3><a href="../../en/projects/in-memory-of-the-kochani-victims/">In Memory of the Kochani Victims</a></h3>
|
<h3>In Memory of the Kochani Victims</h3>
|
||||||
<p class="album-meta"><span>4 photos</span><span class="dot" aria-hidden="true"></span><a href="../../en/projects/in-memory-of-the-kochani-victims/">Read the story</a></p>
|
<p class="album-meta"><span>4 photos</span><span class="dot" aria-hidden="true"></span><span class="read-link">Read the story</span></p>
|
||||||
</div>
|
</div>
|
||||||
|
</a>
|
||||||
</article>
|
</article>
|
||||||
</section>
|
</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">×</button>
|
|
||||||
<button type="button" class="lightbox-prev" aria-label="Previous">❮</button>
|
|
||||||
<img class="lightbox-img" src="" alt="">
|
|
||||||
<button type="button" class="lightbox-next" aria-label="Next">❯</button>
|
|
||||||
<div class="lightbox-caption"></div>
|
|
||||||
</div>
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<!-- START_FOOTER -->
|
<!-- START_FOOTER -->
|
||||||
|
|
|
||||||
55
main.js
55
main.js
|
|
@ -833,60 +833,6 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* ===================================================================
|
|
||||||
* GALLERY LIGHTBOX (per-album photo viewer)
|
|
||||||
* ===================================================================
|
|
||||||
*/
|
|
||||||
function setupGallery() {
|
|
||||||
var lb = document.getElementById('gallery-lightbox');
|
|
||||||
if (!lb) return;
|
|
||||||
var img = lb.querySelector('.lightbox-img');
|
|
||||||
var cap = lb.querySelector('.lightbox-caption');
|
|
||||||
var group = [];
|
|
||||||
var idx = 0;
|
|
||||||
|
|
||||||
function render() {
|
|
||||||
var it = group[idx];
|
|
||||||
img.setAttribute('src', it.full);
|
|
||||||
img.setAttribute('alt', it.caption || '');
|
|
||||||
cap.textContent = (it.caption || '') + (group.length > 1 ? ' (' + (idx + 1) + '/' + group.length + ')' : '');
|
|
||||||
}
|
|
||||||
function open(grid, start) {
|
|
||||||
group = Array.prototype.map.call(grid.querySelectorAll('.gallery-thumb'), function (b) {
|
|
||||||
return { full: b.getAttribute('data-full'), caption: b.getAttribute('data-caption') || '' };
|
|
||||||
});
|
|
||||||
idx = start;
|
|
||||||
render();
|
|
||||||
lb.classList.add('is-open');
|
|
||||||
lb.setAttribute('aria-hidden', 'false');
|
|
||||||
document.documentElement.style.overflow = 'hidden';
|
|
||||||
}
|
|
||||||
function close() {
|
|
||||||
lb.classList.remove('is-open');
|
|
||||||
lb.setAttribute('aria-hidden', 'true');
|
|
||||||
document.documentElement.style.overflow = '';
|
|
||||||
img.setAttribute('src', '');
|
|
||||||
}
|
|
||||||
function step(d) { idx = (idx + d + group.length) % group.length; render(); }
|
|
||||||
|
|
||||||
document.querySelectorAll('.gallery-grid').forEach(function (grid) {
|
|
||||||
grid.querySelectorAll('.gallery-thumb').forEach(function (btn, i) {
|
|
||||||
btn.addEventListener('click', function () { open(grid, i); });
|
|
||||||
});
|
|
||||||
});
|
|
||||||
lb.querySelector('.lightbox-close').addEventListener('click', close);
|
|
||||||
lb.querySelector('.lightbox-prev').addEventListener('click', function () { step(-1); });
|
|
||||||
lb.querySelector('.lightbox-next').addEventListener('click', function () { step(1); });
|
|
||||||
lb.addEventListener('click', function (e) { if (e.target === lb) close(); });
|
|
||||||
document.addEventListener('keydown', function (e) {
|
|
||||||
if (!lb.classList.contains('is-open')) return;
|
|
||||||
if (e.key === 'Escape') close();
|
|
||||||
else if (e.key === 'ArrowLeft') step(-1);
|
|
||||||
else if (e.key === 'ArrowRight') step(1);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* ===================================================================
|
* ===================================================================
|
||||||
* HUB USE-CASE CAROUSEL (auto-scrolling)
|
* HUB USE-CASE CAROUSEL (auto-scrolling)
|
||||||
|
|
@ -917,6 +863,5 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||||
setupLanguageSuggestion();
|
setupLanguageSuggestion();
|
||||||
setupNewsletter();
|
setupNewsletter();
|
||||||
setupHubCarousel();
|
setupHubCarousel();
|
||||||
setupGallery();
|
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
@ -195,159 +195,128 @@
|
||||||
<div class="gallery-hero-inner">
|
<div class="gallery-hero-inner">
|
||||||
<p class="gallery-eyebrow">Моменти од МСОС</p>
|
<p class="gallery-eyebrow">Моменти од МСОС</p>
|
||||||
<h1>Нашите моменти низ годините</h1>
|
<h1>Нашите моменти низ годините</h1>
|
||||||
<p class="gallery-lead">Поглед наназад кон настаните, дружењата и моментите што ја создаваат заедницата на МСОС. Кликни на албум за да ги разгледаш фотографиите.</p>
|
<p class="gallery-lead">Поглед наназад кон настаните, дружењата и моментите што ја создаваат заедницата на МСОС. Кликни на албум за да ја отвориш приказната и да ги видиш сите фотографии.</p>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section class="gallery-albums">
|
<section class="gallery-albums">
|
||||||
<article class="album-card">
|
<article class="album-card">
|
||||||
<div class="gallery-grid">
|
<a class="album-link-wrap" href="../../mk/projects/meet-student-slovenia-2024/" aria-label="Запознај ја студентска Словенија 2024">
|
||||||
<button type="button" class="gallery-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>
|
<div class="album-cover">
|
||||||
<button type="button" class="gallery-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>
|
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/event4-img-1.webp" alt="Запознај ја студентска Словенија 2024 — photo 1"></span>
|
||||||
<button type="button" class="gallery-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"><span class="cover-more-badge">+9</span></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/event4-img-2.webp" alt="Запознај ја студентска Словенија 2024 — photo 2"></span>
|
||||||
<button type="button" class="gallery-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>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/event4-img-3.webp" alt="Запознај ја студентска Словенија 2024 — photo 3"><span class="cover-more-badge">+9</span></span>
|
||||||
<button type="button" class="gallery-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"></button>
|
</div>
|
||||||
<button type="button" class="gallery-thumb" 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>
|
<div class="album-info">
|
||||||
<button type="button" class="gallery-thumb" 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>
|
<h3>Запознај ја студентска Словенија 2024</h3>
|
||||||
<button type="button" class="gallery-thumb" 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>
|
<p class="album-meta"><span>12 фотографии</span><span class="dot" aria-hidden="true"></span><span class="read-link">Прочитај ја приказната</span></p>
|
||||||
<button type="button" class="gallery-thumb" 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>
|
</div>
|
||||||
<button type="button" class="gallery-thumb" 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>
|
</a>
|
||||||
<button type="button" class="gallery-thumb" 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="gallery-thumb" 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>
|
|
||||||
<div class="album-info">
|
|
||||||
<h3><a href="../../mk/projects/meet-student-slovenia-2024/">Запознај ја студентска Словенија 2024</a></h3>
|
|
||||||
<p class="album-meta"><span>12 фотографии</span><span class="dot" aria-hidden="true"></span><a href="../../mk/projects/meet-student-slovenia-2024/">Прочитај ја приказната</a></p>
|
|
||||||
</div>
|
|
||||||
</article>
|
</article>
|
||||||
<article class="album-card">
|
<article class="album-card">
|
||||||
<div class="gallery-grid">
|
<a class="album-link-wrap" href="../../mk/projects/meet-student-slovenia-2023/" aria-label="Запознај ја студентска Словенија 2023">
|
||||||
<button type="button" class="gallery-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>
|
<div class="album-cover">
|
||||||
<button type="button" class="gallery-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>
|
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/event3-photo-1.webp" alt="Запознај ја студентска Словенија 2023 — photo 1"></span>
|
||||||
<button type="button" class="gallery-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"><span class="cover-more-badge">+7</span></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/event3-photo-2.webp" alt="Запознај ја студентска Словенија 2023 — photo 2"></span>
|
||||||
<button type="button" class="gallery-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>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/event3-photo-3.webp" alt="Запознај ја студентска Словенија 2023 — photo 3"><span class="cover-more-badge">+7</span></span>
|
||||||
<button type="button" class="gallery-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"></button>
|
</div>
|
||||||
<button type="button" class="gallery-thumb" 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>
|
<div class="album-info">
|
||||||
<button type="button" class="gallery-thumb" 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>
|
<h3>Запознај ја студентска Словенија 2023</h3>
|
||||||
<button type="button" class="gallery-thumb" 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>
|
<p class="album-meta"><span>10 фотографии</span><span class="dot" aria-hidden="true"></span><span class="read-link">Прочитај ја приказната</span></p>
|
||||||
<button type="button" class="gallery-thumb" 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>
|
</div>
|
||||||
<button type="button" class="gallery-thumb" 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>
|
</a>
|
||||||
</div>
|
|
||||||
<div class="album-info">
|
|
||||||
<h3><a href="../../mk/projects/meet-student-slovenia-2023/">Запознај ја студентска Словенија 2023</a></h3>
|
|
||||||
<p class="album-meta"><span>10 фотографии</span><span class="dot" aria-hidden="true"></span><a href="../../mk/projects/meet-student-slovenia-2023/">Прочитај ја приказната</a></p>
|
|
||||||
</div>
|
|
||||||
</article>
|
</article>
|
||||||
<article class="album-card">
|
<article class="album-card">
|
||||||
<div class="gallery-grid">
|
<a class="album-link-wrap" href="../../mk/projects/humanitarian-tournament-in-maribor/" aria-label="Хуманитарен турнир во Марибор">
|
||||||
<button type="button" class="gallery-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>
|
<div class="album-cover">
|
||||||
<button type="button" class="gallery-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>
|
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-1.webp" alt="Хуманитарен турнир во Марибор — photo 1"></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/maribor-tournament-3.webp" data-caption="Хуманитарен турнир во Марибор"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-3.webp" alt="Хуманитарен турнир во Марибор — photo 3"><span class="cover-more-badge">+7</span></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-2.webp" alt="Хуманитарен турнир во Марибор — photo 2"></span>
|
||||||
<button type="button" class="gallery-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>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-3.webp" alt="Хуманитарен турнир во Марибор — photo 3"><span class="cover-more-badge">+7</span></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/maribor-tournament-5.webp" data-caption="Хуманитарен турнир во Марибор"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-5.webp" alt="Хуманитарен турнир во Марибор — photo 5"></button>
|
</div>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/maribor-tournament-6.webp" data-caption="Хуманитарен турнир во Марибор"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-6.webp" alt="Хуманитарен турнир во Марибор — photo 6"></button>
|
<div class="album-info">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/maribor-tournament-7.webp" data-caption="Хуманитарен турнир во Марибор"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-7.webp" alt="Хуманитарен турнир во Марибор — photo 7"></button>
|
<h3>Хуманитарен турнир во Марибор</h3>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/maribor-tournament-8.webp" data-caption="Хуманитарен турнир во Марибор"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-8.webp" alt="Хуманитарен турнир во Марибор — photo 8"></button>
|
<p class="album-meta"><span>10 фотографии</span><span class="dot" aria-hidden="true"></span><span class="read-link">Прочитај ја приказната</span></p>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/maribor-tournament-9.webp" data-caption="Хуманитарен турнир во Марибор"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-9.webp" alt="Хуманитарен турнир во Марибор — photo 9"></button>
|
</div>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/maribor-tournament-10.webp" data-caption="Хуманитарен турнир во Марибор"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-10.webp" alt="Хуманитарен турнир во Марибор — photo 10"></button>
|
</a>
|
||||||
</div>
|
|
||||||
<div class="album-info">
|
|
||||||
<h3><a href="../../mk/projects/humanitarian-tournament-in-maribor/">Хуманитарен турнир во Марибор</a></h3>
|
|
||||||
<p class="album-meta"><span>10 фотографии</span><span class="dot" aria-hidden="true"></span><a href="../../mk/projects/humanitarian-tournament-in-maribor/">Прочитај ја приказната</a></p>
|
|
||||||
</div>
|
|
||||||
</article>
|
</article>
|
||||||
<article class="album-card">
|
<article class="album-card">
|
||||||
<div class="gallery-grid">
|
<a class="album-link-wrap" href="../../mk/projects/macedonian-student-night-in-ljubljana/" aria-label="Македонска студентска вечер во Љубљана">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/msnl-1.webp" data-caption="Македонска студентска вечер во Љубљана"><img loading="lazy" decoding="async" src="../../images/msnl-1.webp" alt="Македонска студентска вечер во Љубљана — photo 1"></button>
|
<div class="album-cover">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/msnl-2.webp" data-caption="Македонска студентска вечер во Љубљана"><img loading="lazy" decoding="async" src="../../images/msnl-2.webp" alt="Македонска студентска вечер во Љубљана — photo 2"></button>
|
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/msnl-1.webp" alt="Македонска студентска вечер во Љубљана — photo 1"></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/msnl-3.webp" data-caption="Македонска студентска вечер во Љубљана"><img loading="lazy" decoding="async" src="../../images/msnl-3.webp" alt="Македонска студентска вечер во Љубљана — photo 3"><span class="cover-more-badge">+4</span></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/msnl-2.webp" alt="Македонска студентска вечер во Љубљана — photo 2"></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/msnl-4.webp" data-caption="Македонска студентска вечер во Љубљана"><img loading="lazy" decoding="async" src="../../images/msnl-4.webp" alt="Македонска студентска вечер во Љубљана — photo 4"></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/msnl-3.webp" alt="Македонска студентска вечер во Љубљана — photo 3"><span class="cover-more-badge">+4</span></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/msnl-5.webp" data-caption="Македонска студентска вечер во Љубљана"><img loading="lazy" decoding="async" src="../../images/msnl-5.webp" alt="Македонска студентска вечер во Љубљана — photo 5"></button>
|
</div>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/msnl-6.webp" data-caption="Македонска студентска вечер во Љубљана"><img loading="lazy" decoding="async" src="../../images/msnl-6.webp" alt="Македонска студентска вечер во Љубљана — photo 6"></button>
|
<div class="album-info">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/msnl-7.webp" data-caption="Македонска студентска вечер во Љубљана"><img loading="lazy" decoding="async" src="../../images/msnl-7.webp" alt="Македонска студентска вечер во Љубљана — photo 7"></button>
|
<h3>Македонска студентска вечер во Љубљана</h3>
|
||||||
</div>
|
<p class="album-meta"><span>7 фотографии</span><span class="dot" aria-hidden="true"></span><span class="read-link">Прочитај ја приказната</span></p>
|
||||||
<div class="album-info">
|
</div>
|
||||||
<h3><a href="../../mk/projects/macedonian-student-night-in-ljubljana/">Македонска студентска вечер во Љубљана</a></h3>
|
</a>
|
||||||
<p class="album-meta"><span>7 фотографии</span><span class="dot" aria-hidden="true"></span><a href="../../mk/projects/macedonian-student-night-in-ljubljana/">Прочитај ја приказната</a></p>
|
|
||||||
</div>
|
|
||||||
</article>
|
</article>
|
||||||
<article class="album-card">
|
<article class="album-card">
|
||||||
<div class="gallery-grid">
|
<a class="album-link-wrap" href="../../mk/projects/paint-and-wine-at-sunset/" aria-label="Сликање и вино на зајдисонце">
|
||||||
<button type="button" class="gallery-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>
|
<div class="album-cover">
|
||||||
<button type="button" class="gallery-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>
|
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/paint-wine-1.webp" alt="Сликање и вино на зајдисонце — photo 1"></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/paint-wine-3.webp" data-caption="Сликање и вино на зајдисонце"><img loading="lazy" decoding="async" src="../../images/paint-wine-3.webp" alt="Сликање и вино на зајдисонце — photo 3"><span class="cover-more-badge">+6</span></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/paint-wine-2.webp" alt="Сликање и вино на зајдисонце — photo 2"></span>
|
||||||
<button type="button" class="gallery-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>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/paint-wine-3.webp" alt="Сликање и вино на зајдисонце — photo 3"><span class="cover-more-badge">+6</span></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/paint-wine-5.webp" data-caption="Сликање и вино на зајдисонце"><img loading="lazy" decoding="async" src="../../images/paint-wine-5.webp" alt="Сликање и вино на зајдисонце — photo 5"></button>
|
</div>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/paint-wine-6.webp" data-caption="Сликање и вино на зајдисонце"><img loading="lazy" decoding="async" src="../../images/paint-wine-6.webp" alt="Сликање и вино на зајдисонце — photo 6"></button>
|
<div class="album-info">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/paint-wine-7.webp" data-caption="Сликање и вино на зајдисонце"><img loading="lazy" decoding="async" src="../../images/paint-wine-7.webp" alt="Сликање и вино на зајдисонце — photo 7"></button>
|
<h3>Сликање и вино на зајдисонце</h3>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/paint-wine-8.webp" data-caption="Сликање и вино на зајдисонце"><img loading="lazy" decoding="async" src="../../images/paint-wine-8.webp" alt="Сликање и вино на зајдисонце — photo 8"></button>
|
<p class="album-meta"><span>9 фотографии</span><span class="dot" aria-hidden="true"></span><span class="read-link">Прочитај ја приказната</span></p>
|
||||||
<button type="button" class="gallery-thumb" 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>
|
||||||
</div>
|
</a>
|
||||||
<div class="album-info">
|
|
||||||
<h3><a href="../../mk/projects/paint-and-wine-at-sunset/">Сликање и вино на зајдисонце</a></h3>
|
|
||||||
<p class="album-meta"><span>9 фотографии</span><span class="dot" aria-hidden="true"></span><a href="../../mk/projects/paint-and-wine-at-sunset/">Прочитај ја приказната</a></p>
|
|
||||||
</div>
|
|
||||||
</article>
|
</article>
|
||||||
<article class="album-card">
|
<article class="album-card">
|
||||||
<div class="gallery-grid">
|
<a class="album-link-wrap" href="../../mk/projects/watching-handball-together-in-slovenia/" aria-label="Заедничко гледање ракомет во Словенија">
|
||||||
<button type="button" class="gallery-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>
|
<div class="album-cover">
|
||||||
<button type="button" class="gallery-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>
|
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/handball-2025-1.webp" alt="Заедничко гледање ракомет во Словенија — photo 1"></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/handball-2025-3.webp" data-caption="Заедничко гледање ракомет во Словенија"><img loading="lazy" decoding="async" src="../../images/handball-2025-3.webp" alt="Заедничко гледање ракомет во Словенија — photo 3"><span class="cover-more-badge">+4</span></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/handball-2025-2.webp" alt="Заедничко гледање ракомет во Словенија — photo 2"></span>
|
||||||
<button type="button" class="gallery-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>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/handball-2025-3.webp" alt="Заедничко гледање ракомет во Словенија — photo 3"><span class="cover-more-badge">+4</span></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/handball-2025-5.webp" data-caption="Заедничко гледање ракомет во Словенија"><img loading="lazy" decoding="async" src="../../images/handball-2025-5.webp" alt="Заедничко гледање ракомет во Словенија — photo 5"></button>
|
</div>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/handball-2025-6.webp" data-caption="Заедничко гледање ракомет во Словенија"><img loading="lazy" decoding="async" src="../../images/handball-2025-6.webp" alt="Заедничко гледање ракомет во Словенија — photo 6"></button>
|
<div class="album-info">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/handball-2025-7.webp" data-caption="Заедничко гледање ракомет во Словенија"><img loading="lazy" decoding="async" src="../../images/handball-2025-7.webp" alt="Заедничко гледање ракомет во Словенија — photo 7"></button>
|
<h3>Заедничко гледање ракомет во Словенија</h3>
|
||||||
</div>
|
<p class="album-meta"><span>7 фотографии</span><span class="dot" aria-hidden="true"></span><span class="read-link">Прочитај ја приказната</span></p>
|
||||||
<div class="album-info">
|
</div>
|
||||||
<h3><a href="../../mk/projects/watching-handball-together-in-slovenia/">Заедничко гледање ракомет во Словенија</a></h3>
|
</a>
|
||||||
<p class="album-meta"><span>7 фотографии</span><span class="dot" aria-hidden="true"></span><a href="../../mk/projects/watching-handball-together-in-slovenia/">Прочитај ја приказната</a></p>
|
|
||||||
</div>
|
|
||||||
</article>
|
</article>
|
||||||
<article class="album-card">
|
<article class="album-card">
|
||||||
<div class="gallery-grid">
|
<a class="album-link-wrap" href="../../mk/projects/morning-coffee-in-front-of-ctk/" aria-label="Утринско кафе пред ЦТК">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/event4-image1.webp" data-caption="Утринско кафе пред ЦТК"><img loading="lazy" decoding="async" src="../../images/event4-image1.webp" alt="Утринско кафе пред ЦТК — photo 1"></button>
|
<div class="album-cover">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/event4-image2.webp" data-caption="Утринско кафе пред ЦТК"><img loading="lazy" decoding="async" src="../../images/event4-image2.webp" alt="Утринско кафе пред ЦТК — photo 2"></button>
|
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/event4-image1.webp" alt="Утринско кафе пред ЦТК — photo 1"></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/event4-image3.webp" data-caption="Утринско кафе пред ЦТК"><img loading="lazy" decoding="async" src="../../images/event4-image3.webp" alt="Утринско кафе пред ЦТК — photo 3"><span class="cover-more-badge">+4</span></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/event4-image2.webp" alt="Утринско кафе пред ЦТК — photo 2"></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/event4-image4.webp" data-caption="Утринско кафе пред ЦТК"><img loading="lazy" decoding="async" src="../../images/event4-image4.webp" alt="Утринско кафе пред ЦТК — photo 4"></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/event4-image3.webp" alt="Утринско кафе пред ЦТК — photo 3"><span class="cover-more-badge">+4</span></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/event4-image5.webp" data-caption="Утринско кафе пред ЦТК"><img loading="lazy" decoding="async" src="../../images/event4-image5.webp" alt="Утринско кафе пред ЦТК — photo 5"></button>
|
</div>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/event4-image6.webp" data-caption="Утринско кафе пред ЦТК"><img loading="lazy" decoding="async" src="../../images/event4-image6.webp" alt="Утринско кафе пред ЦТК — photo 6"></button>
|
<div class="album-info">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/event4-image7.webp" data-caption="Утринско кафе пред ЦТК"><img loading="lazy" decoding="async" src="../../images/event4-image7.webp" alt="Утринско кафе пред ЦТК — photo 7"></button>
|
<h3>Утринско кафе пред ЦТК</h3>
|
||||||
</div>
|
<p class="album-meta"><span>7 фотографии</span><span class="dot" aria-hidden="true"></span><span class="read-link">Прочитај ја приказната</span></p>
|
||||||
<div class="album-info">
|
</div>
|
||||||
<h3><a href="../../mk/projects/morning-coffee-in-front-of-ctk/">Утринско кафе пред ЦТК</a></h3>
|
</a>
|
||||||
<p class="album-meta"><span>7 фотографии</span><span class="dot" aria-hidden="true"></span><a href="../../mk/projects/morning-coffee-in-front-of-ctk/">Прочитај ја приказната</a></p>
|
|
||||||
</div>
|
|
||||||
</article>
|
</article>
|
||||||
<article class="album-card">
|
<article class="album-card">
|
||||||
<div class="gallery-grid">
|
<a class="album-link-wrap" href="../../mk/projects/in-memory-of-frosina-kulakova/" aria-label="Во спомен на Фросина Кулакова">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/frosina-1.webp" data-caption="Во спомен на Фросина Кулакова"><img loading="lazy" decoding="async" src="../../images/frosina-1.webp" alt="Во спомен на Фросина Кулакова — photo 1"></button>
|
<div class="album-cover">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/frosina-2.webp" data-caption="Во спомен на Фросина Кулакова"><img loading="lazy" decoding="async" src="../../images/frosina-2.webp" alt="Во спомен на Фросина Кулакова — photo 2"></button>
|
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/frosina-1.webp" alt="Во спомен на Фросина Кулакова — photo 1"></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/frosina-3.webp" data-caption="Во спомен на Фросина Кулакова"><img loading="lazy" decoding="async" src="../../images/frosina-3.webp" alt="Во спомен на Фросина Кулакова — photo 3"></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/frosina-2.webp" alt="Во спомен на Фросина Кулакова — photo 2"></span>
|
||||||
</div>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/frosina-3.webp" alt="Во спомен на Фросина Кулакова — photo 3"></span>
|
||||||
<div class="album-info">
|
</div>
|
||||||
<h3><a href="../../mk/projects/in-memory-of-frosina-kulakova/">Во спомен на Фросина Кулакова</a></h3>
|
<div class="album-info">
|
||||||
<p class="album-meta"><span>3 фотографии</span><span class="dot" aria-hidden="true"></span><a href="../../mk/projects/in-memory-of-frosina-kulakova/">Прочитај ја приказната</a></p>
|
<h3>Во спомен на Фросина Кулакова</h3>
|
||||||
</div>
|
<p class="album-meta"><span>3 фотографии</span><span class="dot" aria-hidden="true"></span><span class="read-link">Прочитај ја приказната</span></p>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
</article>
|
</article>
|
||||||
<article class="album-card">
|
<article class="album-card">
|
||||||
<div class="gallery-grid">
|
<a class="album-link-wrap" href="../../mk/projects/in-memory-of-the-kochani-victims/" aria-label="Во спомен на жртвите во Кочани">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/kochani-1.webp" data-caption="Во спомен на жртвите во Кочани"><img loading="lazy" decoding="async" src="../../images/kochani-1.webp" alt="Во спомен на жртвите во Кочани — photo 1"></button>
|
<div class="album-cover">
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/kochani-2.webp" data-caption="Во спомен на жртвите во Кочани"><img loading="lazy" decoding="async" src="../../images/kochani-2.webp" alt="Во спомен на жртвите во Кочани — photo 2"></button>
|
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/kochani-1.webp" alt="Во спомен на жртвите во Кочани — photo 1"></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/kochani-3.webp" data-caption="Во спомен на жртвите во Кочани"><img loading="lazy" decoding="async" src="../../images/kochani-3.webp" alt="Во спомен на жртвите во Кочани — photo 3"><span class="cover-more-badge">+1</span></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/kochani-2.webp" alt="Во спомен на жртвите во Кочани — photo 2"></span>
|
||||||
<button type="button" class="gallery-thumb" data-full="../../images/kochani-4.webp" data-caption="Во спомен на жртвите во Кочани"><img loading="lazy" decoding="async" src="../../images/kochani-4.webp" alt="Во спомен на жртвите во Кочани — photo 4"></button>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/kochani-3.webp" alt="Во спомен на жртвите во Кочани — photo 3"><span class="cover-more-badge">+1</span></span>
|
||||||
</div>
|
</div>
|
||||||
<div class="album-info">
|
<div class="album-info">
|
||||||
<h3><a href="../../mk/projects/in-memory-of-the-kochani-victims/">Во спомен на жртвите во Кочани</a></h3>
|
<h3>Во спомен на жртвите во Кочани</h3>
|
||||||
<p class="album-meta"><span>4 фотографии</span><span class="dot" aria-hidden="true"></span><a href="../../mk/projects/in-memory-of-the-kochani-victims/">Прочитај ја приказната</a></p>
|
<p class="album-meta"><span>4 фотографии</span><span class="dot" aria-hidden="true"></span><span class="read-link">Прочитај ја приказната</span></p>
|
||||||
</div>
|
</div>
|
||||||
|
</a>
|
||||||
</article>
|
</article>
|
||||||
</section>
|
</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">×</button>
|
|
||||||
<button type="button" class="lightbox-prev" aria-label="Previous">❮</button>
|
|
||||||
<img class="lightbox-img" src="" alt="">
|
|
||||||
<button type="button" class="lightbox-next" aria-label="Next">❯</button>
|
|
||||||
<div class="lightbox-caption"></div>
|
|
||||||
</div>
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<!-- START_FOOTER -->
|
<!-- START_FOOTER -->
|
||||||
|
|
|
||||||
|
|
@ -195,159 +195,128 @@
|
||||||
<div class="gallery-hero-inner">
|
<div class="gallery-hero-inner">
|
||||||
<p class="gallery-eyebrow">Trenutki MSOS</p>
|
<p class="gallery-eyebrow">Trenutki MSOS</p>
|
||||||
<h1>Naši trenutki skozi leta</h1>
|
<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>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section class="gallery-albums">
|
<section class="gallery-albums">
|
||||||
<article class="album-card">
|
<article class="album-card">
|
||||||
<div class="gallery-grid">
|
<a class="album-link-wrap" href="../../si/projects/meet-student-slovenia-2024/" aria-label="Spoznaj študentsko Slovenijo 2024">
|
||||||
<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>
|
<div class="album-cover">
|
||||||
<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>
|
<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>
|
||||||
<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>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/event4-img-2.webp" alt="Spoznaj študentsko Slovenijo 2024 — photo 2"></span>
|
||||||
<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>
|
<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>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
<div class="album-info">
|
||||||
<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>
|
<h3>Spoznaj študentsko Slovenijo 2024</h3>
|
||||||
<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>
|
<p class="album-meta"><span>12 fotografij</span><span class="dot" aria-hidden="true"></span><span class="read-link">Preberi zgodbo</span></p>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
</a>
|
||||||
<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>
|
|
||||||
</article>
|
</article>
|
||||||
<article class="album-card">
|
<article class="album-card">
|
||||||
<div class="gallery-grid">
|
<a class="album-link-wrap" href="../../si/projects/meet-student-slovenia-2023/" aria-label="Spoznaj študentsko Slovenijo 2023">
|
||||||
<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>
|
<div class="album-cover">
|
||||||
<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>
|
<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>
|
||||||
<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>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/event3-photo-2.webp" alt="Spoznaj študentsko Slovenijo 2023 — photo 2"></span>
|
||||||
<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>
|
<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>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
<div class="album-info">
|
||||||
<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>
|
<h3>Spoznaj študentsko Slovenijo 2023</h3>
|
||||||
<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>
|
<p class="album-meta"><span>10 fotografij</span><span class="dot" aria-hidden="true"></span><span class="read-link">Preberi zgodbo</span></p>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
</a>
|
||||||
</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>
|
|
||||||
</article>
|
</article>
|
||||||
<article class="album-card">
|
<article class="album-card">
|
||||||
<div class="gallery-grid">
|
<a class="album-link-wrap" href="../../si/projects/humanitarian-tournament-in-maribor/" aria-label="Humanitarni turnir v Mariboru">
|
||||||
<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>
|
<div class="album-cover">
|
||||||
<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>
|
<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>
|
||||||
<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>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-2.webp" alt="Humanitarni turnir v Mariboru — photo 2"></span>
|
||||||
<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>
|
<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>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
<div class="album-info">
|
||||||
<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>
|
<h3>Humanitarni turnir v Mariboru</h3>
|
||||||
<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>
|
<p class="album-meta"><span>10 fotografij</span><span class="dot" aria-hidden="true"></span><span class="read-link">Preberi zgodbo</span></p>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
</a>
|
||||||
</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>
|
|
||||||
</article>
|
</article>
|
||||||
<article class="album-card">
|
<article class="album-card">
|
||||||
<div class="gallery-grid">
|
<a class="album-link-wrap" href="../../si/projects/macedonian-student-night-in-ljubljana/" aria-label="Makedonski študentski večer v Ljubljani">
|
||||||
<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>
|
<div class="album-cover">
|
||||||
<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>
|
<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>
|
||||||
<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>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/msnl-2.webp" alt="Makedonski študentski večer v Ljubljani — photo 2"></span>
|
||||||
<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>
|
<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>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
<div class="album-info">
|
||||||
<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>
|
<h3>Makedonski študentski večer v Ljubljani</h3>
|
||||||
</div>
|
<p class="album-meta"><span>7 fotografij</span><span class="dot" aria-hidden="true"></span><span class="read-link">Preberi zgodbo</span></p>
|
||||||
<div class="album-info">
|
</div>
|
||||||
<h3><a href="../../si/projects/macedonian-student-night-in-ljubljana/">Makedonski študentski večer v Ljubljani</a></h3>
|
</a>
|
||||||
<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>
|
|
||||||
</article>
|
</article>
|
||||||
<article class="album-card">
|
<article class="album-card">
|
||||||
<div class="gallery-grid">
|
<a class="album-link-wrap" href="../../si/projects/paint-and-wine-at-sunset/" aria-label="Slikanje in vino ob sončnem zahodu">
|
||||||
<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>
|
<div class="album-cover">
|
||||||
<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>
|
<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>
|
||||||
<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>
|
<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>
|
||||||
<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>
|
<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>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
<div class="album-info">
|
||||||
<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>
|
<h3>Slikanje in vino ob sončnem zahodu</h3>
|
||||||
<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>
|
<p class="album-meta"><span>9 fotografij</span><span class="dot" aria-hidden="true"></span><span class="read-link">Preberi zgodbo</span></p>
|
||||||
<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>
|
</a>
|
||||||
<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>
|
|
||||||
</article>
|
</article>
|
||||||
<article class="album-card">
|
<article class="album-card">
|
||||||
<div class="gallery-grid">
|
<a class="album-link-wrap" href="../../si/projects/watching-handball-together-in-slovenia/" aria-label="Skupno gledanje rokometa v Sloveniji">
|
||||||
<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>
|
<div class="album-cover">
|
||||||
<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>
|
<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>
|
||||||
<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>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/handball-2025-2.webp" alt="Skupno gledanje rokometa v Sloveniji — photo 2"></span>
|
||||||
<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>
|
<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>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
<div class="album-info">
|
||||||
<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>
|
<h3>Skupno gledanje rokometa v Sloveniji</h3>
|
||||||
</div>
|
<p class="album-meta"><span>7 fotografij</span><span class="dot" aria-hidden="true"></span><span class="read-link">Preberi zgodbo</span></p>
|
||||||
<div class="album-info">
|
</div>
|
||||||
<h3><a href="../../si/projects/watching-handball-together-in-slovenia/">Skupno gledanje rokometa v Sloveniji</a></h3>
|
</a>
|
||||||
<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>
|
|
||||||
</article>
|
</article>
|
||||||
<article class="album-card">
|
<article class="album-card">
|
||||||
<div class="gallery-grid">
|
<a class="album-link-wrap" href="../../si/projects/morning-coffee-in-front-of-ctk/" aria-label="Jutranja kava pred CTK">
|
||||||
<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>
|
<div class="album-cover">
|
||||||
<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>
|
<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>
|
||||||
<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>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/event4-image2.webp" alt="Jutranja kava pred CTK — photo 2"></span>
|
||||||
<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>
|
<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>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
<div class="album-info">
|
||||||
<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>
|
<h3>Jutranja kava pred CTK</h3>
|
||||||
</div>
|
<p class="album-meta"><span>7 fotografij</span><span class="dot" aria-hidden="true"></span><span class="read-link">Preberi zgodbo</span></p>
|
||||||
<div class="album-info">
|
</div>
|
||||||
<h3><a href="../../si/projects/morning-coffee-in-front-of-ctk/">Jutranja kava pred CTK</a></h3>
|
</a>
|
||||||
<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>
|
|
||||||
</article>
|
</article>
|
||||||
<article class="album-card">
|
<article class="album-card">
|
||||||
<div class="gallery-grid">
|
<a class="album-link-wrap" href="../../si/projects/in-memory-of-frosina-kulakova/" aria-label="V spomin na Frosino Kulakovo">
|
||||||
<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>
|
<div class="album-cover">
|
||||||
<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>
|
<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>
|
||||||
<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>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/frosina-2.webp" alt="V spomin na Frosino Kulakovo — photo 2"></span>
|
||||||
</div>
|
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/frosina-3.webp" alt="V spomin na Frosino Kulakovo — photo 3"></span>
|
||||||
<div class="album-info">
|
</div>
|
||||||
<h3><a href="../../si/projects/in-memory-of-frosina-kulakova/">V spomin na Frosino Kulakovo</a></h3>
|
<div class="album-info">
|
||||||
<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>
|
<h3>V spomin na Frosino Kulakovo</h3>
|
||||||
</div>
|
<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>
|
||||||
<article class="album-card">
|
<article class="album-card">
|
||||||
<div class="gallery-grid">
|
<a class="album-link-wrap" href="../../si/projects/in-memory-of-the-kochani-victims/" aria-label="V spomin na žrtve v Kočanih">
|
||||||
<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>
|
<div class="album-cover">
|
||||||
<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>
|
<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>
|
||||||
<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>
|
<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>
|
||||||
<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>
|
<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>
|
||||||
<div class="album-info">
|
<div class="album-info">
|
||||||
<h3><a href="../../si/projects/in-memory-of-the-kochani-victims/">V spomin na žrtve v Kočanih</a></h3>
|
<h3>V spomin na žrtve v Kočanih</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>
|
<p class="album-meta"><span>4 fotografij</span><span class="dot" aria-hidden="true"></span><span class="read-link">Preberi zgodbo</span></p>
|
||||||
</div>
|
</div>
|
||||||
|
</a>
|
||||||
</article>
|
</article>
|
||||||
</section>
|
</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">×</button>
|
|
||||||
<button type="button" class="lightbox-prev" aria-label="Previous">❮</button>
|
|
||||||
<img class="lightbox-img" src="" alt="">
|
|
||||||
<button type="button" class="lightbox-next" aria-label="Next">❯</button>
|
|
||||||
<div class="lightbox-caption"></div>
|
|
||||||
</div>
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<!-- START_FOOTER -->
|
<!-- START_FOOTER -->
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue