Add Get to Know Slovenia and Macedonia sections with Welcome articles
Launch the two country sections as a cultural bridge, following the approved Phase A spec and reusing the Events & Projects structure. Hubs (6 pages, EN/SI/MK each): - get-to-know-slovenia and get-to-know-macedonia - Section header + newsletter form, 6-category filter (Places & Nature, Culture & Traditions, Food & Flavours, History & Heritage, People & Identity), 6 launch cards, empty state, client-side pagination. - Five cards per hub link to articles that arrive in later batches. Articles (6 pages, EN/SI/MK each): - Welcome to Slovenia and Welcome to Macedonia, full text with the auto-generated table of contents and sticky mobile header. - Real, sourced images with attribution captions (place, photographer, source link). Wikimedia photos also link the CC BY-SA licence and note that the image was cropped. Images center-cropped to a uniform 3:2 and downscaled. Each article's hero image is reused on its hub card. Site-wide: - Wire the For Students menu links (desktop and mobile) to the new hubs on every page and in the header templates; rename the menu label from North Macedonia to Macedonia (formal name kept in body content). - Placeholder styles for images and cards still awaiting a sourced photo. - Add caption styling for the hero image and give the article table of contents clear separation from the footer. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
1 parent
69a9011b0e
commit
8ca03d5886
58 files changed
+4462
-159
No files matched your search
@@ -58,8 +58,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
@@ -130,8 +130,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
|
||||
@@ -0,0 +1,358 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Get to know 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" />
|
||||
|
||||
<!-- Link 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="page-content">
|
||||
<section class="page-header-section">
|
||||
<div class="container text-center">
|
||||
<span class="page-subtitle">Stories from home</span>
|
||||
<h1>Get to know Macedonia</h1>
|
||||
<p class="page-description">Macedonia is not only a place on the map. It is a table that always has room for one more person, music that brings everyone closer, mountains on the horizon, and conversations that continue long after the coffee is finished. These are the places, traditions, tastes, and stories we carry with us and want to share with you.</p>
|
||||
<form class="subscribe-form">
|
||||
<input type="email" placeholder="Enter your email">
|
||||
<button type="submit" class="btn btn-primary-orange">Subscribe</button>
|
||||
</form>
|
||||
<p class="privacy-note">We care about your data in our <a href="#">privacy policy</a></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="filter-section">
|
||||
<nav class="filter-nav" aria-label="Story categories">
|
||||
<button type="button" class="filter-pill active" data-filter="all" aria-pressed="true">All stories</button>
|
||||
<button type="button" class="filter-pill" data-filter="places" aria-pressed="false">Places & Nature</button>
|
||||
<button type="button" class="filter-pill" data-filter="culture" aria-pressed="false">Culture & Traditions</button>
|
||||
<button type="button" class="filter-pill" data-filter="food" aria-pressed="false">Food & Flavours</button>
|
||||
<button type="button" class="filter-pill" data-filter="heritage" aria-pressed="false">History & Heritage</button>
|
||||
<button type="button" class="filter-pill" data-filter="identity" aria-pressed="false">People & Identity</button>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
<section class="all-posts-section">
|
||||
<div class="container column-layout">
|
||||
<h2>All stories</h2>
|
||||
<div class="posts-grid">
|
||||
<!-- 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">
|
||||
<div class="post-content">
|
||||
<p class="post-meta">MSOS Team • People & Identity</p>
|
||||
<h3 class="post-title">Welcome to Macedonia</h3>
|
||||
<p class="post-excerpt">A personal introduction to the warmth, contrasts, landscapes, and everyday moments that make Macedonia feel like home.</p>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<!-- 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>
|
||||
<div class="post-content">
|
||||
<p class="post-meta">MSOS Team • Places & Nature</p>
|
||||
<h3 class="post-title">Ohrid, More Than a Postcard</h3>
|
||||
<p class="post-excerpt">The lake, old streets, neighbourhoods, sounds, and memories that make Ohrid much more than a beautiful view.</p>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<!-- 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>
|
||||
<div class="post-content">
|
||||
<p class="post-meta">MSOS Team • Places & Nature</p>
|
||||
<h3 class="post-title">Skopje, A City of Many Layers</h3>
|
||||
<p class="post-excerpt">A city shaped by different eras, neighbourhoods, communities, and contrasts, all living next to one another.</p>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<!-- Story: A Table Full of Macedonia -->
|
||||
<article class="post-card" data-category="food">
|
||||
<a href="a-table-full-of-macedonia/" 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>
|
||||
<div class="post-content">
|
||||
<p class="post-meta">MSOS Team • Food & Flavours</p>
|
||||
<h3 class="post-title">A Table Full of Macedonia</h3>
|
||||
<p class="post-excerpt">The dishes, flavours, conversations, and generous hospitality that turn a shared meal into something much bigger.</p>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<!-- Story: Music, Dance and the Moments That Bring Us Together -->
|
||||
<article class="post-card" data-category="culture">
|
||||
<a href="music-dance-and-the-moments-that-bring-us-together/" class="post-link">
|
||||
<div class="post-image post-image-placeholder">
|
||||
<i class="fas fa-image" aria-hidden="true"></i>
|
||||
<span>Image to be added</span>
|
||||
</div>
|
||||
<div class="post-content">
|
||||
<p class="post-meta">MSOS Team • Culture & Traditions</p>
|
||||
<h3 class="post-title">Music, Dance and the Moments That Bring Us Together</h3>
|
||||
<p class="post-excerpt">How songs, oro, celebrations, and familiar rhythms create a feeling of belonging across generations.</p>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<!-- Story: History You Can Still Walk Through -->
|
||||
<article class="post-card" data-category="heritage">
|
||||
<a href="history-you-can-still-walk-through/" class="post-link">
|
||||
<div class="post-image post-image-placeholder">
|
||||
<i class="fas fa-image" aria-hidden="true"></i>
|
||||
<span>Image to be added</span>
|
||||
</div>
|
||||
<div class="post-content">
|
||||
<p class="post-meta">MSOS Team • History & Heritage</p>
|
||||
<h3 class="post-title">History You Can Still Walk Through</h3>
|
||||
<p class="post-excerpt">Ancient sites, old bazaars, churches, monasteries, and towns where Macedonia's history still feels close.</p>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<p class="filter-empty" hidden>No stories match this filter yet.</p>
|
||||
|
||||
<nav class="pagination">
|
||||
<a href="#" class="pagination-arrow"><i class="fas fa-arrow-left"></i> Previous</a>
|
||||
<div class="pagination-numbers">
|
||||
<a href="#" class="page-number active">1</a>
|
||||
</div>
|
||||
<a href="#" class="pagination-arrow">Next <i class="fas fa-arrow-right"></i></a>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
</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,353 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Welcome to 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>Welcome to Macedonia</h1>
|
||||
<p class="article-subtitle">A country of mountains, open tables, long conversations, and stories that remain close wherever we go.</p>
|
||||
</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>
|
||||
</figure>
|
||||
|
||||
<div class="article-body">
|
||||
<p>There are many ways to introduce Macedonia.</p>
|
||||
|
||||
<p>We could begin with the mountains that shape almost every horizon. We could begin with Ohrid, where the lake changes colour throughout the day and the old town carries centuries of history in its streets. We could begin with Skopje, a city of different neighbourhoods, architectural layers, languages, and communities.</p>
|
||||
|
||||
<p>For many of us, however, Macedonia begins with something more personal.</p>
|
||||
|
||||
<p>It begins when someone asks whether you have eaten, even before asking why you came. It begins with coffee that lasts much longer than planned, a table that somehow finds room for another guest, music that changes the energy of the whole room, and conversations in which people speak with their hands, faces, and whole hearts.</p>
|
||||
|
||||
<p>Macedonia is the country we come from, but it is also the feeling we carry with us. Through these stories, we want to introduce it as we know it. Not only through famous places, but through the details that make those places meaningful.</p>
|
||||
|
||||
<h2>A country of close distances and strong contrasts</h2>
|
||||
|
||||
<p>Macedonia is located in Southeast Europe, in the central part of the Balkan Peninsula. It has no sea, but water still plays an important role in the way people imagine and experience the country.</p>
|
||||
|
||||
<p>Ohrid, Prespa, and Dojran are more than points on a map. They are places connected with summer memories, family trips, food, music, and local identity. The mountains are equally present. They surround cities, divide regions, shape the climate, and offer a constant sense that nature is close.</p>
|
||||
|
||||
<p>The landscape can change quickly. From the busy streets of Skopje, a journey can lead toward the green slopes and villages of Mavrovo, the wide Pelagonia plain, the vineyards of the Vardar region, the old stone houses of Krusevo, or the quieter eastern towns surrounded by fields and mountains.</p>
|
||||
|
||||
<p>These places do not tell one single story. Macedonia is made of regional differences, local pride, accents, recipes, landscapes, and memories. Its small size does not make it simple. It makes its contrasts easier to encounter.</p>
|
||||
|
||||
<h2>The first welcome is usually personal</h2>
|
||||
|
||||
<p>Hospitality is one of the qualities most often associated with Macedonia, but it is difficult to understand it only as a word.</p>
|
||||
|
||||
<p>It is visible in the small insistence that a guest should eat something. It is in the plate placed on the table even when you said you were not hungry. It is in the way a short visit can become an entire evening. It is also in the questions people ask, sometimes with a level of curiosity that may surprise someone visiting for the first time.</p>
|
||||
|
||||
<p>This warmth is not performed only for tourists. It is part of family life, friendship, neighbourhoods, and the way many people understand care. Offering food, coffee, advice, or time is often a way of saying that someone is welcome.</p>
|
||||
|
||||
<p>Of course, not every person or household is the same. Macedonia is diverse, and its communities express hospitality in different ways. Still, many of us grew up with the feeling that a guest should never leave unnoticed or hungry.</p>
|
||||
|
||||
<p>That is why our memories of home are so often connected to people rather than only to places.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/macedonia-welcome-hospitality.jpg" alt="A traditional Macedonian table filled with local dishes">
|
||||
<figcaption>Traditional Macedonian table. Photo: Youth Empowered, <a href="https://commons.wikimedia.org/wiki/File:%D0%A2%D1%80%D0%B0%D0%B4%D0%B8%D1%86%D0%B8%D0%BE%D0%BD%D0%B0%D0%BB%D0%BD%D0%B0_%D0%BC%D0%B0%D0%BA%D0%B5%D0%B4%D0%BE%D0%BD%D1%81%D0%BA%D0%B0_%D1%82%D1%80%D0%BF%D0%B5%D0%B7%D0%B0_8.jpg" target="_blank" rel="noopener">Wikimedia Commons</a>, <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener">CC BY-SA 4.0</a> (cropped)</figcaption>
|
||||
</figure>
|
||||
|
||||
<h2>Food is how we spend time together</h2>
|
||||
|
||||
<p>Macedonian food deserves its own stories, and it will have them in this section. Yet food cannot be separated from the way people spend time together.</p>
|
||||
|
||||
<p>A meal is rarely only about eating. It is a reason to gather, wait for someone who is late, discuss what happened during the week, retell an old family story, and continue sitting long after the plates are empty.</p>
|
||||
|
||||
<p>Different regions bring different dishes and flavours. Tavche gravche, ajvar, shopska salad, pastrmajlija, burek, grilled meat, stuffed peppers, local cheeses, and homemade pastries may appear in different combinations. What often stays the same is the generosity of the table.</p>
|
||||
|
||||
<p>The best introduction to Macedonian food is not a list of dishes. It is the experience of being told to take one more serving, then another, while everyone continues talking around you.</p>
|
||||
|
||||
<p>In Macedonia, food often becomes a language of affection.</p>
|
||||
|
||||
<h2>History remains part of the landscape</h2>
|
||||
|
||||
<p>History in Macedonia is not limited to museums and books. It can be seen in the streets, religious buildings, archaeological sites, old bazaars, monuments, and the way towns developed over time.</p>
|
||||
|
||||
<p>In Skopje, the Old Bazaar carries traces of different periods and communities. In Ohrid, churches, traditional houses, and the lake landscape form a place recognised internationally for both its natural and cultural heritage. Across the country, monasteries appear in mountains and valleys, often in places where the journey is part of the experience.</p>
|
||||
|
||||
<p>There are also ancient sites, Ottoman architecture, memorial houses, traditional crafts, and towns whose identity is closely connected with important moments in the country's history.</p>
|
||||
|
||||
<p>This heritage is rich, but it can also be complex. It belongs to different communities and periods, and it should be approached with care rather than reduced to a few dramatic sentences.</p>
|
||||
|
||||
<p>The most meaningful way to encounter it is often slowly, by walking, listening, and allowing a place to tell more than one story.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/macedonia-welcome-heritage.jpg" alt="The Robevci Family House in the old town of Ohrid">
|
||||
<figcaption>Robevci Family House, Ohrid. Photo: Silfiriel, <a href="https://commons.wikimedia.org/wiki/File:%D0%9A%D1%83%D1%9C%D0%B0%D1%82%D0%B0_%D0%BD%D0%B0_%D0%A0%D0%BE%D0%B1%D0%B5%D0%B2%D1%86%D0%B8_-_%D0%9C%D1%83%D0%B7%D0%B5%D1%98_%D0%BD%D0%B0_%D0%B3%D1%80%D0%B0%D0%B4_%D0%9E%D1%85%D1%80%D0%B8%D0%B4_01.jpg" target="_blank" rel="noopener">Wikimedia Commons</a>, <a href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank" rel="noopener">CC BY-SA 3.0</a> (cropped)</figcaption>
|
||||
</figure>
|
||||
|
||||
<h2>A country of many communities</h2>
|
||||
|
||||
<p>Macedonia is a multiethnic and multicultural country.</p>
|
||||
|
||||
<p>Macedonians, Albanians, Turks, Roma, Serbs, Vlachs, Bosniaks, and other communities have shaped its cities, villages, languages, food, music, and traditions. Different religious buildings often stand within the same urban landscape. In markets and neighbourhoods, several languages can be heard within a short walk.</p>
|
||||
|
||||
<p>This diversity is part of everyday life. It creates richness, but it also requires understanding, respect, and honest conversation.</p>
|
||||
|
||||
<p>For visitors, it is important not to imagine Macedonia as culturally uniform. The country cannot be explained through one tradition, one dish, one city, or one experience. Every region and community adds another layer.</p>
|
||||
|
||||
<p>To know Macedonia better is to become curious about these layers rather than trying to flatten them.</p>
|
||||
|
||||
<h2>Music, language, and the feeling of belonging</h2>
|
||||
|
||||
<p>Some countries are remembered through images. Macedonia is often remembered through sound.</p>
|
||||
|
||||
<p>Music is present at weddings, family celebrations, festivals, restaurants, village gatherings, and ordinary evenings that unexpectedly become lively. A familiar song can change the atmosphere within seconds. Someone begins to sing, another person stands up, and soon an oro forms even when nobody planned it.</p>
|
||||
|
||||
<p>The Macedonian language also carries a strong emotional connection for those living abroad. A familiar expression, joke, or accent can immediately make a distant place feel closer to home.</p>
|
||||
|
||||
<p>This does not mean that Macedonian culture is fixed in the past. Younger generations mix traditions with contemporary music, art, design, technology, and new ways of expressing identity. The culture continues because people reshape it, not because they keep it untouched.</p>
|
||||
|
||||
<p>Belonging is created through this movement between memory and change.</p>
|
||||
|
||||
<h2>The Macedonia we carry with us</h2>
|
||||
|
||||
<p>For those of us who live abroad, Macedonia often becomes clearer from a distance.</p>
|
||||
|
||||
<p>We begin to miss details that once seemed ordinary. The sound of the neighbourhood in the morning. The mountains visible from the city. The way relatives insist on sending food with us. The familiar chaos of a large gathering. The expressions that do not translate perfectly into another language.</p>
|
||||
|
||||
<p>Distance can also help us look at home more honestly. Love for a country does not mean pretending that everything is perfect. It means caring enough to see both its beauty and its challenges.</p>
|
||||
|
||||
<p>Through MSOS, we carry pieces of Macedonia into our life in Slovenia. We do this through language, food, music, events, friendships, and the stories we share with others. At the same time, living abroad changes how we understand where we come from.</p>
|
||||
|
||||
<p>This section is our invitation to discover Macedonia with curiosity. Come for the landscapes, food, history, and culture. Stay long enough to notice the people, conversations, humour, contradictions, and small moments that make it feel alive.</p>
|
||||
|
||||
<p>Welcome to Macedonia. There is always room for one more person at the table.</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,358 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Get to know Slovenia - 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" />
|
||||
|
||||
<!-- Link 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="page-content">
|
||||
<section class="page-header-section">
|
||||
<div class="container text-center">
|
||||
<span class="page-subtitle">A country to discover</span>
|
||||
<h1>Get to know Slovenia</h1>
|
||||
<p class="page-description">Slovenia may be small on the map, but there is a lot to discover between the Alps, the Adriatic coast, green rivers, old towns, and quiet places that quickly begin to feel familiar. Through these stories, we share the places, tastes, traditions, and everyday details that helped many of us get to know the country we now also call home.</p>
|
||||
<form class="subscribe-form">
|
||||
<input type="email" placeholder="Enter your email">
|
||||
<button type="submit" class="btn btn-primary-orange">Subscribe</button>
|
||||
</form>
|
||||
<p class="privacy-note">We care about your data in our <a href="#">privacy policy</a></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="filter-section">
|
||||
<nav class="filter-nav" aria-label="Story categories">
|
||||
<button type="button" class="filter-pill active" data-filter="all" aria-pressed="true">All stories</button>
|
||||
<button type="button" class="filter-pill" data-filter="places" aria-pressed="false">Places & Nature</button>
|
||||
<button type="button" class="filter-pill" data-filter="culture" aria-pressed="false">Culture & Traditions</button>
|
||||
<button type="button" class="filter-pill" data-filter="food" aria-pressed="false">Food & Flavours</button>
|
||||
<button type="button" class="filter-pill" data-filter="heritage" aria-pressed="false">History & Heritage</button>
|
||||
<button type="button" class="filter-pill" data-filter="identity" aria-pressed="false">People & Identity</button>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
<section class="all-posts-section">
|
||||
<div class="container column-layout">
|
||||
<h2>All stories</h2>
|
||||
<div class="posts-grid">
|
||||
<!-- Story: Welcome to Slovenia -->
|
||||
<article class="post-card" data-category="identity">
|
||||
<a href="welcome-to-slovenia/" class="post-link">
|
||||
<img src="../../images/slovenia-welcome-hero.jpg" alt="Lake Jasna near Kranjska Gora, with mountain peaks reflected in the water" class="post-image">
|
||||
<div class="post-content">
|
||||
<p class="post-meta">MSOS Team • People & Identity</p>
|
||||
<h3 class="post-title">Welcome to Slovenia</h3>
|
||||
<p class="post-excerpt">A personal introduction to the landscapes, rhythms, and small everyday details that make Slovenia feel familiar.</p>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<!-- Story: Ljubljana Through Our Eyes -->
|
||||
<article class="post-card" data-category="places">
|
||||
<a href="ljubljana-through-our-eyes/" 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>
|
||||
<div class="post-content">
|
||||
<p class="post-meta">MSOS Team • Places & Nature</p>
|
||||
<h3 class="post-title">Ljubljana Through Our Eyes</h3>
|
||||
<p class="post-excerpt">The streets, neighbourhoods, habits, and quiet corners through which Ljubljana became part of our daily lives.</p>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<!-- Story: Lake Bled Beyond the Famous View -->
|
||||
<article class="post-card" data-category="places">
|
||||
<a href="lake-bled-beyond-the-famous-view/" 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>
|
||||
<div class="post-content">
|
||||
<p class="post-meta">MSOS Team • Places & Nature</p>
|
||||
<h3 class="post-title">Lake Bled Beyond the Famous View</h3>
|
||||
<p class="post-excerpt">A closer look at the walks, atmosphere, nearby nature, and personal moments hidden beyond Bled's best-known photograph.</p>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<!-- Story: A First Taste of Slovenian Food -->
|
||||
<article class="post-card" data-category="food">
|
||||
<a href="a-first-taste-of-slovenian-food/" 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>
|
||||
<div class="post-content">
|
||||
<p class="post-meta">MSOS Team • Food & Flavours</p>
|
||||
<h3 class="post-title">A First Taste of Slovenian Food</h3>
|
||||
<p class="post-excerpt">A warm introduction to dishes, regional flavours, and the food experiences that often stay in our memory.</p>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<!-- Story: Slovenian Habits That May Surprise You -->
|
||||
<article class="post-card" data-category="culture">
|
||||
<a href="slovenian-habits-that-may-surprise-you/" 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>
|
||||
<div class="post-content">
|
||||
<p class="post-meta">MSOS Team • Culture & Traditions</p>
|
||||
<h3 class="post-title">Slovenian Habits That May Surprise You</h3>
|
||||
<p class="post-excerpt">The everyday customs and social habits that many newcomers begin to notice after spending time in Slovenia.</p>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<!-- Story: Slovenia's Stories in Stone and Tradition -->
|
||||
<article class="post-card" data-category="heritage">
|
||||
<a href="slovenias-stories-in-stone-and-tradition/" 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>
|
||||
<div class="post-content">
|
||||
<p class="post-meta">MSOS Team • History & Heritage</p>
|
||||
<h3 class="post-title">Slovenia's Stories in Stone and Tradition</h3>
|
||||
<p class="post-excerpt">Castles, old towns, crafts, and traditions that reveal how Slovenia's past remains present in everyday life.</p>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<p class="filter-empty" hidden>No stories match this filter yet.</p>
|
||||
|
||||
<nav class="pagination">
|
||||
<a href="#" class="pagination-arrow"><i class="fas fa-arrow-left"></i> Previous</a>
|
||||
<div class="pagination-numbers">
|
||||
<a href="#" class="page-number active">1</a>
|
||||
</div>
|
||||
<a href="#" class="pagination-arrow">Next <i class="fas fa-arrow-right"></i></a>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
</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,331 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Welcome to Slovenia - 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>Welcome to Slovenia</h1>
|
||||
<p class="article-subtitle">A small country of many landscapes, quiet discoveries, and places that slowly begin to feel like home.</p>
|
||||
</header>
|
||||
|
||||
<figure class="article-main-image">
|
||||
<img src="../../../images/slovenia-welcome-hero.jpg" alt="Lake Jasna near Kranjska Gora, with mountain peaks reflected in the water">
|
||||
<figcaption>Lake Jasna, near Kranjska Gora. Photo: Denis Sodržnik, <a href="https://travelslovenia.org/denis-sodrznik-photography/" target="_blank" rel="noopener">travelslovenia.org</a></figcaption>
|
||||
</figure>
|
||||
|
||||
<div class="article-body">
|
||||
<p>When many of us first arrived in Slovenia, we knew the images that usually appear in photographs. We knew about Lake Bled, Ljubljana Castle, green rivers, and mountains covered in snow. What we did not yet know were the smaller things that would become part of our daily lives.</p>
|
||||
|
||||
<p>We did not know how quickly a walk beside the Ljubljanica could become a personal routine. We did not know that a short journey could take us from a busy city street to a forest path, a mountain valley, or a town where everything seems to move a little more slowly. We also did not know how many moments would feel new and familiar at the same time.</p>
|
||||
|
||||
<p>Slovenia is often introduced through its size, location, or natural beauty. For us, getting to know it has been more personal. It has meant learning the rhythm of its cities, noticing the care people give to nature, tasting food connected to different regions, and gradually finding our own places within the country.</p>
|
||||
|
||||
<h2>Many landscapes in one country</h2>
|
||||
|
||||
<p>One of the first things that makes Slovenia special is how quickly the landscape changes.</p>
|
||||
|
||||
<p>The country lies where the Alpine, Mediterranean, Pannonian, and Dinaric worlds meet. This can sound like a fact from a geography book, but it becomes much more real when you travel through Slovenia. In one direction, the mountains rise above lakes and deep valleys. In another, vineyards and open fields stretch across gentler hills. Further south, the ground opens into caves and karst landscapes. Near the coast, the air, architecture, and light begin to feel Mediterranean.</p>
|
||||
|
||||
<p>The distances may be short, but the places do not feel the same. Bled and Bohinj offer two very different experiences of the Alpine landscape. Piran feels different from Maribor. The Soča Valley has its own colours and energy, while the eastern parts of the country carry a quieter rhythm shaped by fields, vineyards, and thermal waters.</p>
|
||||
|
||||
<p>This variety makes Slovenia easy to explore slowly. You do not need to see everything at once. The country often rewards returning to the same place in another season, with different weather and a different mood.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/slovenia-welcome-landscape.jpg" alt="Vineyards and rolling hills in the Slovenian wine country">
|
||||
<figcaption>Vineyards in Bela krajina and Posavje. Photo: <a href="https://www.slovenia.info/en/things-to-do/food-and-wine/wines-of-slovenia" target="_blank" rel="noopener">slovenia.info</a></figcaption>
|
||||
</figure>
|
||||
|
||||
<h2>A country that reveals itself quietly</h2>
|
||||
|
||||
<p>Slovenia does not always try to impress you immediately. Some of its most memorable places are not the loudest ones.</p>
|
||||
|
||||
<p>They might be a path beside a river, a small town square early in the morning, a local market, a hill above a village, or a bench with a view that you found by accident. Many of us came to appreciate this quietness. It gives you space to observe, walk, and build your own relationship with a place.</p>
|
||||
|
||||
<p>Ljubljana is a good example. The centre can be lively, especially when the terraces are full, but the city also has a calm side. A few streets away, you can find neighbourhoods, parks, and river paths that feel completely different. The city does not ask you to rush through it. It becomes familiar through repetition.</p>
|
||||
|
||||
<p>The same is true across the country. Slovenia is full of places that become meaningful because you return to them.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/slovenia-welcome-ljubljana.jpg" alt="People spending time beside the Ljubljanica River in central Ljubljana">
|
||||
<figcaption>Ljubljanica River, Ljubljana. Photo: Mankica Kranjec, Nea Culpa, <a href="https://www.slovenia.info" target="_blank" rel="noopener">slovenia.info</a></figcaption>
|
||||
</figure>
|
||||
|
||||
<h2>The rhythm of everyday life</h2>
|
||||
|
||||
<p>Every country has small habits that are difficult to notice from the outside.</p>
|
||||
|
||||
<p>After spending time in Slovenia, many of us began to recognise a particular rhythm. Plans are often made clearly. Time is respected. Nature is not treated only as something to visit on holiday. It is part of regular life.</p>
|
||||
|
||||
<p>On a sunny weekend, hiking paths, cycling routes, lakes, and parks fill with people. A walk can be a social activity, a form of rest, or simply part of the day. Even in the cities, green spaces are never far away.</p>
|
||||
|
||||
<p>There is also a certain calmness in everyday interactions. At first, this can feel more reserved than the warmth and spontaneity many of us associate with Macedonia. With time, however, we learned that closeness is expressed differently. It may grow more slowly, but it can become very sincere.</p>
|
||||
|
||||
<p>These differences are part of the experience. Getting to know another country also means learning that kindness, friendship, and belonging do not look exactly the same everywhere.</p>
|
||||
|
||||
<h2>What felt familiar to us</h2>
|
||||
|
||||
<p>Moving between Macedonia and Slovenia also reveals unexpected similarities.</p>
|
||||
|
||||
<p>Both countries are small enough for places to feel connected. In both, mountains shape the landscape and the way people spend their free time. Food carries regional stories. Family traditions remain important, even as everyday life becomes more modern. People are proud of where they come from, often through local customs, language, music, and food.</p>
|
||||
|
||||
<p>There are differences, of course. That is what makes the experience interesting. Yet many Macedonian students discover that Slovenia does not feel completely distant. Some landscapes bring back memories of home. Certain words sound familiar. A shared meal can create the same feeling of comfort, even when the dishes are different.</p>
|
||||
|
||||
<p>Over time, these small connections matter. They make the new country easier to understand without taking away from what makes it distinct.</p>
|
||||
|
||||
<h2>Nature is never far away</h2>
|
||||
|
||||
<p>It is difficult to speak about Slovenia without speaking about nature.</p>
|
||||
|
||||
<p>More than half of the country is covered by forest, and the connection between settlements and the natural landscape is visible almost everywhere. You can feel it when mountains appear at the end of a city street, when a river shapes the centre of a town, or when a forest begins just beyond a residential neighbourhood.</p>
|
||||
|
||||
<p>For many of us, this became one of the most valued parts of living in Slovenia. Nature does not always require a large plan. It can be a short walk after a long day, a weekend by a lake, a bicycle ride, or a train journey to a nearby town.</p>
|
||||
|
||||
<p>Slovenia encourages you to notice the seasons. Spring changes the rivers and fields. Summer brings long evenings and visits to lakes or the coast. Autumn fills forests and vineyards with colour. Winter transforms the mountains and gives the cities a quieter atmosphere.</p>
|
||||
|
||||
<p>The same place can tell a different story every few months.</p>
|
||||
|
||||
<h2>A place that becomes part of your story</h2>
|
||||
|
||||
<p>No introduction can fully explain a country.</p>
|
||||
|
||||
<p>Slovenia is not only Bled, Ljubljana, Triglav, caves, castles, and photographs of green landscapes. It is also the first street you learn without using a map. It is the café where people begin to recognise you. It is a train ride that becomes familiar, a word you finally pronounce correctly, or a place you show to someone who has just arrived.</p>
|
||||
|
||||
<p>For the members of our community, Slovenia has become many things. It is where we study, work, build friendships, organise events, and create new memories. For some, it is temporary. For others, it becomes a long-term home. In both cases, it leaves a mark.</p>
|
||||
|
||||
<p>Through the stories in this section, we want to show Slovenia as we have come to know it. Not as a checklist of attractions, but as a country made of landscapes, people, traditions, and small moments that stay with you.</p>
|
||||
|
||||
<p>Welcome to Slovenia. Take your time getting to know it.</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>
|
||||
+4
-4
@@ -58,8 +58,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
@@ -130,8 +130,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
|
||||
@@ -58,8 +58,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
@@ -130,8 +130,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
|
||||
@@ -58,8 +58,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
@@ -130,8 +130,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
|
||||
@@ -58,8 +58,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
@@ -130,8 +130,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
|
||||
@@ -58,8 +58,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
@@ -130,8 +130,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
|
||||
@@ -58,8 +58,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
@@ -130,8 +130,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
|
||||
@@ -58,8 +58,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
@@ -130,8 +130,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
|
||||
@@ -58,8 +58,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
@@ -130,8 +130,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
|
||||
@@ -58,8 +58,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
@@ -130,8 +130,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
|
||||
@@ -58,8 +58,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
@@ -130,8 +130,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
|
||||
@@ -58,8 +58,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
@@ -130,8 +130,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
|
||||
@@ -58,8 +58,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
@@ -130,8 +130,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
|
||||
@@ -58,8 +58,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
@@ -130,8 +130,8 @@
|
||||
<li><a href="#">Student Welcome Guide</a></li>
|
||||
<li><a href="#">Mentorship Programme</a></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><a href="#">Get to know Slovenia</a></li>
|
||||
<li><a href="#">Get to know North Macedonia</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">
|
||||
|
||||
Reference in new issue
Block a user