health: fix broken pages, add image dimensions, a11y & SEO wins

Site-wide health pass (excludes in-progress blog work). Verified with a
local server + headless browser: Timeline, homepage and gallery pages load
with zero console errors and no layout distortion.

Render bugs
- Timeline page (en/mk/si): fix ../../../ paths that overshot the site root,
  so the main stylesheet and hero image load again.
- Meet Student Slovenia 2023 (en/mk/si): remove a <figure> referencing
  event3-photo-11.png, an image that was never uploaded (broken image).

Performance
- Add intrinsic width/height to 1039 raster <img> tags to prevent layout
  shift (CLS); 450 SVGs correctly skipped. Add a global
  `img { max-width:100%; height:auto }` safety net so aspect ratio is
  preserved and images never overflow.
- Preload the homepage hero (LCP) image on en/mk/si.
- Load Font Awesome non-blocking (media=print/onload swap) with a <noscript>
  fallback, on 225 pages.

Accessibility
- Add aria-label to 57 unlabeled newsletter email inputs.
- Add an sr-only <h1> to the three "My Route" pages (had no h1).
- Add an .sr-only utility class.

SEO
- Add meta descriptions to legal/msos-hub/support pages (en/mk/si).

Note: MK/SI meta descriptions are machine-drafted and should be proofread
by a native speaker before considering them final.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskikandClaude Opus 4.8 committed 2026-08-04 00:31:27 +02:00
1 parent 168e4ce378
commit 9ce7450aa1
209 files changed
+1289 -1267

No files matched your search

