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
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='all'" /><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>
|
||||
|
||||
<!-- Correct path to the main CSS file -->
|
||||
<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>A shared Macedonian table. Photo: nehruresen, <a href="https://depositphotos.com/" target="_blank" rel="noopener">Depositphotos</a></figcaption>
|
||||
</figure>
|
||||
|
||||
@@ -242,7 +242,7 @@
|
||||
<p>It does not need decoration. Bread and time are enough.</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, the Macedonian baked bean dish. Photo: <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 is a useful example of how one dish can carry city identity. People do not only discuss whether it is good. They discuss where the right version comes from.</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, a roasted red pepper relish. Photo: <a href="https://100daysandnights.com/ajvar/" target="_blank" rel="noopener">100daysandnights.com</a></figcaption>
|
||||
</figure>
|
||||
|
||||
@@ -308,7 +308,7 @@
|
||||
<p>For visitors, the useful lesson is not to measure Macedonian hospitality through efficiency. The extra time is part of what is being offered.</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, a Macedonian meat flatbread. Photo: <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='all'" /><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>
|
||||
|
||||
<!-- Correct path to the main CSS file -->
|
||||
<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, an ancient city in central Macedonia. Photo: <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>The site should not be presented only as an ancient ruin. It is also a record of archaeological research, conservation, reconstruction, and decisions about how heritage is shown to the public.</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>Heraclea Lyncestis, an ancient city near Bitola. Photo: 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>Krusevo is not one memorial. It is a network of places in which national, local, Aromanian, artistic, and family histories overlap.</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, a prehistoric megalithic observatory. Photo: <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>Heritage becomes stronger when the route between objects is preserved in the story.</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, the Ilinden Monument above Kruševo. Photo: <a href="https://www.airvuz.com/video/ALIEN-Monument-?id=5b3c05705a1b667101abd26f" target="_blank" rel="noopener">airvuz.com</a></figcaption>
|
||||
</figure>
|
||||
|
||||
|
||||
@@ -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='all'" /><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>
|
||||
|
||||
<!-- Link to the main CSS file -->
|
||||
<link rel="stylesheet" href="../../css/main.css">
|
||||
@@ -197,7 +197,7 @@
|
||||
<h1>Get to know Macedonia</h1>
|
||||
<p class="page-description">Macedonia is not only a place on the map. It is a table that always has room for one more person, music that brings everyone closer, mountains on the horizon, and conversations that continue long after the coffee is finished. These are the places, traditions, tastes, and stories we carry with us and want to share with you.</p>
|
||||
<form class="subscribe-form">
|
||||
<input type="email" placeholder="Enter your email">
|
||||
<input type="email" placeholder="Enter your email" aria-label="Email address">
|
||||
<button type="submit" class="btn btn-primary-orange">Subscribe</button>
|
||||
</form>
|
||||
<p class="privacy-note">We care about your data in our <a href="../../en/privacy-policy/">privacy policy</a></p>
|
||||
@@ -222,7 +222,7 @@
|
||||
<!-- Story: Welcome to Macedonia -->
|
||||
<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 Team • People & Identity</p>
|
||||
<h3 class="post-title">Welcome to Macedonia</h3>
|
||||
@@ -233,7 +233,7 @@
|
||||
<!-- Story: Ohrid, More Than a Postcard -->
|
||||
<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 Team • Places & Nature</p>
|
||||
<h3 class="post-title">Ohrid, More Than a Postcard</h3>
|
||||
@@ -244,7 +244,7 @@
|
||||
<!-- Story: Skopje, A City of Many Layers -->
|
||||
<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 Team • Places & Nature</p>
|
||||
<h3 class="post-title">Skopje, A City of Many Layers</h3>
|
||||
@@ -255,7 +255,7 @@
|
||||
<!-- Story: A Table Full of Macedonia -->
|
||||
<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 Team • Food & Flavours</p>
|
||||
<h3 class="post-title">A Table Full of Macedonia</h3>
|
||||
@@ -266,7 +266,7 @@
|
||||
<!-- Story: Music, Dance and the Moments That Bring Us Together -->
|
||||
<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 Team • Culture & Traditions</p>
|
||||
<h3 class="post-title">Music, Dance and the Moments That Bring Us Together</h3>
|
||||
@@ -277,7 +277,7 @@
|
||||
<!-- Story: History You Can Still Walk Through -->
|
||||
<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 Team • History & Heritage</p>
|
||||
<h3 class="post-title">History You Can Still Walk Through</h3>
|
||||
|
||||
+5
-5
@@ -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='all'" /><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>
|
||||
|
||||
<!-- Correct path to the main CSS file -->
|
||||
<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>An oro at a Macedonian celebration. Photo: MKD Sv. Ciril i Metod, Kranj, <a href="https://www.facebook.com/photo/?fbid=27229726880015955&set=a.346970248718316" target="_blank" rel="noopener">Facebook</a></figcaption>
|
||||
</figure>
|
||||
|
||||
@@ -244,7 +244,7 @@
|
||||
<p>For many people living abroad, these sounds have an immediate emotional effect. A few notes can bring back a wedding, a village celebration, a family story, or a place that has not been visited for years.</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>The tapan and zurla, traditional Macedonian instruments. Photo: <a href="https://www.instagram.com/p/Cy4eiWxSQ68/" target="_blank" rel="noopener">Instagram</a></figcaption>
|
||||
</figure>
|
||||
|
||||
@@ -281,7 +281,7 @@
|
||||
<p>People who would not choose the same music in daily life can still hold the same line.</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>The Kopachkata, a social dance from Dramče. Photo: © 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>Change becomes continuity when people know what they are carrying forward.</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>Photo: 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='all'" /><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>
|
||||
|
||||
<!-- Correct path to the main CSS file -->
|
||||
<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>Church of St. John at Kaneo, Ohrid. Photo: <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>Do not stop only at the famous viewpoint. Continue uphill. The route above Kaneo connects naturally with Plaošnik and the upper old town.</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>The Chinar, the centuries-old plane tree in Ohrid. Photo: <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>When returning downhill, choose a different street. The old town changes from one route to another.</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. Photo: <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 has survived because natural and cultural history developed together. The city cannot be preserved while the lake is ignored.</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>Old town, Ohrid. Photo: <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='all'" /><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>
|
||||
|
||||
<!-- Correct path to the main CSS file -->
|
||||
<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>Stone Bridge, Skopje. Photo: <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>The bazaar is also one of the places where Skopje's multicultural character is most visible. Different religious, linguistic, culinary, and commercial traditions meet within a relatively small space.</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>Old Bazaar, Skopje. Photo: <a href="https://visit-skopje.com/old-bazaar-skopje/" target="_blank" rel="noopener">visit-skopje.com</a></figcaption>
|
||||
</figure>
|
||||
|
||||
@@ -273,7 +273,7 @@
|
||||
<p>To understand Skopje, it is worth looking beyond whether someone finds a building beautiful. The more important question is what problem it was trying to solve and what moment in the city's history produced it.</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>Museum of the City of Skopje. Photo: <a href="https://museumskopje.mk/" target="_blank" rel="noopener">museumskopje.mk</a></figcaption>
|
||||
</figure>
|
||||
|
||||
@@ -292,7 +292,7 @@
|
||||
<p>The contrast is not abstract. It can happen within the same day.</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>Mount Vodno, Skopje. Photo: <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='all'" /><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>
|
||||
|
||||
<!-- Correct path to the main CSS file -->
|
||||
<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>Macedonia Square, Skopje. Photo: <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>That is why our memories of home are so often connected to people rather than only to places.</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>Traditional Macedonian table. Photo: 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> (cropped)</figcaption>
|
||||
</figure>
|
||||
|
||||
@@ -267,7 +267,7 @@
|
||||
<p>The most meaningful way to encounter it is often slowly, by walking, listening, and allowing a place to tell more than one story.</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>Robevci Family House, Ohrid. Photo: 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> (cropped)</figcaption>
|
||||
</figure>
|
||||
|
||||
|
||||
Reference in new issue
Block a user