Add the remaining Get to Know stories with sourced images
Complete the two country sections with the place, food, culture, and heritage stories, so every hub card now leads to a full article instead of a pending page. Articles (EN/SI/MK each): - Slovenia: Lake Bled Beyond the Famous View, A First Taste of Slovenian Food, Slovenian Habits That May Surprise You, and Slovenia's Stories in Stone and Tradition. - Macedonia: Ohrid, More Than a Postcard, plus the earlier Skopje and Ljubljana stories that were still untracked. - Table, Music and Dance, and History articles for Macedonia are in place and still use image placeholders until their photos are sourced. Images: - Real, sourced photos wired into every finished article, each with an attribution caption (place, photographer where known, source link). Images are center-cropped to a uniform 3:2 and downscaled; webp and jfif sources converted to jpg. - Each article's hero image is reused on its hub card. - Welcome to Macedonia now opens with Macedonia Square in Skopje; the Church of St. John at Kaneo photo moves to the Ohrid story. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
1 parent
8ca03d5886
commit
7502e5db27
67 files changed
+11168
-93
No files matched your search
@@ -0,0 +1,395 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>A Table Full of Macedonia - MSOS</title>
|
||||
|
||||
<!-- Google Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<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" />
|
||||
|
||||
<!-- Correct path to the main CSS file -->
|
||||
<link rel="stylesheet" href="../../../css/main.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- START_HEADER -->
|
||||
<header class="dropdown-header-navigation">
|
||||
<div class="container">
|
||||
<!-- Logotip je zdaj samostojen element na levi strani -->
|
||||
<a href="../../../en/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
|
||||
<!-- Nov ovoj za vse elemente na desni strani -->
|
||||
<div class="header-right-wrapper">
|
||||
<nav>
|
||||
<ul class="navigation desktop-nav">
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Who We Are</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
|
||||
<li><a href="../../../en/about-us/">Our team</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">What We Do</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../en/projects/">Events & Projects</a></li>
|
||||
<li><a href="#">Blog</a></li>
|
||||
<li><a href="#">Gallery</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Get Involved</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Become a member</a></li>
|
||||
<li><a href="#">Support MSOS</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">For Students</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="../../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
|
||||
<li><a href="../../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">News</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Announcements</a></li>
|
||||
<li><a href="#">Open calls</a></li>
|
||||
<li><a href="#">Press releases</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">EN</span>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
</div>
|
||||
<div class="lang-dropdown">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Who We Are</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
|
||||
<li><a href="../../../en/about-us/">Our team</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">What We Do</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../en/projects/">Events & Projects</a></li>
|
||||
<li><a href="#">Blog</a></li>
|
||||
<li><a href="#">Gallery</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Get Involved</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Become a member</a></li>
|
||||
<li><a href="#">Support MSOS</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">For Students</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="../../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
|
||||
<li><a href="../../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">News</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Announcements</a></li>
|
||||
<li><a href="#">Open calls</a></li>
|
||||
<li><a href="#">Press releases</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<div class="language-selector">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span>EN</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modalno okno za izbiro jezika (ostaja enako) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Select Language</h3>
|
||||
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="article-page">
|
||||
<article class="article-container">
|
||||
<header class="article-header">
|
||||
<h1>A Table Full of Macedonia</h1>
|
||||
<p class="article-subtitle">The food matters, but so do the order of the plates, the people around them, and the fact that nobody leaves after the first course.</p>
|
||||
</header>
|
||||
|
||||
<figure class="article-main-image image-placeholder">
|
||||
<div class="image-placeholder-box">
|
||||
<i class="fas fa-image ph-icon" aria-hidden="true"></i>
|
||||
<p class="ph-label">Hero image (to be added)</p>
|
||||
<p class="ph-desc">A real shared Macedonian table with several dishes and people reaching for food.</p>
|
||||
<p class="ph-meta">Suggested file: <code>images/macedonia-food-shared-table-hero.jpg</code></p>
|
||||
<p class="ph-meta">Alt: "A shared Macedonian table with salads, bread, beans, and other dishes"</p>
|
||||
<p class="ph-meta">Source: to be added. Use only a publicly available photo whose licence permits publication, and include the source name, a direct link, the licence, and the photographer where required.</p>
|
||||
</div>
|
||||
</figure>
|
||||
|
||||
<div class="article-body">
|
||||
<p>A Macedonian table rarely begins with the main dish.</p>
|
||||
|
||||
<p>First come plates that seem small until they cover the whole table. Salad, cheese, peppers, olives, spreads, bread, and something warm may appear before anyone has decided what the full meal will be.</p>
|
||||
|
||||
<p>This opening matters because the table is not organised only around hunger. It creates time. People arrive, talk, wait for others, change their order, add another plate, and extend the meal.</p>
|
||||
|
||||
<p>The dishes below are familiar across much of the country, but they should not be treated as a complete definition of Macedonian cuisine. Regions, families, communities, seasons, and religious traditions all shape what people cook.</p>
|
||||
|
||||
<p>This is one table, not every table.</p>
|
||||
|
||||
<h2>Shopska salad is often the beginning</h2>
|
||||
|
||||
<p>Shopska salad is made with tomatoes, cucumbers, peppers, onion, and a generous layer of white cheese.</p>
|
||||
|
||||
<p>The ingredients are simple, but the balance matters. Summer tomatoes provide sweetness and acidity. Cucumber keeps the plate fresh. Peppers add another texture, and the grated or crumbled cheese brings salt and richness.</p>
|
||||
|
||||
<p>The salad usually arrives early and is shared.</p>
|
||||
|
||||
<p>It may be accompanied by bread, olives, roasted peppers, or other small plates. In many restaurants, people continue ordering while the salad is already on the table.</p>
|
||||
|
||||
<p>The dish is found across the wider Balkan region, so it should not be presented as belonging exclusively to Macedonia. What is specifically Macedonian is the way it fits into the local meal, often as the first plate in a much longer conversation.</p>
|
||||
|
||||
<h2>Tavče gravče is simple only on paper</h2>
|
||||
|
||||
<p>Tavče gravče is one of the dishes most strongly associated with Macedonia.</p>
|
||||
|
||||
<p>White beans are cooked and then baked in an earthenware dish, usually with onion, paprika, and seasoning. Depending on the household or occasion, meat may be added, but the bean-based version stands on its own.</p>
|
||||
|
||||
<p>The name refers directly to the cooking vessel and the beans.</p>
|
||||
|
||||
<p>The dish looks simple, but the texture depends on careful preparation. The beans should remain recognisable while the sauce becomes thick and rich. The paprika layer on top adds colour and aroma without turning the dish dry.</p>
|
||||
|
||||
<p>Tavče gravče is often described as national food, but its real strength is more ordinary. It is familiar, affordable, filling, and suitable for both home cooking and restaurant menus.</p>
|
||||
|
||||
<p>It does not need decoration. Bread and time are enough.</p>
|
||||
|
||||
<figure class="article-inline-image image-placeholder">
|
||||
<div class="image-placeholder-box">
|
||||
<i class="fas fa-image ph-icon" aria-hidden="true"></i>
|
||||
<p class="ph-label">Image (to be added)</p>
|
||||
<p class="ph-desc">Tavče gravče in a traditional earthenware dish.</p>
|
||||
<p class="ph-meta">Suggested file: <code>images/macedonia-food-tavce-gravce.jpg</code></p>
|
||||
<p class="ph-meta">Alt: "Tavče gravče baked and served in a clay dish"</p>
|
||||
<p class="ph-meta">Source: to be added. Use only a publicly available photo whose licence permits publication, and include the source name, a direct link, the licence, and the photographer where required.</p>
|
||||
</div>
|
||||
<figcaption>Photo: source to be added.</figcaption>
|
||||
</figure>
|
||||
|
||||
<h2>Ajvar is an autumn activity</h2>
|
||||
|
||||
<p>Ajvar is usually introduced as a red pepper spread.</p>
|
||||
|
||||
<p>That description misses the work behind it.</p>
|
||||
|
||||
<p>In many families, ajvar is made in early autumn when red peppers are available in large quantities. The peppers are roasted, peeled, cleaned, ground, and cooked slowly. The process can take most of the day and often involves several family members.</p>
|
||||
|
||||
<p>The smell of roasted peppers becomes part of the season.</p>
|
||||
|
||||
<p>Recipes differ. Some are mild, some hotter. Some include aubergine, while others focus almost entirely on peppers. Families can be very specific about texture, colour, and the amount of oil.</p>
|
||||
|
||||
<p>The finished jars are stored for winter and served with bread, cheese, meat, or other meals.</p>
|
||||
|
||||
<p>Ajvar is therefore more than a condiment. It is preserved food, shared work, family preference, and a marker of autumn.</p>
|
||||
|
||||
<h2>Pastrmajlija belongs to particular towns</h2>
|
||||
|
||||
<p>Pastrmajlija is an oval baked dough topped with pieces of seasoned meat.</p>
|
||||
|
||||
<p>It is especially connected with Štip and Veles, where local versions and strong opinions about preparation exist. The shape, dough, meat, and optional additions can vary.</p>
|
||||
|
||||
<p>This is not a pizza with a different name.</p>
|
||||
|
||||
<p>Its identity comes from the dough, the way the meat cooks into it, and the local context in which it is served. Some versions include egg. Others remain more restrained. The important point is to try it in a place where it is treated as a local speciality rather than a generic fast meal.</p>
|
||||
|
||||
<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 image-placeholder">
|
||||
<div class="image-placeholder-box">
|
||||
<i class="fas fa-image ph-icon" aria-hidden="true"></i>
|
||||
<p class="ph-label">Image (to be added)</p>
|
||||
<p class="ph-desc">Family members roasting or peeling red peppers for ajvar.</p>
|
||||
<p class="ph-meta">Suggested file: <code>images/macedonia-food-ajvar-preparation.jpg</code></p>
|
||||
<p class="ph-meta">Alt: "Roasted red peppers being prepared for homemade ajvar"</p>
|
||||
<p class="ph-meta">Source: to be added. Use only a publicly available photo whose licence permits publication, and include the source name, a direct link, the licence, and the photographer where required.</p>
|
||||
</div>
|
||||
<figcaption>Photo: source to be added.</figcaption>
|
||||
</figure>
|
||||
|
||||
<h2>Burek is part of the morning</h2>
|
||||
|
||||
<p>Burek is shared across the Balkans and beyond, but it has a clear place in everyday Macedonian eating.</p>
|
||||
|
||||
<p>It is commonly bought from a bakery, often in the morning, and eaten with yoghurt. Meat and cheese versions are widespread, with other fillings also available.</p>
|
||||
|
||||
<p>The experience is direct. The pastry should be hot, the layers crisp and soft in the right places, and the portion generous enough to replace breakfast and possibly lunch.</p>
|
||||
|
||||
<p>Burek is not a ceremonial dish. That is why it matters.</p>
|
||||
|
||||
<p>It belongs to early travel, late nights, quick meetings, work breaks, and the bakery everyone in a neighbourhood knows. People may debate which bakery makes the best one with the seriousness usually reserved for larger questions.</p>
|
||||
|
||||
<p>Because burek is part of a wider regional tradition, the article should present the Macedonian relationship with it rather than claim ownership of the dish.</p>
|
||||
|
||||
<h2>Coffee means the meal is not over</h2>
|
||||
|
||||
<p>When the plates begin to clear, coffee often arrives.</p>
|
||||
|
||||
<p>Macedonian coffee may be prepared in a small pot and served in a small cup, with the grounds settling at the bottom. Espresso and other styles are also common, especially in cafés.</p>
|
||||
|
||||
<p>The type of coffee is less important than the time around it.</p>
|
||||
|
||||
<p>Coffee creates another stage of the visit. The main meal may be finished, but the conversation is not. Fruit, sweets, or another drink may appear. Someone remembers another story. Plans are made slowly.</p>
|
||||
|
||||
<p>This is why a short coffee can last for hours.</p>
|
||||
|
||||
<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 image-placeholder">
|
||||
<div class="image-placeholder-box">
|
||||
<i class="fas fa-image ph-icon" aria-hidden="true"></i>
|
||||
<p class="ph-label">Image (to be added)</p>
|
||||
<p class="ph-desc">A freshly baked pastrmajlija from Štip or Veles.</p>
|
||||
<p class="ph-meta">Suggested file: <code>images/macedonia-food-pastrmajlija.jpg</code></p>
|
||||
<p class="ph-meta">Alt: "A traditional oval pastrmajlija topped with seasoned meat"</p>
|
||||
<p class="ph-meta">Source: to be added. Use only a publicly available photo whose licence permits publication, and include the source name, a direct link, the licence, and the photographer where required.</p>
|
||||
</div>
|
||||
<figcaption>Photo: source to be added.</figcaption>
|
||||
</figure>
|
||||
|
||||
<h2>The table is a form of welcome</h2>
|
||||
|
||||
<p>Shopska salad begins the meal. Tavče gravče brings familiarity. Ajvar carries the work of autumn. Pastrmajlija connects food with towns. Burek belongs to the morning. Coffee keeps everyone seated.</p>
|
||||
|
||||
<p>Other tables would add sarma, stuffed peppers, selsko meso, pindžur, gjomleze, fish, pies, soups, grilled dishes, seasonal vegetables, and desserts.</p>
|
||||
|
||||
<p>Macedonia cannot be reduced to six foods.</p>
|
||||
|
||||
<p>The stronger idea is the structure around them. Plates are shared. Portions are offered again. Guests are asked whether they have eaten enough even when the answer is obvious.</p>
|
||||
|
||||
<p>A full table is not only proof that food was prepared. It is a way of showing that someone was expected.</p>
|
||||
</div>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
<!-- START_FOOTER -->
|
||||
<footer>
|
||||
<div class="footer-container">
|
||||
<div class="footer-main">
|
||||
<div class="footer-info">
|
||||
<div class="footer-logo">
|
||||
<img src="../../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
|
||||
</div>
|
||||
<p>
|
||||
Masarykova cesta 24<br>
|
||||
1000 Ljubljana, Slovenia<br>
|
||||
+389 02 123 4567<br>
|
||||
info.msosorg@gmail.com
|
||||
</p>
|
||||
<div class="social-icons">
|
||||
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<div class="links-column">
|
||||
<h4>For students</h4>
|
||||
<a href="#">Blog</a>
|
||||
<a href="#">Gallery</a>
|
||||
<a href="#">FAQs</a>
|
||||
<a href="#">Brochure</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Projects</h4>
|
||||
<a href="#">Upcoming</a>
|
||||
<a href="#">Previous</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Organisation</h4>
|
||||
<a href="#">About us</a>
|
||||
<a href="#">Contact</a>
|
||||
<a href="#">Documentation</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="footer-bottom">
|
||||
<p>© MSOS org 2025 All rights reserved.</p>
|
||||
<div class="legal-links">
|
||||
<a href="#">Privacy policy</a>
|
||||
<a href="#">Cookie Policy</a>
|
||||
<a href="#">Legal Terms</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../../../main.js"></script>
|
||||
</footer>
|
||||
<!-- END_FOOTER -->
|
||||
|
||||
<script src="../../../main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,401 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>History You Can Still Walk Through - MSOS</title>
|
||||
|
||||
<!-- Google Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<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" />
|
||||
|
||||
<!-- Correct path to the main CSS file -->
|
||||
<link rel="stylesheet" href="../../../css/main.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- START_HEADER -->
|
||||
<header class="dropdown-header-navigation">
|
||||
<div class="container">
|
||||
<!-- Logotip je zdaj samostojen element na levi strani -->
|
||||
<a href="../../../en/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
|
||||
<!-- Nov ovoj za vse elemente na desni strani -->
|
||||
<div class="header-right-wrapper">
|
||||
<nav>
|
||||
<ul class="navigation desktop-nav">
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Who We Are</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
|
||||
<li><a href="../../../en/about-us/">Our team</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">What We Do</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../en/projects/">Events & Projects</a></li>
|
||||
<li><a href="#">Blog</a></li>
|
||||
<li><a href="#">Gallery</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Get Involved</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Become a member</a></li>
|
||||
<li><a href="#">Support MSOS</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">For Students</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="../../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
|
||||
<li><a href="../../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">News</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Announcements</a></li>
|
||||
<li><a href="#">Open calls</a></li>
|
||||
<li><a href="#">Press releases</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">EN</span>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
</div>
|
||||
<div class="lang-dropdown">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Who We Are</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
|
||||
<li><a href="../../../en/about-us/">Our team</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">What We Do</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../en/projects/">Events & Projects</a></li>
|
||||
<li><a href="#">Blog</a></li>
|
||||
<li><a href="#">Gallery</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Get Involved</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Become a member</a></li>
|
||||
<li><a href="#">Support MSOS</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">For Students</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="../../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
|
||||
<li><a href="../../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">News</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Announcements</a></li>
|
||||
<li><a href="#">Open calls</a></li>
|
||||
<li><a href="#">Press releases</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<div class="language-selector">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span>EN</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modalno okno za izbiro jezika (ostaja enako) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Select Language</h3>
|
||||
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="article-page">
|
||||
<article class="article-container">
|
||||
<header class="article-header">
|
||||
<h1>History You Can Still Walk Through</h1>
|
||||
<p class="article-subtitle">Stobi, Heraclea, Kokino, and Krusevo do not belong to the same century or tell the same story. That is exactly why they belong in the same journey.</p>
|
||||
</header>
|
||||
|
||||
<figure class="article-main-image image-placeholder">
|
||||
<div class="image-placeholder-box">
|
||||
<i class="fas fa-image ph-icon" aria-hidden="true"></i>
|
||||
<p class="ph-label">Hero image (to be added)</p>
|
||||
<p class="ph-desc">A walkable archaeological street at Stobi with walls and landscape visible.</p>
|
||||
<p class="ph-meta">Suggested file: <code>images/macedonia-heritage-stobi-street-hero.jpg</code></p>
|
||||
<p class="ph-meta">Alt: "An ancient street and building remains at the archaeological site of Stobi"</p>
|
||||
<p class="ph-meta">Source: to be added. Use only a publicly available photo whose licence permits publication, and include the source name, a direct link, the licence, and the photographer where required.</p>
|
||||
</div>
|
||||
</figure>
|
||||
|
||||
<div class="article-body">
|
||||
<p>Macedonian history is difficult to present through one timeline.</p>
|
||||
|
||||
<p>Ancient cities, Roman roads, early Christian mosaics, medieval churches, Ottoman urban spaces, nineteenth-century houses, revolutionary memory, socialist memorial architecture, and contemporary life often stand close to one another.</p>
|
||||
|
||||
<p>A broad summary can flatten these differences.</p>
|
||||
|
||||
<p>This article takes another approach. It focuses on four places that can be physically walked through. Each one belongs to a different landscape and period. Each one asks the visitor to look at more than a single monument.</p>
|
||||
|
||||
<p>They are not the only important sites in Macedonia. They are four clear starting points.</p>
|
||||
|
||||
<h2>Stobi allows the plan of a city to reappear</h2>
|
||||
|
||||
<p>Stobi lies near the meeting of the Crna and Vardar rivers, close to an important route through the central part of the country.</p>
|
||||
|
||||
<p>The archaeological site contains streets, public buildings, houses, baths, a theatre, basilicas, and mosaics from different phases of the ancient city.</p>
|
||||
|
||||
<p>What makes Stobi useful is that the urban structure remains readable.</p>
|
||||
|
||||
<p>Visitors do not see one isolated object behind glass. They move along streets, enter the remains of buildings, compare public and domestic spaces, and notice how the settlement changed between Roman and early Christian periods.</p>
|
||||
|
||||
<p>Mosaics add detail to the larger plan. Geometric patterns, animals, plants, and symbolic images reveal the visual environment of buildings that otherwise survive mostly through walls and foundations.</p>
|
||||
|
||||
<p>The open landscape is part of the experience. Heat, wind, distance, and the rivers help explain why the site developed there.</p>
|
||||
|
||||
<p>Stobi should be walked slowly. The meaning lies in the relationship between spaces rather than in one perfect photograph.</p>
|
||||
|
||||
<h2>Heraclea reveals itself through mosaics and a theatre</h2>
|
||||
|
||||
<p>Heraclea Lyncestis is located near Bitola.</p>
|
||||
|
||||
<p>The site includes a Roman theatre, baths, a courtroom portico, early Christian basilicas, an episcopal residence, and large areas of mosaic.</p>
|
||||
|
||||
<p>The mosaics are among its strongest features. They contain animals, plants, water creatures, geometric borders, and religious symbolism. Their detail contrasts with the heavier stone structures around them.</p>
|
||||
|
||||
<p>The Roman theatre provides another layer. Its restoration and continued cultural use show how an archaeological structure can remain part of contemporary public life.</p>
|
||||
|
||||
<p>Heraclea also benefits from its relationship with Bitola. A visit to the site can be combined with the city's Ottoman, consular, religious, and urban heritage, creating a much wider historical picture within a small area.</p>
|
||||
|
||||
<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 image-placeholder">
|
||||
<div class="image-placeholder-box">
|
||||
<i class="fas fa-image ph-icon" aria-hidden="true"></i>
|
||||
<p class="ph-label">Image (to be added)</p>
|
||||
<p class="ph-desc">A detailed Heraclea mosaic with the surrounding basilica context visible.</p>
|
||||
<p class="ph-meta">Suggested file: <code>images/macedonia-heritage-heraclea-mosaic.jpg</code></p>
|
||||
<p class="ph-meta">Alt: "A preserved early Christian mosaic at Heraclea Lyncestis near Bitola"</p>
|
||||
<p class="ph-meta">Source: to be added. Use only a publicly available photo whose licence permits publication, and include the source name, a direct link, the licence, and the photographer where required.</p>
|
||||
</div>
|
||||
<figcaption>Photo: source to be added.</figcaption>
|
||||
</figure>
|
||||
|
||||
<h2>Kokino requires careful wording and close observation</h2>
|
||||
|
||||
<p>Kokino is an archaeological and archaeoastronomical site near the village of the same name in the municipality of Staro Nagorichane.</p>
|
||||
|
||||
<p>It sits on the rocky summit known as Tatićev Kamen, more than one thousand metres above sea level.</p>
|
||||
|
||||
<p>The site includes rock formations and markers interpreted in relation to observations of the sun and moon, as well as archaeological evidence of ritual use.</p>
|
||||
|
||||
<p>Kokino has been on North Macedonia's Tentative List for UNESCO World Heritage since 2009. This does not mean that it is a fully inscribed World Heritage property. The distinction should always be stated correctly.</p>
|
||||
|
||||
<p>The site is visually unusual because the stone itself carries the main evidence. There are no large reconstructed buildings to guide the visitor.</p>
|
||||
|
||||
<p>This requires patience. A knowledgeable guide or reliable interpretation helps explain which features are natural, which were modified, and how researchers understand the site's function.</p>
|
||||
|
||||
<p>Kokino is a good reminder that heritage can be difficult to see without context. The landscape is the monument.</p>
|
||||
|
||||
<h2>Krusevo connects streets, houses, and political memory</h2>
|
||||
|
||||
<p>Krusevo sits high above the Pelagonia region and has a strongly recognisable urban character.</p>
|
||||
|
||||
<p>Its steep streets are lined with houses connected with Macedonian and Aromanian building traditions. The town's identity is also closely tied to the Ilinden Uprising of 1903 and the short-lived Krusevo Republic.</p>
|
||||
|
||||
<p>This history appears through museums, memorial sites, Mečkin Kamen, and the Ilinden Monument, commonly known as Makedonium.</p>
|
||||
|
||||
<p>Makedonium opened in 1974. Its white sculptural form, coloured windows, interior reliefs, and position at Gumenje make it one of Macedonia's most recognisable examples of memorial architecture from the Yugoslav period.</p>
|
||||
|
||||
<p>The building should not be separated from the town below it.</p>
|
||||
|
||||
<p>Walking through Krusevo connects political memory with domestic architecture, churches, workshops, views over the surrounding landscape, and the multicultural history of the local community.</p>
|
||||
|
||||
<p>The town also carries the legacy of artist Nikola Martinoski and singer Toše Proeski through dedicated cultural institutions.</p>
|
||||
|
||||
<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 image-placeholder">
|
||||
<div class="image-placeholder-box">
|
||||
<i class="fas fa-image ph-icon" aria-hidden="true"></i>
|
||||
<p class="ph-label">Image (to be added)</p>
|
||||
<p class="ph-desc">The rocky summit of Kokino with interpretation of the marked features.</p>
|
||||
<p class="ph-meta">Suggested file: <code>images/macedonia-heritage-kokino.jpg</code></p>
|
||||
<p class="ph-meta">Alt: "The rocky archaeological landscape of Kokino at Tatićev Kamen"</p>
|
||||
<p class="ph-meta">Source: to be added. Use only a publicly available photo whose licence permits publication, and include the source name, a direct link, the licence, and the photographer where required.</p>
|
||||
</div>
|
||||
<figcaption>Photo: source to be added.</figcaption>
|
||||
</figure>
|
||||
|
||||
<h2>The route matters as much as the monument</h2>
|
||||
|
||||
<p>These four places require different ways of looking.</p>
|
||||
|
||||
<p>At Stobi, follow the city plan. At Heraclea, move between architecture and mosaic detail. At Kokino, read the stone landscape with interpretation. In Krusevo, connect memorial architecture with streets and houses.</p>
|
||||
|
||||
<p>Moving too quickly reduces each place to its most photographed feature.</p>
|
||||
|
||||
<p>A theatre without the basilicas does not explain Heraclea. A view from Makedonium without the town does not explain Krusevo. A dramatic rock at Kokino without careful context becomes mythology. One mosaic at Stobi does not explain an entire city.</p>
|
||||
|
||||
<p>Heritage becomes stronger when the route between objects is preserved in the story.</p>
|
||||
|
||||
<figure class="article-inline-image image-placeholder">
|
||||
<div class="image-placeholder-box">
|
||||
<i class="fas fa-image ph-icon" aria-hidden="true"></i>
|
||||
<p class="ph-label">Image (to be added)</p>
|
||||
<p class="ph-desc">Makedonium seen together with part of Krusevo or visitors moving through the site.</p>
|
||||
<p class="ph-meta">Suggested file: <code>images/macedonia-heritage-krusevo-makedonium.jpg</code></p>
|
||||
<p class="ph-meta">Alt: "The Ilinden Monument, known as Makedonium, above Krusevo"</p>
|
||||
<p class="ph-meta">Source: to be added. Use only a publicly available photo whose licence permits publication, and include the source name, a direct link, the licence, and the photographer where required.</p>
|
||||
</div>
|
||||
<figcaption>Photo: source to be added.</figcaption>
|
||||
</figure>
|
||||
|
||||
<h2>History should not be forced into one identity</h2>
|
||||
|
||||
<p>Macedonia's heritage comes from different periods, peoples, states, languages, religions, and communities.</p>
|
||||
|
||||
<p>This complexity should not be treated as a problem that needs to be simplified.</p>
|
||||
|
||||
<p>A responsible article distinguishes between evidence, interpretation, local memory, and national symbolism. It identifies official status correctly. It avoids turning every site into proof of one continuous political story.</p>
|
||||
|
||||
<p>Stobi, Heraclea, Kokino, and Krusevo matter for different reasons.</p>
|
||||
|
||||
<p>Their value grows when those differences remain visible.</p>
|
||||
|
||||
<h2>A visit is part of preservation</h2>
|
||||
|
||||
<p>Archaeological and memorial sites are vulnerable.</p>
|
||||
|
||||
<p>Visitors should remain on designated paths, avoid climbing on fragile walls, never remove stone or material, follow photography rules, and use official interpretation where available.</p>
|
||||
|
||||
<p>Public attention can support conservation, but heavy or careless use can also cause damage.</p>
|
||||
|
||||
<p>Walking through history creates responsibility.</p>
|
||||
|
||||
<p>The places in this article have survived through excavation, local memory, institutional care, restoration, and continued public interest. Their future depends on the same combination.</p>
|
||||
</div>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
<!-- START_FOOTER -->
|
||||
<footer>
|
||||
<div class="footer-container">
|
||||
<div class="footer-main">
|
||||
<div class="footer-info">
|
||||
<div class="footer-logo">
|
||||
<img src="../../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
|
||||
</div>
|
||||
<p>
|
||||
Masarykova cesta 24<br>
|
||||
1000 Ljubljana, Slovenia<br>
|
||||
+389 02 123 4567<br>
|
||||
info.msosorg@gmail.com
|
||||
</p>
|
||||
<div class="social-icons">
|
||||
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<div class="links-column">
|
||||
<h4>For students</h4>
|
||||
<a href="#">Blog</a>
|
||||
<a href="#">Gallery</a>
|
||||
<a href="#">FAQs</a>
|
||||
<a href="#">Brochure</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Projects</h4>
|
||||
<a href="#">Upcoming</a>
|
||||
<a href="#">Previous</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Organisation</h4>
|
||||
<a href="#">About us</a>
|
||||
<a href="#">Contact</a>
|
||||
<a href="#">Documentation</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="footer-bottom">
|
||||
<p>© MSOS org 2025 All rights reserved.</p>
|
||||
<div class="legal-links">
|
||||
<a href="#">Privacy policy</a>
|
||||
<a href="#">Cookie Policy</a>
|
||||
<a href="#">Legal Terms</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../../../main.js"></script>
|
||||
</footer>
|
||||
<!-- END_FOOTER -->
|
||||
|
||||
<script src="../../../main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -205,7 +205,7 @@
|
||||
<!-- Story: Welcome to Macedonia -->
|
||||
<article class="post-card" data-category="identity">
|
||||
<a href="welcome-to-macedonia/" class="post-link">
|
||||
<img src="../../images/macedonia-welcome-hero.jpg" alt="The Church of St. John at Kaneo above Lake Ohrid" class="post-image">
|
||||
<img src="../../images/macedonia-welcome-skopje-square-hero.jpg" 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>
|
||||
@@ -216,10 +216,7 @@
|
||||
<!-- Story: Ohrid, More Than a Postcard -->
|
||||
<article class="post-card" data-category="places">
|
||||
<a href="ohrid-more-than-a-postcard/" class="post-link">
|
||||
<div class="post-image post-image-placeholder">
|
||||
<i class="fas fa-image" aria-hidden="true"></i>
|
||||
<span>Image to be added</span>
|
||||
</div>
|
||||
<img src="../../images/macedonia-ohrid-kaneo-hero.jpg" 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>
|
||||
@@ -230,10 +227,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">
|
||||
<div class="post-image post-image-placeholder">
|
||||
<i class="fas fa-image" aria-hidden="true"></i>
|
||||
<span>Image to be added</span>
|
||||
</div>
|
||||
<img src="../../images/macedonia-skopje-stone-bridge-hero.jpg" 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>
|
||||
|
||||
+401
@@ -0,0 +1,401 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Music, Dance and the Moments That Bring Us Together - MSOS</title>
|
||||
|
||||
<!-- Google Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<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" />
|
||||
|
||||
<!-- Correct path to the main CSS file -->
|
||||
<link rel="stylesheet" href="../../../css/main.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- START_HEADER -->
|
||||
<header class="dropdown-header-navigation">
|
||||
<div class="container">
|
||||
<!-- Logotip je zdaj samostojen element na levi strani -->
|
||||
<a href="../../../en/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
|
||||
<!-- Nov ovoj za vse elemente na desni strani -->
|
||||
<div class="header-right-wrapper">
|
||||
<nav>
|
||||
<ul class="navigation desktop-nav">
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Who We Are</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
|
||||
<li><a href="../../../en/about-us/">Our team</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">What We Do</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../en/projects/">Events & Projects</a></li>
|
||||
<li><a href="#">Blog</a></li>
|
||||
<li><a href="#">Gallery</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Get Involved</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Become a member</a></li>
|
||||
<li><a href="#">Support MSOS</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">For Students</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="../../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
|
||||
<li><a href="../../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">News</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Announcements</a></li>
|
||||
<li><a href="#">Open calls</a></li>
|
||||
<li><a href="#">Press releases</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">EN</span>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
</div>
|
||||
<div class="lang-dropdown">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Who We Are</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
|
||||
<li><a href="../../../en/about-us/">Our team</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">What We Do</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../en/projects/">Events & Projects</a></li>
|
||||
<li><a href="#">Blog</a></li>
|
||||
<li><a href="#">Gallery</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Get Involved</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Become a member</a></li>
|
||||
<li><a href="#">Support MSOS</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">For Students</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="../../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
|
||||
<li><a href="../../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">News</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Announcements</a></li>
|
||||
<li><a href="#">Open calls</a></li>
|
||||
<li><a href="#">Press releases</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<div class="language-selector">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span>EN</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modalno okno za izbiro jezika (ostaja enako) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Select Language</h3>
|
||||
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="article-page">
|
||||
<article class="article-container">
|
||||
<header class="article-header">
|
||||
<h1>Music, Dance and the Moments That Bring Us Together</h1>
|
||||
<p class="article-subtitle">In Macedonia, music is often not something performed in front of a room. It is what changes the room and brings people into the same rhythm.</p>
|
||||
</header>
|
||||
|
||||
<figure class="article-main-image image-placeholder">
|
||||
<div class="image-placeholder-box">
|
||||
<i class="fas fa-image ph-icon" aria-hidden="true"></i>
|
||||
<p class="ph-label">Hero image (to be added)</p>
|
||||
<p class="ph-desc">A wide photograph of several generations dancing an oro at a real celebration.</p>
|
||||
<p class="ph-meta">Suggested file: <code>images/macedonia-culture-oro-celebration-hero.jpg</code></p>
|
||||
<p class="ph-meta">Alt: "Several generations joining the same oro at a Macedonian celebration"</p>
|
||||
<p class="ph-meta">Source: to be added. Use only a publicly available photo whose licence permits publication, and include the source name, a direct link, the licence, and the photographer where required.</p>
|
||||
</div>
|
||||
</figure>
|
||||
|
||||
<div class="article-body">
|
||||
<p>A Macedonian celebration can change in a few seconds.</p>
|
||||
|
||||
<p>People may be seated, talking in smaller groups, when a familiar rhythm begins. Someone recognises the song. Another person stands. Hands connect, the line grows, and the room reorganises itself around an oro.</p>
|
||||
|
||||
<p>Not every gathering follows the same pattern. Macedonia has different regions, communities, musical traditions, generations, and tastes. A village wedding, an urban club, a family celebration, and a cultural festival sound very different.</p>
|
||||
|
||||
<p>The common idea is participation.</p>
|
||||
|
||||
<p>Music is often strongest when the border between performer and audience becomes unclear.</p>
|
||||
|
||||
<h2>Oro is a social form, not one single dance</h2>
|
||||
|
||||
<p>“Oro” is a general term used for a wide family of traditional dances.</p>
|
||||
|
||||
<p>Dancers commonly form a line, semicircle, or circle and connect by holding hands, shoulders, or belts, depending on the dance. Steps can be slow and controlled or fast and energetic. Rhythms and movement patterns vary by region.</p>
|
||||
|
||||
<p>The first and last positions in the line can carry particular responsibility. An experienced leader guides direction, tempo, and changes in movement.</p>
|
||||
|
||||
<p>For someone joining for the first time, the practical rule is to watch before stepping in. Begin near people who know the dance. Follow the feet and do not pull the line in a different direction.</p>
|
||||
|
||||
<p>The purpose is not individual performance.</p>
|
||||
|
||||
<p>Even when one dancer shows greater skill, the form depends on connection. The dance works only when people adjust to one another.</p>
|
||||
|
||||
<h2>Tapan and zurla can change the atmosphere instantly</h2>
|
||||
|
||||
<p>The tapan is a large double-headed drum played with two different sticks. It creates both a deep pulse and sharper rhythmic accents.</p>
|
||||
|
||||
<p>The zurla is a loud wind instrument with a penetrating sound that carries easily in open spaces.</p>
|
||||
|
||||
<p>Together, tapan and zurla are closely associated with outdoor celebrations, weddings, village gatherings, and traditional dance. Their sound is physical. It does not stay in the background.</p>
|
||||
|
||||
<p>Other instruments also shape Macedonian musical traditions, including the kaval, gajda, tambura, and various string and percussion instruments.</p>
|
||||
|
||||
<p>The exact combination depends on the region and musical form.</p>
|
||||
|
||||
<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 image-placeholder">
|
||||
<div class="image-placeholder-box">
|
||||
<i class="fas fa-image ph-icon" aria-hidden="true"></i>
|
||||
<p class="ph-label">Image (to be added)</p>
|
||||
<p class="ph-desc">Tapan and zurla musicians performing outdoors.</p>
|
||||
<p class="ph-meta">Suggested file: <code>images/macedonia-culture-tapan-zurla.jpg</code></p>
|
||||
<p class="ph-meta">Alt: "Musicians playing tapan and zurla at an outdoor gathering"</p>
|
||||
<p class="ph-meta">Source: to be added. Use only a publicly available photo whose licence permits publication, and include the source name, a direct link, the licence, and the photographer where required.</p>
|
||||
</div>
|
||||
<figcaption>Photo: source to be added.</figcaption>
|
||||
</figure>
|
||||
|
||||
<h2>Kopachkata belongs to Dramche and Pijanec</h2>
|
||||
|
||||
<p>Kopachkata is not a general name for Macedonian dance.</p>
|
||||
|
||||
<p>It is a specific social dance from the village of Dramche in the Pijanec region. UNESCO inscribed it on the Representative List of the Intangible Cultural Heritage of Humanity in 2014.</p>
|
||||
|
||||
<p>The dance is performed by male dancers in a semicircle. They hold each other's belts with crossed hands, which helps maintain stability as the movements become faster.</p>
|
||||
|
||||
<p>It begins with slower walking movements, then develops into quicker steps and forceful stamping. Drums, a fiddle, and sometimes tambura or bagpipes accompany the dance.</p>
|
||||
|
||||
<p>UNESCO's description also explains how knowledge is transmitted. Newer and younger participants begin at the end of the line and move closer to the front as their skill grows.</p>
|
||||
|
||||
<p>This detail matters because heritage is not only the movement itself. It is the method by which a community teaches responsibility, position, and belonging.</p>
|
||||
|
||||
<p>Kopachkata should therefore be presented with its exact local origin. It is part of Macedonian heritage, but it belongs first to the community that has preserved it.</p>
|
||||
|
||||
<h2>Weddings turn music into a timeline</h2>
|
||||
|
||||
<p>At many Macedonian weddings, music marks different stages of the day.</p>
|
||||
|
||||
<p>Songs and instrumental pieces accompany arrivals, family rituals, the gathering of guests, the entrance of the couple, dancing, and moments of heightened emotion.</p>
|
||||
|
||||
<p>Traditional music may sit beside pop, folk, rock, electronic music, international hits, and songs chosen for one family or generation.</p>
|
||||
|
||||
<p>This mixture is important. A Macedonian wedding is not a museum presentation of tradition.</p>
|
||||
|
||||
<p>The playlist changes because the people in the room carry different memories. Older relatives respond to one song, younger guests to another, and some songs unite the entire space.</p>
|
||||
|
||||
<p>The oro often becomes the point where these generations meet physically.</p>
|
||||
|
||||
<p>People who would not choose the same music in daily life can still hold the same line.</p>
|
||||
|
||||
<figure class="article-inline-image image-placeholder">
|
||||
<div class="image-placeholder-box">
|
||||
<i class="fas fa-image ph-icon" aria-hidden="true"></i>
|
||||
<p class="ph-label">Image (to be added)</p>
|
||||
<p class="ph-desc">Kopachkata dancers from Dramche in a semicircle, with correct source attribution.</p>
|
||||
<p class="ph-meta">Suggested file: <code>images/macedonia-culture-kopachkata.jpg</code></p>
|
||||
<p class="ph-meta">Alt: "Kopachkata dancers holding their belts in a semicircle in Dramche"</p>
|
||||
<p class="ph-meta">Source: to be added. Use only a publicly available photo whose licence permits publication, and include the source name, a direct link, the licence, and the photographer where required.</p>
|
||||
</div>
|
||||
<figcaption>Photo: source to be added.</figcaption>
|
||||
</figure>
|
||||
|
||||
<h2>Songs carry language across distance</h2>
|
||||
|
||||
<p>For Macedonians living abroad, music often protects more than memory.</p>
|
||||
|
||||
<p>It protects pronunciation, expressions, humour, regional accents, and emotional meanings that do not translate easily.</p>
|
||||
|
||||
<p>A song heard in Slovenia can bring Macedonia into the room without any decoration or explanation. People begin singing before they think about the words.</p>
|
||||
|
||||
<p>MSOS events use music for exactly this reason. It creates familiarity quickly, especially among students who come from different cities and may not know one another yet.</p>
|
||||
|
||||
<p>The same song can also become a bridge toward Slovenian and international friends. Explaining the rhythm, translating one verse, or inviting someone into an easy oro makes culture participatory rather than distant.</p>
|
||||
|
||||
<p>Music works best as an invitation.</p>
|
||||
|
||||
<h2>Tradition continues because it changes</h2>
|
||||
|
||||
<p>Traditional culture does not survive by remaining untouched.</p>
|
||||
|
||||
<p>Musicians rearrange old songs. Young dancers learn through folklore groups and then bring the steps into contemporary celebrations. Instruments appear beside electronic production. Archival recordings are rediscovered online. Regional styles meet in cities and among diaspora communities.</p>
|
||||
|
||||
<p>Some people prefer older forms. Others connect through modern interpretations.</p>
|
||||
|
||||
<p>Both relationships can be sincere.</p>
|
||||
|
||||
<p>The important question is whether the source is respected. A local dance should keep its name and origin. A traditional song should not become anonymous simply because it is widely known. Communities and performers deserve recognition.</p>
|
||||
|
||||
<p>Change becomes continuity when people know what they are carrying forward.</p>
|
||||
|
||||
<figure class="article-inline-image image-placeholder">
|
||||
<div class="image-placeholder-box">
|
||||
<i class="fas fa-image ph-icon" aria-hidden="true"></i>
|
||||
<p class="ph-label">Image (to be added)</p>
|
||||
<p class="ph-desc">An MSOS event in Slovenia where students are dancing together.</p>
|
||||
<p class="ph-meta">Suggested file: <code>images/msos-macedonian-music-event.jpg</code></p>
|
||||
<p class="ph-meta">Alt: "Macedonian students dancing together at an MSOS event in Slovenia"</p>
|
||||
<p class="ph-meta">Source: to be added. Use only a publicly available photo whose licence permits publication, and include the source name, a direct link, the licence, and the photographer where required.</p>
|
||||
</div>
|
||||
<figcaption>Photo: source to be added.</figcaption>
|
||||
</figure>
|
||||
|
||||
<h2>The line always has room for another person</h2>
|
||||
|
||||
<p>The strongest image of Macedonian dance is not one perfect dancer.</p>
|
||||
|
||||
<p>It is the moment when the line grows.</p>
|
||||
|
||||
<p>A relative joins, then a friend, then someone who does not know the steps but is encouraged to try. The movement adjusts. The group makes space.</p>
|
||||
|
||||
<p>That is why music and dance remain central to belonging. They do not only represent identity. They create it in real time.</p>
|
||||
|
||||
<p>The rhythm begins with musicians, but the celebration becomes complete when everyone else responds.</p>
|
||||
</div>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
<!-- START_FOOTER -->
|
||||
<footer>
|
||||
<div class="footer-container">
|
||||
<div class="footer-main">
|
||||
<div class="footer-info">
|
||||
<div class="footer-logo">
|
||||
<img src="../../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
|
||||
</div>
|
||||
<p>
|
||||
Masarykova cesta 24<br>
|
||||
1000 Ljubljana, Slovenia<br>
|
||||
+389 02 123 4567<br>
|
||||
info.msosorg@gmail.com
|
||||
</p>
|
||||
<div class="social-icons">
|
||||
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<div class="links-column">
|
||||
<h4>For students</h4>
|
||||
<a href="#">Blog</a>
|
||||
<a href="#">Gallery</a>
|
||||
<a href="#">FAQs</a>
|
||||
<a href="#">Brochure</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Projects</h4>
|
||||
<a href="#">Upcoming</a>
|
||||
<a href="#">Previous</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Organisation</h4>
|
||||
<a href="#">About us</a>
|
||||
<a href="#">Contact</a>
|
||||
<a href="#">Documentation</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="footer-bottom">
|
||||
<p>© MSOS org 2025 All rights reserved.</p>
|
||||
<div class="legal-links">
|
||||
<a href="#">Privacy policy</a>
|
||||
<a href="#">Cookie Policy</a>
|
||||
<a href="#">Legal Terms</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../../../main.js"></script>
|
||||
</footer>
|
||||
<!-- END_FOOTER -->
|
||||
|
||||
<script src="../../../main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,366 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Ohrid, More Than a Postcard - MSOS</title>
|
||||
|
||||
<!-- Google Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<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" />
|
||||
|
||||
<!-- Correct path to the main CSS file -->
|
||||
<link rel="stylesheet" href="../../../css/main.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- START_HEADER -->
|
||||
<header class="dropdown-header-navigation">
|
||||
<div class="container">
|
||||
<!-- Logotip je zdaj samostojen element na levi strani -->
|
||||
<a href="../../../en/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
|
||||
<!-- Nov ovoj za vse elemente na desni strani -->
|
||||
<div class="header-right-wrapper">
|
||||
<nav>
|
||||
<ul class="navigation desktop-nav">
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Who We Are</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
|
||||
<li><a href="../../../en/about-us/">Our team</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">What We Do</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../en/projects/">Events & Projects</a></li>
|
||||
<li><a href="#">Blog</a></li>
|
||||
<li><a href="#">Gallery</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Get Involved</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Become a member</a></li>
|
||||
<li><a href="#">Support MSOS</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">For Students</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="../../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
|
||||
<li><a href="../../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">News</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Announcements</a></li>
|
||||
<li><a href="#">Open calls</a></li>
|
||||
<li><a href="#">Press releases</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">EN</span>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
</div>
|
||||
<div class="lang-dropdown">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Who We Are</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
|
||||
<li><a href="../../../en/about-us/">Our team</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">What We Do</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../en/projects/">Events & Projects</a></li>
|
||||
<li><a href="#">Blog</a></li>
|
||||
<li><a href="#">Gallery</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Get Involved</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Become a member</a></li>
|
||||
<li><a href="#">Support MSOS</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">For Students</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="../../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
|
||||
<li><a href="../../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">News</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Announcements</a></li>
|
||||
<li><a href="#">Open calls</a></li>
|
||||
<li><a href="#">Press releases</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<div class="language-selector">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span>EN</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modalno okno za izbiro jezika (ostaja enako) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Select Language</h3>
|
||||
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="article-page">
|
||||
<article class="article-container">
|
||||
<header class="article-header">
|
||||
<h1>Ohrid, More Than a Postcard</h1>
|
||||
<p class="article-subtitle">The lake attracts the first look. The old streets, wooden houses, churches, neighbourhoods, and evening conversations are what make people return.</p>
|
||||
</header>
|
||||
|
||||
<figure class="article-main-image">
|
||||
<img src="../../../images/macedonia-ohrid-kaneo-hero.jpg" 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>
|
||||
|
||||
<div class="article-body">
|
||||
<p>Ohrid is often reduced to one beautiful composition.</p>
|
||||
|
||||
<p>The Church of St. John at Kaneo stands on a cliff above the lake. The water stretches behind it, and the mountains close the horizon. It is one of the most recognisable views in Macedonia.</p>
|
||||
|
||||
<p>The view deserves its reputation, but Ohrid begins much earlier and continues far beyond it.</p>
|
||||
|
||||
<p>The city is a route. It moves from the old bazaar and the plane tree toward the lake, climbs through narrow streets between traditional houses, passes churches and archaeological layers, reaches Plaošnik and Samuel's Fortress, then descends again toward Kaneo and the water.</p>
|
||||
|
||||
<p>To understand Ohrid, follow that movement slowly.</p>
|
||||
|
||||
<h2>Begin at the old bazaar, not at the viewpoint</h2>
|
||||
|
||||
<p>The old bazaar is one of the most useful starting points because it places Ohrid in everyday life before the historic climb begins.</p>
|
||||
|
||||
<p>The main pedestrian street passes shops, cafés, bakeries, jewellery stores, and places connected with Ohrid pearl traditions. Near the upper end stands the old plane tree, commonly known as the Chinar, which remains a familiar meeting point.</p>
|
||||
|
||||
<p>This area can be busy and commercial, especially in summer, but it is not only a visitor zone. Residents pass through it, meet there, shop, and use it as a connection between neighbourhoods and the lakefront.</p>
|
||||
|
||||
<p>From the bazaar, continue toward the square and the harbour. The lake appears gradually rather than all at once.</p>
|
||||
|
||||
<p>This approach matters. Ohrid is not a historic settlement placed beside an empty landscape. It is a living city whose daily routines, tourism, religious heritage, and lake environment constantly overlap.</p>
|
||||
|
||||
<h2>Walk by the water toward Kaneo</h2>
|
||||
|
||||
<p>From the central lakefront, the route continues past old houses and smaller beaches toward the wooden walkway over the water.</p>
|
||||
|
||||
<p>This section is one of the clearest examples of how Ohrid changes within a short distance. The busy centre falls behind, the streets narrow, and the lake becomes physically closer.</p>
|
||||
|
||||
<p>The walkway leads toward Kaneo and the Church of St. John the Theologian. The church is often photographed from above, but it should also be approached from below. From the water level, the cliff, stone walls, and surrounding trees feel different.</p>
|
||||
|
||||
<p>The area around Kaneo becomes crowded at popular times. Early morning and later afternoon usually allow more space to notice the setting.</p>
|
||||
|
||||
<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 src="../../../images/macedonia-ohrid-chinar-tree.jpg" alt="The ancient plane tree, the Chinar, in central Ohrid">
|
||||
<figcaption>The Chinar, Ohrid. Photo: <a href="https://www.rexby.com/Travelsofmozzy/ttd/ancient-tree-of-beauty" target="_blank" rel="noopener">rexby.com</a></figcaption>
|
||||
</figure>
|
||||
|
||||
<h2>Plaošnik holds several periods in one place</h2>
|
||||
|
||||
<p>Plaošnik is not one single monument.</p>
|
||||
|
||||
<p>The area contains archaeological remains, religious buildings, and layers connected with the early Christian and medieval history of Ohrid. The reconstructed Church of St. Clement and St. Panteleimon stands within this wider archaeological landscape.</p>
|
||||
|
||||
<p>For Macedonian cultural memory, the place is closely connected with St. Clement of Ohrid and the tradition of literacy and education associated with the Ohrid Literary School.</p>
|
||||
|
||||
<p>For visitors, the most important thing is to look beyond one façade. Stone foundations, excavated areas, views toward the lake, and the position between Kaneo and the fortress make Plaošnik a place where several periods remain visible together.</p>
|
||||
|
||||
<p>This is also a good point to slow down. The old town route is steep, and moving too quickly turns heritage into a sequence of photographs.</p>
|
||||
|
||||
<p>Plaošnik is more meaningful when read as part of the hill rather than as an isolated stop.</p>
|
||||
|
||||
<h2>Samuel's Fortress explains the shape of the old town</h2>
|
||||
|
||||
<p>Samuel's Fortress stands above Ohrid and defines the upper edge of the historic city.</p>
|
||||
|
||||
<p>From its walls, the relationship between the lake, old town, harbour, Plaošnik, surrounding neighbourhoods, and mountains becomes easier to understand.</p>
|
||||
|
||||
<p>The climb is part of the experience. Streets become steeper, houses open onto unexpected views, and the lake repeatedly appears between walls and roofs.</p>
|
||||
|
||||
<p>The fortress is associated with the medieval period and with Tsar Samuel. Its present form reflects both historical use and later conservation.</p>
|
||||
|
||||
<p>What matters most for this article is the perspective. From above, Ohrid no longer looks like a thin line of buildings along the shore. It becomes a settlement shaped by defence, religion, trade, terrain, and constant proximity to the lake.</p>
|
||||
|
||||
<p>When returning downhill, choose a different street. The old town changes from one route to another.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/macedonia-ohrid-plaosnik.jpg" 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>
|
||||
|
||||
<h2>The houses are part of the heritage</h2>
|
||||
|
||||
<p>Ohrid's traditional urban houses are easy to notice because their upper floors often project outward above narrower stone bases.</p>
|
||||
|
||||
<p>This form responds to the steep terrain and limited space within the old town. It also gives the streets their distinctive scale.</p>
|
||||
|
||||
<p>Some of the best-known houses, including the Robev House, now serve cultural or museum functions. Others remain part of the residential fabric.</p>
|
||||
|
||||
<p>The important point is that the old town is not only a collection of churches. Its domestic architecture, courtyards, walls, views, and narrow passages are equally important to the experience.</p>
|
||||
|
||||
<p>Walk without looking only upward toward monuments. Notice doors, windows, rooflines, stone paving, and the way houses frame small sections of the lake.</p>
|
||||
|
||||
<p>These details make Ohrid feel inhabited rather than staged.</p>
|
||||
|
||||
<h2>The lake is heritage, not a background</h2>
|
||||
|
||||
<p>UNESCO recognises the Ohrid region for both natural and cultural heritage.</p>
|
||||
|
||||
<p>That combined status matters. The lake is not simply a blue surface behind churches and houses. It is an ancient ecosystem, a source of local identity, and a living environment that requires protection.</p>
|
||||
|
||||
<p>The pressure of construction, traffic, waste, and heavy tourism can affect both the city and the lake. Loving Ohrid therefore also means behaving carefully within it.</p>
|
||||
|
||||
<p>Use established paths. Avoid leaving waste. Respect religious spaces and residential streets. Choose licensed boat services. Do not treat protected species or the lake itself as unlimited resources.</p>
|
||||
|
||||
<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 src="../../../images/macedonia-ohrid-traditional-houses.jpg" 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>
|
||||
|
||||
<h2>Stay until the evening changes the city</h2>
|
||||
|
||||
<p>During the day, Ohrid can feel like a sequence of sights.</p>
|
||||
|
||||
<p>In the evening, it becomes social again.</p>
|
||||
|
||||
<p>People walk along the quay, meet for coffee, sit beside the water, return from the beaches, or move through the bazaar after the strongest heat has passed. Families, residents, visitors, and young people share the same public spaces.</p>
|
||||
|
||||
<p>This is when the city becomes more than a heritage route.</p>
|
||||
|
||||
<p>Ohrid is not only Kaneo at sunset. It is the walk before it, the climb above it, the houses around it, and the conversation that continues after the photograph has been taken.</p>
|
||||
|
||||
<p>Come for the famous view. Give the rest of the city equal time.</p>
|
||||
</div>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
<!-- START_FOOTER -->
|
||||
<footer>
|
||||
<div class="footer-container">
|
||||
<div class="footer-main">
|
||||
<div class="footer-info">
|
||||
<div class="footer-logo">
|
||||
<img src="../../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
|
||||
</div>
|
||||
<p>
|
||||
Masarykova cesta 24<br>
|
||||
1000 Ljubljana, Slovenia<br>
|
||||
+389 02 123 4567<br>
|
||||
info.msosorg@gmail.com
|
||||
</p>
|
||||
<div class="social-icons">
|
||||
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<div class="links-column">
|
||||
<h4>For students</h4>
|
||||
<a href="#">Blog</a>
|
||||
<a href="#">Gallery</a>
|
||||
<a href="#">FAQs</a>
|
||||
<a href="#">Brochure</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Projects</h4>
|
||||
<a href="#">Upcoming</a>
|
||||
<a href="#">Previous</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Organisation</h4>
|
||||
<a href="#">About us</a>
|
||||
<a href="#">Contact</a>
|
||||
<a href="#">Documentation</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="footer-bottom">
|
||||
<p>© MSOS org 2025 All rights reserved.</p>
|
||||
<div class="legal-links">
|
||||
<a href="#">Privacy policy</a>
|
||||
<a href="#">Cookie Policy</a>
|
||||
<a href="#">Legal Terms</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../../../main.js"></script>
|
||||
</footer>
|
||||
<!-- END_FOOTER -->
|
||||
|
||||
<script src="../../../main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,356 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Skopje, A City of Many Layers - MSOS</title>
|
||||
|
||||
<!-- Google Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<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" />
|
||||
|
||||
<!-- Correct path to the main CSS file -->
|
||||
<link rel="stylesheet" href="../../../css/main.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- START_HEADER -->
|
||||
<header class="dropdown-header-navigation">
|
||||
<div class="container">
|
||||
<!-- Logotip je zdaj samostojen element na levi strani -->
|
||||
<a href="../../../en/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
|
||||
<!-- Nov ovoj za vse elemente na desni strani -->
|
||||
<div class="header-right-wrapper">
|
||||
<nav>
|
||||
<ul class="navigation desktop-nav">
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Who We Are</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
|
||||
<li><a href="../../../en/about-us/">Our team</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">What We Do</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../en/projects/">Events & Projects</a></li>
|
||||
<li><a href="#">Blog</a></li>
|
||||
<li><a href="#">Gallery</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Get Involved</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Become a member</a></li>
|
||||
<li><a href="#">Support MSOS</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">For Students</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="../../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
|
||||
<li><a href="../../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">News</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Announcements</a></li>
|
||||
<li><a href="#">Open calls</a></li>
|
||||
<li><a href="#">Press releases</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">EN</span>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
</div>
|
||||
<div class="lang-dropdown">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Who We Are</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
|
||||
<li><a href="../../../en/about-us/">Our team</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">What We Do</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../en/projects/">Events & Projects</a></li>
|
||||
<li><a href="#">Blog</a></li>
|
||||
<li><a href="#">Gallery</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Get Involved</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Become a member</a></li>
|
||||
<li><a href="#">Support MSOS</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">For Students</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="../../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
|
||||
<li><a href="../../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">News</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Announcements</a></li>
|
||||
<li><a href="#">Open calls</a></li>
|
||||
<li><a href="#">Press releases</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<div class="language-selector">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span>EN</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modalno okno za izbiro jezika (ostaja enako) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Select Language</h3>
|
||||
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="article-page">
|
||||
<article class="article-container">
|
||||
<header class="article-header">
|
||||
<h1>Skopje, A City of Many Layers</h1>
|
||||
<p class="article-subtitle">A city best understood by crossing the river, changing neighbourhoods, and noticing what each period left behind.</p>
|
||||
</header>
|
||||
|
||||
<figure class="article-main-image">
|
||||
<img src="../../../images/macedonia-skopje-stone-bridge-hero.jpg" 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>
|
||||
|
||||
<div class="article-body">
|
||||
<p>Skopje is often introduced through contrast.</p>
|
||||
|
||||
<p>The Stone Bridge connects two sides of the centre that look and feel different. The Old Bazaar sits close to newer buildings and large public squares. Ottoman structures, post-earthquake modernism, contemporary construction, neighbourhood cafés, markets, and mountain views all appear within the same city.</p>
|
||||
|
||||
<p>These contrasts are real, but Skopje is more than a collection of opposites. The city makes more sense when it is experienced as a sequence of layers.</p>
|
||||
|
||||
<p>You cross the Vardar. You move from a formal square into the narrow streets of the bazaar. You leave the centre for a neighbourhood where the pace changes. You look up and see Vodno above the buildings. You pass architecture created after the 1963 earthquake and realise that the city's present shape is connected to both loss and international solidarity.</p>
|
||||
|
||||
<p>Skopje is the capital, but it should not be used as a shortcut for understanding all of Macedonia. Ohrid, Bitola, Tetovo, Prilep, Strumica, Kumanovo, Krusevo, Stip, and other places have their own identities and rhythms. This story stays within Skopje and focuses on several places that reveal how the city works.</p>
|
||||
|
||||
<h2>The Stone Bridge is a crossing between different worlds</h2>
|
||||
|
||||
<p>The Stone Bridge is one of Skopje's most recognisable symbols, but its importance becomes clearer when we actually use it.</p>
|
||||
|
||||
<p>On one side are Macedonia Square, the pedestrian streets, and the newer centre. On the other side begins the route toward the Old Bazaar, Kale, mosques, churches, inns, workshops, shops, and Bit Pazar.</p>
|
||||
|
||||
<p>The bridge is now reserved for pedestrians. This slows the crossing and gives people time to notice how quickly the city changes around them. Street musicians, people meeting friends, tourists, workers, and families all use the same narrow route across the Vardar.</p>
|
||||
|
||||
<p>For people from Skopje, the bridge is not only a monument. It is a practical connection between parts of the city that carry different histories and communities.</p>
|
||||
|
||||
<p>The most useful way to experience it is not to stop only for a photograph. Cross it in both directions. Look toward Kale, then back toward the square. The bridge becomes more meaningful when the two sides are seen together.</p>
|
||||
|
||||
<h2>The Old Bazaar should be explored slowly</h2>
|
||||
|
||||
<p>The Old Skopje Bazaar stretches from the Stone Bridge toward Bit Pazar, with Kale rising above it.</p>
|
||||
|
||||
<p>It contains shops, workshops, cafés, tea houses, mosques, churches, inns, museums, and streets whose function changes from one corner to the next. Some sections feel busy and commercial. Others become quiet within a few steps.</p>
|
||||
|
||||
<p>The bazaar is protected as cultural heritage of special importance. That status reflects its historical value, but the area is not frozen in the past. People still work there, meet there, shop there, repair things, drink tea, eat, and move between the bazaar and nearby neighbourhoods.</p>
|
||||
|
||||
<p>A quick walk through the main street shows only part of it. The area becomes more interesting when you turn into smaller passages, enter an old inn, look for workshops, or sit down without treating the stop as a task.</p>
|
||||
|
||||
<p>The Museum of the Old Skopje Bazaar in Suli An offers historical context. The nearby Mustafa Pasha Mosque, the Church of the Holy Saviour, Kurshumli An, and the route toward Kale each reveal a different part of the area's history.</p>
|
||||
|
||||
<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 src="../../../images/macedonia-skopje-old-bazaar.jpg" 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>
|
||||
|
||||
<h2>Debar Maalo and the City Park belong to the living city</h2>
|
||||
|
||||
<p>Visitors often remain between the square and the bazaar. Skopje's everyday social life becomes clearer when we move west toward Debar Maalo and the City Park.</p>
|
||||
|
||||
<p>Debar Maalo is known for restaurants, cafés, older residential streets, newer buildings, and an evening atmosphere that can change from relaxed to crowded within a short distance. It is not one uniform neighbourhood. Some streets are loud and social, while others remain residential.</p>
|
||||
|
||||
<p>The nearby City Park gives the area a different rhythm. People walk, exercise, meet friends, bring children, sit near the paths, or continue toward the stadium and the Vardar riverbank. In warmer months, the park becomes one of the easiest places to spend time without needing a detailed plan.</p>
|
||||
|
||||
<p>For many people who grew up in Skopje, this combination is familiar. A meeting may begin with coffee in Debar Maalo, continue with a walk through the park, and end somewhere entirely different.</p>
|
||||
|
||||
<p>This is the Skopje that does not always appear in historic descriptions. It is social, improvised, and shaped by repeated habits.</p>
|
||||
|
||||
<h2>The earthquake is still present in the city's architecture</h2>
|
||||
|
||||
<p>On 26 July 1963, at 5:17 in the morning, a devastating earthquake struck Skopje.</p>
|
||||
|
||||
<p>The disaster killed more than one thousand people and destroyed large parts of the city. The reconstruction that followed brought international assistance, new urban plans, and major modernist buildings. This period still shapes how Skopje looks and how its residents understand the city.</p>
|
||||
|
||||
<p>The old railway station, partly preserved after the earthquake, now houses the Museum of the City of Skopje. It remains one of the clearest places to connect the present city with the events of 1963.</p>
|
||||
|
||||
<p>The Museum of Contemporary Art tells another part of the story. It was established in 1964 after artists and institutions from around the world donated works in solidarity with Skopje. Its building, opened in 1970, was based on a project donated by the Polish government.</p>
|
||||
|
||||
<p>This history explains why parts of Skopje contain architecture that feels different from the bazaar or older neighbourhoods. Concrete structures, large civic buildings, residential blocks, and modernist planning are not random additions. They belong to a city that had to rebuild quickly and became an international project.</p>
|
||||
|
||||
<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 src="../../../images/macedonia-skopje-old-railway-station.jpg" 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>
|
||||
|
||||
<h2>Vodno is always part of the view</h2>
|
||||
|
||||
<p>Vodno is one of the few elements that remains visible across very different parts of Skopje.</p>
|
||||
|
||||
<p>The mountain rises south of the city and often works as a point of orientation. From streets, balconies, bridges, and neighbourhoods, looking toward Vodno helps people understand where they are.</p>
|
||||
|
||||
<p>For residents, Vodno is not only a distant backdrop. It is a regular place for walking, cycling, exercise, family outings, and a quick escape from traffic. The routes and level of effort vary, which allows different people to create their own relationship with the mountain.</p>
|
||||
|
||||
<p>Further from the centre, Matka Canyon offers another kind of landscape, with steep rock, water, paths, monasteries, and caves. It feels separate from the city even though it is closely connected to Skopje's wider area.</p>
|
||||
|
||||
<p>Vodno and Matka help explain an important part of local life. Skopje can feel intense, crowded, and noisy, but the possibility of leaving that energy for a mountain or canyon remains close.</p>
|
||||
|
||||
<p>The contrast is not abstract. It can happen within the same day.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/macedonia-skopje-vodno-view.jpg" 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>
|
||||
|
||||
<h2>Skopje is not one single image</h2>
|
||||
|
||||
<p>Skopje is easy to misunderstand when reduced to one square, one architectural period, or one political opinion.</p>
|
||||
|
||||
<p>The city is the Stone Bridge and the streets beyond it. It is the Old Bazaar in the morning and Debar Maalo in the evening. It is the memory of 1963, the modernist city that followed, the neighbourhoods that expanded later, and the public spaces people continue to reshape through daily use.</p>
|
||||
|
||||
<p>It is also a city of several languages and communities. That diversity is visible in neighbourhoods, markets, places of worship, family histories, food, and the way different people describe the same street.</p>
|
||||
|
||||
<p>Our advice is to avoid trying to decide too quickly what Skopje is.</p>
|
||||
|
||||
<p>Cross the bridge. Walk past the main bazaar street. Visit the old railway station. Look at the city from the Museum of Contemporary Art or from Kale. Spend time in a neighbourhood that is not built around monuments. Then look toward Vodno.</p>
|
||||
|
||||
<p>Skopje does not become simpler after this. It becomes more understandable.</p>
|
||||
|
||||
<p>That is the point. Its character is not found in one perfect view, but in the way many different layers continue to exist beside one another.</p>
|
||||
</div>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
<!-- START_FOOTER -->
|
||||
<footer>
|
||||
<div class="footer-container">
|
||||
<div class="footer-main">
|
||||
<div class="footer-info">
|
||||
<div class="footer-logo">
|
||||
<img src="../../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
|
||||
</div>
|
||||
<p>
|
||||
Masarykova cesta 24<br>
|
||||
1000 Ljubljana, Slovenia<br>
|
||||
+389 02 123 4567<br>
|
||||
info.msosorg@gmail.com
|
||||
</p>
|
||||
<div class="social-icons">
|
||||
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<div class="links-column">
|
||||
<h4>For students</h4>
|
||||
<a href="#">Blog</a>
|
||||
<a href="#">Gallery</a>
|
||||
<a href="#">FAQs</a>
|
||||
<a href="#">Brochure</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Projects</h4>
|
||||
<a href="#">Upcoming</a>
|
||||
<a href="#">Previous</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Organisation</h4>
|
||||
<a href="#">About us</a>
|
||||
<a href="#">Contact</a>
|
||||
<a href="#">Documentation</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="footer-bottom">
|
||||
<p>© MSOS org 2025 All rights reserved.</p>
|
||||
<div class="legal-links">
|
||||
<a href="#">Privacy policy</a>
|
||||
<a href="#">Cookie Policy</a>
|
||||
<a href="#">Legal Terms</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../../../main.js"></script>
|
||||
</footer>
|
||||
<!-- END_FOOTER -->
|
||||
|
||||
<script src="../../../main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -181,8 +181,8 @@
|
||||
</header>
|
||||
|
||||
<figure class="article-main-image">
|
||||
<img src="../../../images/macedonia-welcome-hero.jpg" 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>
|
||||
<img src="../../../images/macedonia-welcome-skopje-square-hero.jpg" 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>
|
||||
|
||||
<div class="article-body">
|
||||
|
||||
Reference in new issue
Block a user