@@ -56,7 +56,7 @@
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Font Awesome (for icons) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" media="print" onload="this.media=&#39;all&#39;" /><noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /></noscript>
<!-- Povezava na glavno CSS datoteko -->
<link rel="stylesheet" href="../../../css/main.css">
@@ -200,7 +200,7 @@
</header>
<figure class="article-main-image">
<img fetchpriority="high" src="../../../images/macedonia-food-shared-table-hero.webp" alt="A shared Macedonian table with salads, bread, beans, and other dishes">
<img width="1209" height="806" fetchpriority="high" src="../../../images/macedonia-food-shared-table-hero.webp" alt="A shared Macedonian table with salads, bread, beans, and other dishes">
<figcaption>Skupna makedonska miza. Foto: nehruresen, <a href="https://depositphotos.com/" target="_blank" rel="noopener">Depositphotos</a></figcaption>
</figure>
@@ -242,7 +242,7 @@
<p>Ne potrebuje okrasja. Dovolj sta kruh in čas.</p>
<figure class="article-inline-image">
<img loading="lazy" decoding="async" src="../../../images/macedonia-food-tavce-gravce.webp" alt="Tavče gravče baked and served in a clay dish">
<img width="1400" height="933" loading="lazy" decoding="async" src="../../../images/macedonia-food-tavce-gravce.webp" alt="Tavče gravče baked and served in a clay dish">
<figcaption>Tavče gravče, makedonska jed iz fižola. Foto: <a href="https://en.wikipedia.org/wiki/Tav%C4%8De_grav%C4%8De" target="_blank" rel="noopener">Wikipedia</a></figcaption>
</figure>
@@ -275,7 +275,7 @@
<p>Pastrmajlija je dober primer, kako jed nosi identiteto mesta. Ljudje ne razpravljajo le, ali je dobra. Razpravljajo, od kod prihaja prava različica.</p>
<figure class="article-inline-image">
<img loading="lazy" decoding="async" src="../../../images/macedonia-food-ajvar-preparation.webp" alt="Roasted red peppers being prepared for homemade ajvar">
<img width="1400" height="933" loading="lazy" decoding="async" src="../../../images/macedonia-food-ajvar-preparation.webp" alt="Roasted red peppers being prepared for homemade ajvar">
<figcaption>Ajvar, namaz iz pečene rdeče paprike. Foto: <a href="https://100daysandnights.com/ajvar/" target="_blank" rel="noopener">100daysandnights.com</a></figcaption>
</figure>
@@ -308,7 +308,7 @@
<p>Za obiskovalca je pomembno, da makedonskega gostoljubja ne meri skozi učinkovitost. Dodaten čas je del ponudbe.</p>
<figure class="article-inline-image">
<img loading="lazy" decoding="async" src="../../../images/macedonia-food-pastrmajlija.webp" alt="A traditional oval pastrmajlija topped with seasoned meat">
<img width="1000" height="667" loading="lazy" decoding="async" src="../../../images/macedonia-food-pastrmajlija.webp" alt="A traditional oval pastrmajlija topped with seasoned meat">
<figcaption>Pastrmajlija, makedonski kruh z mesom. Foto: <a href="https://balkantravel.rs/en/gastro-corner/pastrmajlija-the-irresistible-taste-of-north-macedonia/" target="_blank" rel="noopener">balkantravel.rs</a></figcaption>
</figure>
@@ -56,7 +56,7 @@
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Font Awesome (for icons) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" media="print" onload="this.media=&#39;all&#39;" /><noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /></noscript>
<!-- Povezava na glavno CSS datoteko -->
<link rel="stylesheet" href="../../../css/main.css">
@@ -200,7 +200,7 @@
</header>
<figure class="article-main-image">
<img fetchpriority="high" src="../../../images/macedonia-heritage-stobi-street-hero.webp" alt="An ancient street and building remains at the archaeological site of Stobi">
<img width="1050" height="700" fetchpriority="high" src="../../../images/macedonia-heritage-stobi-street-hero.webp" alt="An ancient street and building remains at the archaeological site of Stobi">
<figcaption>Stobi, antično mesto v osrednji Makedoniji. Foto: <a href="https://www.archaeology.wiki/blog/2013/07/26/archaeological-work-to-be-resumed-in-stobi/" target="_blank" rel="noopener">archaeology.wiki</a></figcaption>
</figure>
@@ -246,7 +246,7 @@
<p>Najdišča ne smemo predstavljati le kot antično ruševino. Je tudi zapis arheoloških raziskav, ohranjanja, obnove in odločitev o tem, kako dediščino pokazati javnosti.</p>
<figure class="article-inline-image">
<img loading="lazy" decoding="async" src="../../../images/macedonia-heritage-heraclea-mosaic.webp" alt="A preserved early Christian mosaic at Heraclea Lyncestis near Bitola">
<img width="766" height="511" loading="lazy" decoding="async" src="../../../images/macedonia-heritage-heraclea-mosaic.webp" alt="A preserved early Christian mosaic at Heraclea Lyncestis near Bitola">
<figcaption>Heraklea Linkestis, antično mesto pri Bitoli. Foto: Elizabeta Dimitrova, <a href="https://www.researchgate.net/figure/Heraclea-Lyncestis-detail_fig5_349303661" target="_blank" rel="noopener">ResearchGate</a></figcaption>
</figure>
@@ -285,7 +285,7 @@
<p>Kruševo ni en sam spomenik. Je mreža krajev, v katerih se prekrivajo nacionalne, lokalne, aromunske, umetniške in družinske zgodovine.</p>
<figure class="article-inline-image">
<img loading="lazy" decoding="async" src="../../../images/macedonia-heritage-kokino.jpg" alt="The rocky archaeological landscape of Kokino at Tatićev Kamen">
<img width="810" height="540" loading="lazy" decoding="async" src="../../../images/macedonia-heritage-kokino.jpg" alt="The rocky archaeological landscape of Kokino at Tatićev Kamen">
<figcaption>Kokino, prazgodovinski megalitski observatorij. Foto: <a href="https://northmacedonia-timeless.com/eng/things_to_do/senses/touch/archaeology/kokino/" target="_blank" rel="noopener">northmacedonia-timeless.com</a></figcaption>
</figure>
@@ -302,7 +302,7 @@
<p>Dediščina postane močnejša, ko zgodba ohrani tudi pot med predmeti.</p>
<figure class="article-inline-image">
<img loading="lazy" decoding="async" src="../../../images/macedonia-heritage-krusevo-makedonium.jpg" alt="The Ilinden Monument, known as Makedonium, above Krusevo">
<img width="590" height="393" loading="lazy" decoding="async" src="../../../images/macedonia-heritage-krusevo-makedonium.jpg" alt="The Ilinden Monument, known as Makedonium, above Krusevo">
<figcaption>Makedonium, spomenik Ilindenu nad Kruševom. Foto: <a href="https://www.airvuz.com/video/ALIEN-Monument-?id=5b3c05705a1b667101abd26f" target="_blank" rel="noopener">airvuz.com</a></figcaption>
</figure>
+8 -8
View File
@@ -54,7 +54,7 @@
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Font Awesome (for icons) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" media="print" onload="this.media=&#39;all&#39;" /><noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /></noscript>
<!-- Povezava na glavno CSS datoteko -->
<link rel="stylesheet" href="../../css/main.css">
@@ -197,7 +197,7 @@
<h1>Spoznaj Makedonijo</h1>
<p class="page-description">Makedonija ni le kraj na zemljevidu. Je miza, za katero se vedno najde prostor še za enega človeka, glasba, ki nas povezuje, gore na obzorju in pogovori, ki se nadaljujejo še dolgo po zadnji kavi. To so kraji, tradicije, okusi in zgodbe, ki jih nosimo s seboj in jih želimo deliti z vami.</p>
<form class="subscribe-form">
<input type="email" placeholder="Vnesite svoj e-mail">
<input type="email" placeholder="Vnesite svoj e-mail" aria-label="E-poštni naslov">
<button type="submit" class="btn btn-primary-orange">Naroči se</button>
</form>
<p class="privacy-note">Skrbimo za vaše podatke v naši <a href="../../si/privacy-policy/">politiki zasebnosti</a>.</p>
@@ -222,7 +222,7 @@
<!-- Story: Dobrodošli v Makedoniji -->
<article class="post-card" data-category="identity">
<a href="welcome-to-macedonia/" class="post-link">
<img loading="lazy" decoding="async" src="../../images/macedonia-welcome-skopje-square-hero.webp" alt="Macedonia Square in central Skopje" class="post-image">
<img width="810" height="540" loading="lazy" decoding="async" src="../../images/macedonia-welcome-skopje-square-hero.webp" alt="Macedonia Square in central Skopje" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Ekipa • Ljudje in identiteta</p>
<h3 class="post-title">Dobrodošli v Makedoniji</h3>
@@ -233,7 +233,7 @@
<!-- Story: Ohrid, več kot razglednica -->
<article class="post-card" data-category="places">
<a href="ohrid-more-than-a-postcard/" class="post-link">
<img loading="lazy" decoding="async" src="../../images/macedonia-ohrid-kaneo-hero.webp" alt="The Church of St. John at Kaneo above Lake Ohrid" class="post-image">
<img width="750" height="500" loading="lazy" decoding="async" src="../../images/macedonia-ohrid-kaneo-hero.webp" alt="The Church of St. John at Kaneo above Lake Ohrid" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Ekipa • Kraji in narava</p>
<h3 class="post-title">Ohrid, več kot razglednica</h3>
@@ -244,7 +244,7 @@
<!-- Story: Skopje, mesto mnogih plasti -->
<article class="post-card" data-category="places">
<a href="skopje-a-city-of-many-layers/" class="post-link">
<img loading="lazy" decoding="async" src="../../images/macedonia-skopje-stone-bridge-hero.webp" alt="The Stone Bridge over the Vardar in Skopje" class="post-image">
<img width="810" height="540" loading="lazy" decoding="async" src="../../images/macedonia-skopje-stone-bridge-hero.webp" alt="The Stone Bridge over the Vardar in Skopje" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Ekipa • Kraji in narava</p>
<h3 class="post-title">Skopje, mesto mnogih plasti</h3>
@@ -255,7 +255,7 @@
<!-- Story: Okusi Makedonije za skupno mizo -->
<article class="post-card" data-category="food">
<a href="a-table-full-of-macedonia/" class="post-link">
<img loading="lazy" decoding="async" src="../../images/macedonia-food-shared-table-hero.webp" alt="A shared Macedonian table with salads, bread, beans, and other dishes" class="post-image">
<img width="1209" height="806" loading="lazy" decoding="async" src="../../images/macedonia-food-shared-table-hero.webp" alt="A shared Macedonian table with salads, bread, beans, and other dishes" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Ekipa • Hrana in okusi</p>
<h3 class="post-title">Okusi Makedonije za skupno mizo</h3>
@@ -266,7 +266,7 @@
<!-- Story: Glasba, ples in trenutki, ki nas povezujejo -->
<article class="post-card" data-category="culture">
<a href="music-dance-and-the-moments-that-bring-us-together/" class="post-link">
<img loading="lazy" decoding="async" src="../../images/macedonia-culture-oro-celebration-hero.webp" alt="Several generations joining the same oro at a Macedonian celebration" class="post-image">
<img width="1400" height="933" loading="lazy" decoding="async" src="../../images/macedonia-culture-oro-celebration-hero.webp" alt="Several generations joining the same oro at a Macedonian celebration" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Ekipa • Kultura in tradicije</p>
<h3 class="post-title">Glasba, ples in trenutki, ki nas povezujejo</h3>
@@ -277,7 +277,7 @@
<!-- Story: Zgodovina, skozi katero se lahko sprehodite -->
<article class="post-card" data-category="heritage">
<a href="history-you-can-still-walk-through/" class="post-link">
<img loading="lazy" decoding="async" src="../../images/macedonia-heritage-stobi-street-hero.webp" alt="An ancient street and building remains at the archaeological site of Stobi" class="post-image">
<img width="1050" height="700" loading="lazy" decoding="async" src="../../images/macedonia-heritage-stobi-street-hero.webp" alt="An ancient street and building remains at the archaeological site of Stobi" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Ekipa • Zgodovina in dediščina</p>
<h3 class="post-title">Zgodovina, skozi katero se lahko sprehodite</h3>
@@ -56,7 +56,7 @@
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Font Awesome (for icons) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" media="print" onload="this.media=&#39;all&#39;" /><noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /></noscript>
<!-- Povezava na glavno CSS datoteko -->
<link rel="stylesheet" href="../../../css/main.css">
@@ -200,7 +200,7 @@
</header>
<figure class="article-main-image">
<img fetchpriority="high" src="../../../images/macedonia-culture-oro-celebration-hero.webp" alt="Several generations joining the same oro at a Macedonian celebration">
<img width="1400" height="933" fetchpriority="high" src="../../../images/macedonia-culture-oro-celebration-hero.webp" alt="Several generations joining the same oro at a Macedonian celebration">
<figcaption>Oro na makedonskem praznovanju. Foto: MKD Sv. Ciril i Metod, Kranj, <a href="https://www.facebook.com/photo/?fbid=27229726880015955&amp;set=a.346970248718316" target="_blank" rel="noopener">Facebook</a></figcaption>
</figure>
@@ -244,7 +244,7 @@
<p>Za številne ljudi v tujini imajo ti zvoki takojšen čustveni učinek. Nekaj tonov lahko prikliče poroko, vaško praznovanje, družinsko zgodbo ali kraj, ki ga že več let niso obiskali.</p>
<figure class="article-inline-image">
<img loading="lazy" decoding="async" src="../../../images/macedonia-culture-tapan-zurla.jpg" alt="Musicians playing tapan and zurla at an outdoor gathering">
<img width="539" height="359" loading="lazy" decoding="async" src="../../../images/macedonia-culture-tapan-zurla.jpg" alt="Musicians playing tapan and zurla at an outdoor gathering">
<figcaption>Tapan in zurla, tradicionalna makedonska inštrumenta. Foto: <a href="https://www.instagram.com/p/Cy4eiWxSQ68/" target="_blank" rel="noopener">Instagram</a></figcaption>
</figure>
@@ -281,7 +281,7 @@
<p>Ljudje, ki v vsakdanjem življenju ne poslušajo iste glasbe, se lahko še vedno držijo iste vrste.</p>
<figure class="article-inline-image">
<img loading="lazy" decoding="async" src="../../../images/macedonia-culture-kopachkata.jpg" alt="Kopachkata dancers holding their belts in a semicircle in Dramche">
<img width="547" height="365" loading="lazy" decoding="async" src="../../../images/macedonia-culture-kopachkata.jpg" alt="Kopachkata dancers holding their belts in a semicircle in Dramche">
<figcaption>Kopačkata, družabni ples iz Dramča. Foto: © Anastasov Kircho / Municipality of Delchevo, 2013, <a href="https://ich.unesco.org/en/RL/kopachkata-a-social-dance-from-the-village-of-dramche-pijanec-00995" target="_blank" rel="noopener">ich.unesco.org</a></figcaption>
</figure>
@@ -314,7 +314,7 @@
<p>Sprememba postane nadaljevanje, ko ljudje vedo, kaj prenašajo naprej.</p>
<figure class="article-inline-image">
<img loading="lazy" decoding="async" src="../../../images/msos-macedonian-music-event.webp" alt="Macedonian students dancing together at an MSOS event in Slovenia">
<img width="1400" height="933" loading="lazy" decoding="async" src="../../../images/msos-macedonian-music-event.webp" alt="Macedonian students dancing together at an MSOS event in Slovenia">
<figcaption>Foto: MSOS Archive</figcaption>
</figure>
@@ -56,7 +56,7 @@
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Font Awesome (for icons) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" media="print" onload="this.media=&#39;all&#39;" /><noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /></noscript>
<!-- Povezava na glavno CSS datoteko -->
<link rel="stylesheet" href="../../../css/main.css">
@@ -200,7 +200,7 @@
</header>
<figure class="article-main-image">
<img fetchpriority="high" src="../../../images/macedonia-ohrid-kaneo-hero.webp" alt="The Church of St. John at Kaneo above Lake Ohrid">
<img width="750" height="500" fetchpriority="high" src="../../../images/macedonia-ohrid-kaneo-hero.webp" alt="The Church of St. John at Kaneo above Lake Ohrid">
<figcaption>Cerkev sv. Janeza v Kanevu, Ohrid. Foto: <a href="https://www.ciconiatravel.com/2019/11/08/15-fantastic-facts-about-macedonia/" target="_blank" rel="noopener">ciconiatravel.com</a></figcaption>
</figure>
@@ -240,7 +240,7 @@
<p>Ne ustavimo se le na znamenitem razgledu. Nadaljujmo navzgor. Pot nad Kaneom se naravno poveže s Plaošnikom in zgornjim delom starega mesta.</p>
<figure class="article-inline-image">
<img loading="lazy" decoding="async" src="../../../images/macedonia-ohrid-chinar-tree.webp" alt="The ancient plane tree, the Chinar, in central Ohrid">
<img width="1080" height="720" loading="lazy" decoding="async" src="../../../images/macedonia-ohrid-chinar-tree.webp" alt="The ancient plane tree, the Chinar, in central Ohrid">
<figcaption>Činar, stoletna platana v Ohridu. Foto: <a href="https://www.rexby.com/Travelsofmozzy/ttd/ancient-tree-of-beauty" target="_blank" rel="noopener">rexby.com</a></figcaption>
</figure>
@@ -273,7 +273,7 @@
<p>Pri spustu izberimo drugo ulico. Staro mesto je na vsaki poti nekoliko drugačno.</p>
<figure class="article-inline-image">
<img loading="lazy" decoding="async" src="../../../images/macedonia-ohrid-plaosnik.webp" alt="Archaeological remains and the Church of Saint Clement at Plaošnik">
<img width="810" height="540" loading="lazy" decoding="async" src="../../../images/macedonia-ohrid-plaosnik.webp" alt="Archaeological remains and the Church of Saint Clement at Plaošnik">
<figcaption>Plaošnik, Ohrid. Foto: <a href="https://macedonia-timeless.com/eng/things_to_do/senses/touch/archaeology/plaosnik/" target="_blank" rel="noopener">macedonia-timeless.com</a></figcaption>
</figure>
@@ -304,7 +304,7 @@
<p>Ohrid je preživel zato, ker sta se naravna in kulturna zgodovina razvijali skupaj. Mesta ni mogoče ohraniti, če jezero prezremo.</p>
<figure class="article-inline-image">
<img loading="lazy" decoding="async" src="../../../images/macedonia-ohrid-traditional-houses.webp" alt="Traditional houses along a narrow street in Ohrid's old town">
<img width="1400" height="933" loading="lazy" decoding="async" src="../../../images/macedonia-ohrid-traditional-houses.webp" alt="Traditional houses along a narrow street in Ohrid's old town">
<figcaption>Staro mestno jedro, Ohrid. Foto: <a href="https://www.fabionodariphoto.com/en/ohrid-things-to-do/" target="_blank" rel="noopener">fabionodariphoto.com</a></figcaption>
</figure>
@@ -56,7 +56,7 @@
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Font Awesome (for icons) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" media="print" onload="this.media=&#39;all&#39;" /><noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /></noscript>
<!-- Povezava na glavno CSS datoteko -->
<link rel="stylesheet" href="../../../css/main.css">
@@ -200,7 +200,7 @@
</header>
<figure class="article-main-image">
<img fetchpriority="high" src="../../../images/macedonia-skopje-stone-bridge-hero.webp" alt="The Stone Bridge over the Vardar in Skopje">
<img width="810" height="540" fetchpriority="high" src="../../../images/macedonia-skopje-stone-bridge-hero.webp" alt="The Stone Bridge over the Vardar in Skopje">
<figcaption>Kamniti most, Skopje. Foto: <a href="https://macedonia-timeless.com/eng/about/about/did-you-know/stone-bridge" target="_blank" rel="noopener">macedonia-timeless.com</a></figcaption>
</figure>
@@ -242,7 +242,7 @@
<p>Čaršija je tudi eden od krajev, kjer je večkulturni značaj Skopja najbolj viden. Različne verske, jezikovne, kulinarične in trgovske tradicije se srečajo na razmeroma majhnem prostoru.</p>
<figure class="article-inline-image">
<img loading="lazy" decoding="async" src="../../../images/macedonia-skopje-old-bazaar.webp" alt="A working street in the Old Skopje Bazaar">
<img width="1020" height="680" loading="lazy" decoding="async" src="../../../images/macedonia-skopje-old-bazaar.webp" alt="A working street in the Old Skopje Bazaar">
<figcaption>Stara čaršija, Skopje. Foto: <a href="https://visit-skopje.com/old-bazaar-skopje/" target="_blank" rel="noopener">visit-skopje.com</a></figcaption>
</figure>
@@ -273,7 +273,7 @@
<p>Pri razumevanju Skopja ni najpomembnejše, ali se nam posamezna stavba zdi lepa. Bolj smiselno se je vprašati, kateri problem je poskušala rešiti in kateri trenutek v zgodovini mesta jo je ustvaril.</p>
<figure class="article-inline-image">
<img loading="lazy" decoding="async" src="../../../images/macedonia-skopje-old-railway-station.webp" alt="The Museum of the City of Skopje in the former railway station">
<img width="1400" height="933" loading="lazy" decoding="async" src="../../../images/macedonia-skopje-old-railway-station.webp" alt="The Museum of the City of Skopje in the former railway station">
<figcaption>Muzej mesta Skopje. Foto: <a href="https://museumskopje.mk/" target="_blank" rel="noopener">museumskopje.mk</a></figcaption>
</figure>
@@ -292,7 +292,7 @@
<p>Ta kontrast lahko doživimo v enem samem dnevu.</p>
<figure class="article-inline-image">
<img loading="lazy" decoding="async" src="../../../images/macedonia-skopje-vodno-view.webp" alt="A view of Skopje from Mount Vodno">
<img width="825" height="550" loading="lazy" decoding="async" src="../../../images/macedonia-skopje-vodno-view.webp" alt="A view of Skopje from Mount Vodno">
<figcaption>Vodno, Skopje. Foto: <a href="https://visit-skopje.com/mount-vodno-skopje-best-views-hiking-trails-millennium-cross-guide/" target="_blank" rel="noopener">visit-skopje.com</a></figcaption>
</figure>
@@ -56,7 +56,7 @@
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Font Awesome (for icons) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" media="print" onload="this.media=&#39;all&#39;" /><noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /></noscript>
<!-- Povezava na glavno CSS datoteko -->
<link rel="stylesheet" href="../../../css/main.css">
@@ -200,7 +200,7 @@
</header>
<figure class="article-main-image">
<img fetchpriority="high" src="../../../images/macedonia-welcome-skopje-square-hero.webp" alt="Macedonia Square in central Skopje">
<img width="810" height="540" fetchpriority="high" src="../../../images/macedonia-welcome-skopje-square-hero.webp" alt="Macedonia Square in central Skopje">
<figcaption>Trg Makedonija, Skopje. Foto: <a href="https://macedonia-timeless.com/eng/cities_and_regions/cities/skopje/" target="_blank" rel="noopener">macedonia-timeless.com</a></figcaption>
</figure>
@@ -238,7 +238,7 @@
<p>Zato so naši spomini na dom tako pogosto povezani z ljudmi in ne le s kraji.</p>
<figure class="article-inline-image">
<img loading="lazy" decoding="async" src="../../../images/macedonia-welcome-hospitality.webp" alt="A traditional Macedonian table filled with local dishes">
<img width="960" height="640" loading="lazy" decoding="async" src="../../../images/macedonia-welcome-hospitality.webp" alt="A traditional Macedonian table filled with local dishes">
<figcaption>Tradicionalna makedonska miza. Foto: Youth Empowered, <a href="https://commons.wikimedia.org/wiki/File:%D0%A2%D1%80%D0%B0%D0%B4%D0%B8%D1%86%D0%B8%D0%BE%D0%BD%D0%B0%D0%BB%D0%BD%D0%B0_%D0%BC%D0%B0%D0%BA%D0%B5%D0%B4%D0%BE%D0%BD%D1%81%D0%BA%D0%B0_%D1%82%D1%80%D0%BF%D0%B5%D0%B7%D0%B0_8.jpg" target="_blank" rel="noopener">Wikimedia Commons</a>, <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener">CC BY-SA 4.0</a> (obrezano)</figcaption>
</figure>
@@ -267,7 +267,7 @@
<p>Najbolj smiselno jo pogosto spoznamo počasi, s hojo, poslušanjem in pripravljenostjo, da nam en kraj pove več kot eno zgodbo.</p>
<figure class="article-inline-image">
<img loading="lazy" decoding="async" src="../../../images/macedonia-welcome-heritage.webp" alt="The Robevci Family House in the old town of Ohrid">
<img width="1400" height="933" loading="lazy" decoding="async" src="../../../images/macedonia-welcome-heritage.webp" alt="The Robevci Family House in the old town of Ohrid">
<figcaption>Hiša družine Robevci, Ohrid. Foto: Silfiriel, <a href="https://commons.wikimedia.org/wiki/File:%D0%9A%D1%83%D1%9C%D0%B0%D1%82%D0%B0_%D0%BD%D0%B0_%D0%A0%D0%BE%D0%B1%D0%B5%D0%B2%D1%86%D0%B8_-_%D0%9C%D1%83%D0%B7%D0%B5%D1%98_%D0%BD%D0%B0_%D0%B3%D1%80%D0%B0%D0%B4_%D0%9E%D1%85%D1%80%D0%B8%D0%B4_01.jpg" target="_blank" rel="noopener">Wikimedia Commons</a>, <a href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank" rel="noopener">CC BY-SA 3.0</a> (obrezano)</figcaption>
</figure>