kristijan-dev #2

Merged
popovskik merged 5 commits from kristijan-dev into develop 2026-07-29 11:40:52 +00:00
166 changed files with 19929 additions and 780 deletions

View File

@ -32,15 +32,15 @@
display: flex; display: flex;
max-width: 1280px; max-width: 1280px;
margin: 0 auto; margin: 0 auto;
padding: 0 32px; padding: 0 32px 72px;
gap: 64px; gap: 64px;
align-items: flex-start; align-items: flex-start;
} }
.article-container { .article-container {
flex-grow: 1; flex-grow: 1;
min-width: 0; min-width: 0;
padding: 96px 0; padding: 96px 0 24px;
} }
/* ========================================================================== /* ==========================================================================
@ -269,6 +269,10 @@
margin: 0 auto; margin: 0 auto;
} }
.article-main-image figcaption {
margin-top: 16px;
}
.article-inline-image { .article-inline-image {
margin: 16px 0; margin: 16px 0;
display: flex; display: flex;
@ -281,10 +285,24 @@
border-radius: 16px; border-radius: 16px;
} }
/* Shared caption style for hero and inline images */
.article-main-image figcaption,
.article-inline-image figcaption { .article-inline-image figcaption {
font-family: 'Inter', sans-serif;
font-size: 14px; font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #667085; color: #667085;
text-align: center; text-align: center;
margin-left: auto;
margin-right: auto;
}
/* Attribution link inside image captions */
.article-main-image figcaption a,
.article-inline-image figcaption a {
color: #2D738C;
text-decoration: underline;
} }
/* NOVO: Stili za odziven vdelan video */ /* NOVO: Stili za odziven vdelan video */
@ -609,4 +627,89 @@
.newsletter-cta .privacy-note { .newsletter-cta .privacy-note {
text-align: center; text-align: center;
} }
}
/* ==========================================================================
Image placeholders (used until a sourced, licensed photo is added)
========================================================================== */
/* Article hero / inline placeholder */
.image-placeholder .image-placeholder-box {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
gap: 10px;
padding: 32px 24px;
min-height: 220px;
background: #F9FAFB;
border: 2px dashed #D0D5DD;
border-radius: 12px;
color: #667085;
}
.image-placeholder .image-placeholder-box .ph-icon {
font-size: 32px;
color: #98A2B3;
}
.image-placeholder .ph-label {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #FA7850;
}
.image-placeholder .ph-desc {
font-size: 16px;
font-weight: 600;
color: #344054;
max-width: 620px;
margin: 0;
}
.image-placeholder .ph-meta {
font-size: 13px;
line-height: 1.5;
color: #667085;
max-width: 620px;
margin: 0;
}
.image-placeholder .ph-meta code {
background: #EEF2F6;
padding: 1px 6px;
border-radius: 4px;
font-size: 12px;
}
/* Listing card image placeholder */
.post-image-placeholder {
width: 100%;
height: 240px;
border-radius: 8px;
margin-bottom: 32px;
background: #F9FAFB;
border: 2px dashed #D0D5DD;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
color: #98A2B3;
box-sizing: border-box;
padding: 16px;
text-align: center;
}
.post-image-placeholder i {
font-size: 28px;
}
.post-image-placeholder span {
font-size: 12px;
font-weight: 600;
color: #667085;
} }

View File

@ -93,6 +93,114 @@
font-weight: 500; font-weight: 500;
} }
/* 1b. Filter kategorij (pill navigacija + podfiltri) */
.filter-section {
padding: 0 24px 44px;
margin-top: -40px;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
/* Zunanja "pill" navigacija (glavne kategorije) */
.filter-nav {
display: flex;
align-items: center;
gap: 4px;
max-width: 100%;
padding: 6px;
background: #F9FAFB;
border-radius: 999px;
box-shadow: 0px 8px 30px rgba(16, 24, 40, 0.06);
overflow-x: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.filter-nav::-webkit-scrollbar { display: none; }
.filter-pill {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
height: 40px;
padding: 0 20px;
border: none;
background: transparent;
border-radius: 999px;
font-family: inherit;
font-size: 14px;
font-weight: 600;
line-height: 1;
color: #344054;
white-space: nowrap;
cursor: pointer;
transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.filter-pill:hover {
color: #2D738C;
}
.filter-pill.active {
color: #2D738C;
background: #FFFFFF;
box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);
}
/* Notranja vrstica s podfiltri (npr. vrste dogodkov) */
.filter-subnav {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 12px;
}
.filter-subnav[hidden] { display: none; }
.filter-chip {
display: inline-flex;
align-items: center;
height: 38px;
padding: 0 18px;
border: 1px solid #D0D5DD;
background: #FFFFFF;
border-radius: 999px;
font-family: inherit;
font-size: 14px;
font-weight: 600;
color: #344054;
white-space: nowrap;
cursor: pointer;
transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
.filter-chip:hover {
border-color: #2D738C;
color: #2D738C;
}
.filter-chip.active {
background: #101828;
border-color: #101828;
color: #FFFFFF;
}
/* Sporočilo, ko noben zadetek ne ustreza filtru */
.filter-empty {
width: 100%;
text-align: center;
color: #667085;
font-size: 16px;
padding: 32px 0;
}
.filter-empty[hidden] { display: none; }
/* Skrite kartice pri filtriranju */
.post-card[hidden] { display: none; }
/* 2. Sekcija z vsemi objavami */ /* 2. Sekcija z vsemi objavami */
.all-posts-section { .all-posts-section {
@ -131,6 +239,8 @@
border-top: 1px solid #EAECF0; border-top: 1px solid #EAECF0;
} }
.pagination[hidden] { display: none; }
.pagination-arrow { .pagination-arrow {
display: flex; display: flex;
align-items: center; align-items: center;
@ -139,6 +249,16 @@
font-weight: 500; font-weight: 500;
color: #667085; color: #667085;
text-decoration: none; text-decoration: none;
cursor: pointer;
transition: color 0.2s ease, opacity 0.2s ease;
}
.pagination-arrow:hover { color: #101828; }
.pagination-arrow.disabled {
opacity: 0.4;
pointer-events: none;
cursor: default;
} }
.pagination-numbers { .pagination-numbers {
@ -157,8 +277,12 @@
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
color: #667085; color: #667085;
cursor: pointer;
transition: background-color 0.2s ease, color 0.2s ease;
} }
.page-number:hover { background-color: rgba(102, 112, 133, 0.08); }
.page-number.active { .page-number.active {
background-color: rgba(102, 112, 133, 0.16); background-color: rgba(102, 112, 133, 0.16);
color: #2D738C; color: #2D738C;
@ -207,6 +331,30 @@
width: 100%; width: 100%;
} }
.filter-section {
padding: 0 16px 28px;
margin-top: -24px;
align-items: stretch;
gap: 16px;
}
/* Na mobilnem se glavna navigacija vodoravno pomika */
.filter-nav {
justify-content: flex-start;
border-radius: 12px;
}
.filter-subnav {
justify-content: flex-start;
flex-wrap: nowrap;
overflow-x: auto;
scrollbar-width: none;
padding-bottom: 4px;
}
.filter-subnav::-webkit-scrollbar { display: none; }
.filter-chip { flex: 0 0 auto; }
.all-posts-section { .all-posts-section {
padding: 48px 24px; padding: 48px 24px;
} }

View File

@ -0,0 +1,213 @@
# Handover: "Get to Know Slovenia" & "Get to Know North Macedonia" Pages
**Audience of this document:** an AI agent (or collaborator) who is starting *fresh*, with no prior knowledge of this project. Read it top to bottom before proposing anything. Your job will be to (1) brainstorm a content concept for these two sections and (2) then build the blogs one by one, following the standards already established on this website.
---
## 1. Who we are — MSOS (Macedonian Student Organisation in Slovenia)
MSOS is a student organisation that supports Macedonian students living and studying in Slovenia. In short, the organisation:
- Helps future and current Macedonian students settle into life in Slovenia (university applications, accommodation, student life, subsidised meals "boni", building a social circle).
- Organises events: welcome events, humanitarian tournaments, cultural nights, commemorations, watch parties, workshops, and social gatherings across Ljubljana, Maribor, and Nova Gorica.
- Represents students' interests before institutions (ministries, embassies, universities).
- Keeps Macedonian culture and community alive abroad, while helping members integrate into Slovenian society.
The tone of the organisation is **warm, personal, community-driven, and sincere**. It is run by students, for students. Content should feel human and heartfelt, never corporate or machine-generated.
---
## 2. The website
- **What it is:** a static, multilingual marketing/community website. Plain HTML + CSS + vanilla JavaScript. **No build system, no framework, no bundler.** You edit HTML/CSS/JS directly and open it in a browser.
- **Languages:** three, fully mirrored — English (`en/`), Slovenian (`si/`), Macedonian (`mk/`). Every page exists in all three languages.
- **Local repo path:** `C:\Coding\msosorg.com`
- **Version control:** self-hosted **Gitea** (NOT github.com). Work happens on branch `kristijan-dev`; pull requests target the `develop` branch. Do not commit or push unless the owner asks.
- **Local preview:** from the repo root run `python -m http.server 8000`, then open `http://localhost:8000/en/...`.
### 2.1 Folder structure (relevant parts)
```
msosorg.com/
├── css/
│ ├── main.css # imports all partials, in order
│ ├── base/ # reset, typography
│ ├── layout/ # _header.css, _footer.css
│ ├── components/ # _buttons.css, _cards.css
│ └── pages/ # _home.css, _projects.css, _article.css, _about.css, _timeline.css
├── images/ # ALL images live here (flat folder)
├── main.js # ALL site JavaScript (one file)
├── en/ si/ mk/ # one folder per language, mirrored
│ ├── projects/ # the "Events & Projects" section (our model to copy)
│ │ ├── index.html # listing/hub page (cards + filter + pagination)
│ │ └── <article-slug>/index.html # one folder per blog article
│ ├── about-us/ timeline-and-milestones/ ...
└── docs/ # this document lives here
```
### 2.2 Navigation
The top navigation already contains the two target links under the **"For Students"** dropdown:
- **"Get to know Slovenia"** (currently `href="#"`, a placeholder)
- **"Get to know North Macedonia"** (currently `href="#"`, a placeholder)
These appear in the header of every page, in all three languages. Once the new sections exist, these links must be wired up to point at them (in all languages, in both the desktop nav and the mobile nav panel — the header markup is duplicated for desktop and mobile in each file).
---
## 3. What has already been built (the "standards" to reuse)
The **Events & Projects** section (`*/projects/`) is the reference implementation. The two new country sections should copy its patterns. Everything below already works and is tested.
### 3.1 The listing/hub page (`projects/index.html`)
Structure:
1. `page-header-section` — subtitle, `<h1>`, description, newsletter subscribe form.
2. `filter-section` — a **Proxify-style category filter**:
- `.filter-nav` = pill buttons (main categories). Each `<button class="filter-pill" data-filter="KEY">`.
- `.filter-subnav` = a contextual sub-chip row shown only when a given parent category is active. `<div class="filter-subnav" data-parent="KEY">` containing `<button class="filter-chip" data-subfilter="KEY">`.
3. `all-posts-section``.posts-grid` containing `.post-card` articles, a `.filter-empty` message (hidden until a filter has zero results), and `.pagination`.
**Filtering + pagination are fully data-driven and language-agnostic** (see `main.js`, "SECTION 6"). The buttons carry stable English keys (`data-filter`, `data-subfilter`); the cards carry `data-category` and optional `data-subcategory`. The visible labels can be in any language. One generic handler drives all three locales. Pagination is real client-side paging (9 cards per page); it shows a single page until there are more than 9 items, then grows automatically with windowed page numbers and working Prev/Next.
A card looks like this (paths are relative to `LANG/projects/`):
```html
<article class="post-card" data-category="nature" data-subcategory="lakes">
<a href="<article-slug>/" class="post-link">
<img src="../../images/<hero>.jpg" alt="..." class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • 5 Apr 2025 • Nature</p>
<h3 class="post-title">...</h3>
<p class="post-excerpt">...</p>
</div>
</a>
</article>
```
### 3.2 The article/blog page (`projects/<slug>/index.html`)
The established article template (paths relative to `LANG/projects/<slug>/`, i.e. `../../../`):
```html
<main class="article-page">
<article class="article-container">
<header class="article-header">
<p class="article-publish-date">Published on ...</p>
<h1>Article title</h1>
<p class="article-subtitle">One-sentence subtitle / hook.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/<hero>" alt="...">
</figure>
<div class="article-body">
<p>Intro paragraph...</p>
<h2>Section heading</h2>
<p>...</p>
<figure class="article-inline-image">
<img src="../../../images/<img>" alt="...">
<figcaption>Optional caption.</figcaption>
</figure>
<!-- optional embedded video -->
<div class="video-responsive">
<iframe src="https://www.youtube.com/embed/<id>" title="YouTube video player"
frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</div>
</article>
</main>
```
The page also includes the shared header block (between `<!-- START_HEADER -->` and `<!-- END_HEADER -->`) and footer block (`<!-- START_FOOTER -->` … `<!-- END_FOOTER -->`), copied verbatim from any existing article page **in the same language**, plus `<script src="../../../main.js"></script>` before `</body>`.
**You do NOT hand-write the table of contents.** `main.js` builds it automatically from the page's own `<h2>` headings: it reads `.article-header h1` as the article title, generates the desktop scrollspy sidebar (with the title on top), the sticky mobile header with a reading progress bar, a scrollspy that highlights the active section, and updates the URL hash (`#section-name`) as you scroll. It also generates unique, readable, ASCII anchor ids from each heading (with transliteration — see 3.3).
### 3.3 Anchor transliteration (already handled by `main.js`)
Slovenian diacritics (č/š/ž → c/s/z, etc.) and Macedonian Cyrillic are transliterated to ASCII when generating anchor ids, so URLs stay clean and readable in every language. You don't need to do anything; just write natural `<h2>` text.
### 3.4 Images
- All images live in the flat `images/` folder. Reference them as `../../images/<name>` from a listing page and `../../../images/<name>` from an article page.
- Use clear, prefixed, lowercase, hyphenated names, e.g. `slovenia-bled-1.jpg`, `macedonia-ohrid-1.jpg`.
- There is **no webp tooling** on this machine; keep `.jpg`/`.png`. Downscale anything wider than ~1600px (large source photos were previously resized with a small .NET/System.Drawing script; ask the owner for it or re-create it). Avoid committing multi-MB images.
- Always provide meaningful `alt` text.
### 3.5 Editorial rules (IMPORTANT — the owner cares about these)
1. **No AI-style dashes.** Do not use the "—"/"" (em/en dash) or a spaced hyphen "` - `" as sentence punctuation. Replace each with **a comma**, or **end the sentence and start a new one**. Intra-word hyphens in compound words (`16-minute`, `high-fives`, `well-known`) are fine and should stay. Reason: heavy dash usage reads as AI-generated; the owner wants the text to feel human.
2. **Human, warm, first-hand tone.** Write like a student sharing something they love, not like a brochure or an encyclopedia. Personal, specific, a little emotional. Avoid generic filler.
3. **Translate into all three languages** (EN/SI/MK), and write each translation cleanly and naturally — do not machine-translate word for word. Keep the same dash rule in every language.
4. Keep facts accurate. If a fact is uncertain, flag it for the owner rather than inventing it.
---
## 4. The goal of the two new sections
Create two blog-style sections, each a **hub page + multiple individual blog articles**, that portray a country through the eyes of the MSOS community.
- **"Get to Know Slovenia"** — primarily to welcome and orient **incoming Macedonian students** (and anyone curious about Slovenia). Showcase what Slovenia is, its nature, culture, food, identity, and practical charm, so newcomers arrive feeling it is already a bit like home.
- **"Get to Know North Macedonia"** — primarily to **introduce Macedonia to Slovenians** (and international friends): who we are, our nature, heritage, cuisine, culture, history, and why we love it. A cultural bridge.
Both must exist in all three languages, but keep the target reader in mind per section (Slovenia section speaks especially to Macedonians; Macedonia section speaks especially to Slovenians). The overarching purpose is a **two-way cultural bridge** between the two countries and communities.
### Suggested content themes (starting points, to be expanded during brainstorming)
- **Nature & landscapes** (mountains, lakes, rivers, national parks, seaside/absence of it, caves).
- **Culture & traditions** (music, dance, festivals, folklore, customs, language quirks).
- **Food & cuisine** (signature dishes, drinks, food culture, where to try things as a student).
- **History & heritage** (short, digestible; key eras, UNESCO sites, national treasures/monuments).
- **National identity** (symbols, values, "what makes us us", stereotypes vs reality).
- **Cities & places to visit** (a guide per notable city/region).
- **Practical/student angle** (for the Slovenia section especially: how to enjoy the country on a student budget, seasonal tips, day trips).
- **Fun facts & "did you know"** (light, shareable pieces).
These map naturally onto **filter categories** on each hub page, mirroring how Events & Projects uses a pill filter. The agent should propose the final taxonomy.
---
## 5. What you (the next agent) should produce
**Phase A — Concept & architecture (brainstorm first, get owner approval before building):**
1. Propose the **URL/folder structure** (e.g. `en/get-to-know-slovenia/`, `en/get-to-know-north-macedonia/`, mirrored in `si/` and `mk/`; article subfolders per blog).
2. Propose the **hub page design** for each country (hero/intro, the filter taxonomy = categories and optional sub-categories, how cards are grouped).
3. Propose an **initial content plan**: a prioritized list of blog articles (title + 1-line premise + theme/category) for each country, enough to launch with, with room to grow.
4. Note any **assets needed** (which photos, who provides them) and any **facts to verify** with the owner.
5. Flag **open decisions** (below) for the owner.
**Phase B — Build, one article at a time:**
1. Create the two hub `index.html` pages (copy `projects/index.html` structure; adapt header, filter categories, and cards) in all three languages.
2. Wire the header/mobile-nav "Get to know…" links to the new hubs in every page, all languages.
3. For each blog: write the content (EN/SI/MK), source/prepare images into `images/`, create the article page in all three languages using the article template, and add its card to the correct hub page(s).
4. Verify locally (TOC builds, images load, filter + pagination work, no leftover dashes). Reuse the existing jsdom-based checks if helpful.
5. Keep each blog as its own small, reviewable unit so the owner can approve incrementally.
---
## 6. Open decisions for the owner (raise these; do not assume)
- **Section naming & exact nav labels** per language (e.g. "Spoznaj Slovenijo", "Запознај ја Словенија", etc.). Confirm final wording.
- **Filter taxonomy** — which categories/sub-categories to ship with.
- **Depth vs breadth** — many short pieces, or fewer richer guides? Launch scope (how many articles for v1)?
- **Authorship/voice** — publish under "MSOS Team", or named student contributors with photos?
- **Photography** — original community photos vs. licensed/stock. What is available and cleared for use?
- **Practical info accuracy** — anything with prices, transport, or opening info should be owner-verified and dated.
- **Cross-linking** — should these pieces link to related Events & Projects, and to each other?
---
## 7. Quick-start checklist for the builder
- [ ] Read this whole document.
- [ ] Open the site locally and study `*/projects/index.html` and one article, e.g. `en/projects/humanitarian-tournament-in-maribor/index.html`, to internalize the standards.
- [ ] Skim `main.js` sections: the article TOC generator and the filter/pagination engine.
- [ ] Propose Phase A concept and get approval.
- [ ] Build hub pages, wire nav links.
- [ ] Build blogs one by one (EN/SI/MK each), images in `images/`, cards on the hub.
- [ ] Apply the editorial rules every time (no punctuation dashes, human tone, all 3 languages).
- [ ] Verify locally before handing back. Do not commit/push unless asked.
---
*Prepared as a handover from the current working session. The Events & Projects section is the living example of every convention referenced here; when in doubt, copy how it is done there.*

View File

@ -58,8 +58,8 @@
<li><a href="#">Student Welcome Guide</a></li> <li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li> <li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li> <li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li> <li><a href="../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li> <li><a href="../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul> </ul>
</li> </li>
<li class="menu-item menu-item-has-children"> <li class="menu-item menu-item-has-children">
@ -130,8 +130,8 @@
<li><a href="#">Student Welcome Guide</a></li> <li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li> <li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li> <li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li> <li><a href="../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li> <li><a href="../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul> </ul>
</li> </li>
<li class="menu-item menu-item-has-children"> <li class="menu-item menu-item-has-children">

View File

@ -0,0 +1,368 @@
<!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">&times;</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">
<img src="../../../images/macedonia-food-shared-table-hero.jpg" alt="A shared Macedonian table with salads, bread, beans, and other dishes">
<figcaption>A shared Macedonian table. Photo: nehruresen, <a href="https://depositphotos.com/" target="_blank" rel="noopener">Depositphotos</a></figcaption>
</figure>
<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">
<img src="../../../images/macedonia-food-tavce-gravce.jpg" alt="Tavče gravče baked and served in a clay dish">
<figcaption>Tavče gravče, the Macedonian baked bean dish. Photo: <a href="https://en.wikipedia.org/wiki/Tav%C4%8De_grav%C4%8De" target="_blank" rel="noopener">Wikipedia</a></figcaption>
</figure>
<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">
<img src="../../../images/macedonia-food-ajvar-preparation.jpg" alt="Roasted red peppers being prepared for homemade ajvar">
<figcaption>Ajvar, a roasted red pepper relish. Photo: <a href="https://100daysandnights.com/ajvar/" target="_blank" rel="noopener">100daysandnights.com</a></figcaption>
</figure>
<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">
<img src="../../../images/macedonia-food-pastrmajlija.jpg" alt="A traditional oval pastrmajlija topped with seasoned meat">
<figcaption>Pastrmajlija, a Macedonian meat flatbread. Photo: <a href="https://balkantravel.rs/en/gastro-corner/pastrmajlija-the-irresistible-taste-of-north-macedonia/" target="_blank" rel="noopener">balkantravel.rs</a></figcaption>
</figure>
<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>

View File

@ -0,0 +1,374 @@
<!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">&times;</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">
<img src="../../../images/macedonia-heritage-stobi-street-hero.jpg" alt="An ancient street and building remains at the archaeological site of Stobi">
<figcaption>Stobi, an ancient city in central Macedonia. Photo: <a href="https://www.archaeology.wiki/blog/2013/07/26/archaeological-work-to-be-resumed-in-stobi/" target="_blank" rel="noopener">archaeology.wiki</a></figcaption>
</figure>
<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">
<img src="../../../images/macedonia-heritage-heraclea-mosaic.jpg" alt="A preserved early Christian mosaic at Heraclea Lyncestis near Bitola">
<figcaption>Heraclea Lyncestis, an ancient city near Bitola. Photo: Elizabeta Dimitrova, <a href="https://www.researchgate.net/figure/Heraclea-Lyncestis-detail_fig5_349303661" target="_blank" rel="noopener">ResearchGate</a></figcaption>
</figure>
<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">
<img src="../../../images/macedonia-heritage-kokino.jpg" alt="The rocky archaeological landscape of Kokino at Tatićev Kamen">
<figcaption>Kokino, a prehistoric megalithic observatory. Photo: <a href="https://northmacedonia-timeless.com/eng/things_to_do/senses/touch/archaeology/kokino/" target="_blank" rel="noopener">northmacedonia-timeless.com</a></figcaption>
</figure>
<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">
<img src="../../../images/macedonia-heritage-krusevo-makedonium.jpg" alt="The Ilinden Monument, known as Makedonium, above Krusevo">
<figcaption>Makedonium, the Ilinden Monument above Kruševo. Photo: <a href="https://www.airvuz.com/video/ALIEN-Monument-?id=5b3c05705a1b667101abd26f" target="_blank" rel="noopener">airvuz.com</a></figcaption>
</figure>
<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>

View File

@ -0,0 +1,343 @@
<!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">&times;</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 &amp; Nature</button>
<button type="button" class="filter-pill" data-filter="culture" aria-pressed="false">Culture &amp; Traditions</button>
<button type="button" class="filter-pill" data-filter="food" aria-pressed="false">Food &amp; Flavours</button>
<button type="button" class="filter-pill" data-filter="heritage" aria-pressed="false">History &amp; Heritage</button>
<button type="button" class="filter-pill" data-filter="identity" aria-pressed="false">People &amp; 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-skopje-square-hero.jpg" alt="Macedonia Square in central Skopje" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • People &amp; 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">
<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 &amp; 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">
<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 &amp; 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">
<img src="../../images/macedonia-food-shared-table-hero.jpg" alt="A shared Macedonian table with salads, bread, beans, and other dishes" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • Food &amp; 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">
<img src="../../images/macedonia-culture-oro-celebration-hero.jpg" alt="Several generations joining the same oro at a Macedonian celebration" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • Culture &amp; 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">
<img src="../../images/macedonia-heritage-stobi-street-hero.jpg" alt="An ancient street and building remains at the archaeological site of Stobi" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • History &amp; 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>

View File

@ -0,0 +1,374 @@
<!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">&times;</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">
<img src="../../../images/macedonia-culture-oro-celebration-hero.jpg" alt="Several generations joining the same oro at a Macedonian celebration">
<figcaption>An oro at a Macedonian celebration. Photo: MKD Sv. Ciril i Metod, Kranj, <a href="https://www.facebook.com/photo/?fbid=27229726880015955&amp;set=a.346970248718316" target="_blank" rel="noopener">Facebook</a></figcaption>
</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">
<img src="../../../images/macedonia-culture-tapan-zurla.jpg" alt="Musicians playing tapan and zurla at an outdoor gathering">
<figcaption>The tapan and zurla, traditional Macedonian instruments. Photo: <a href="https://www.instagram.com/p/Cy4eiWxSQ68/" target="_blank" rel="noopener">Instagram</a></figcaption>
</figure>
<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">
<img src="../../../images/macedonia-culture-kopachkata.jpg" alt="Kopachkata dancers holding their belts in a semicircle in Dramche">
<figcaption>The Kopachkata, a social dance from Dramče. Photo: © Anastasov Kircho / Municipality of Delchevo, 2013, <a href="https://ich.unesco.org/en/RL/kopachkata-a-social-dance-from-the-village-of-dramche-pijanec-00995" target="_blank" rel="noopener">ich.unesco.org</a></figcaption>
</figure>
<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">
<img src="../../../images/msos-macedonian-music-event.jpg" alt="Macedonian students dancing together at an MSOS event in Slovenia">
<figcaption>Photo: MSOS Archive</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>

View File

@ -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">&times;</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, the centuries-old plane tree in Ohrid. Photo: <a href="https://www.rexby.com/Travelsofmozzy/ttd/ancient-tree-of-beauty" target="_blank" rel="noopener">rexby.com</a></figcaption>
</figure>
<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>

View File

@ -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">&times;</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>

View File

@ -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">&times;</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-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">
<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>

View File

@ -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>A First Taste of Slovenian Food - 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">&times;</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 First Taste of Slovenian Food</h1>
<p class="article-subtitle">Start with štruklji, jota, žlikrofi, frika, bograč, and potica. Together they reveal a cuisine shaped by regions rather than one fixed menu.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/slovenia-food-regional-table-hero.jpg" alt="Several regional Slovenian dishes served together on a table">
<figcaption>A spread of traditional Slovenian dishes. Photo: <a href="https://www.tasteslovenia.si/en/taste-slovenia/traditional-slovenian-food/" target="_blank" rel="noopener">tasteslovenia.si</a></figcaption>
</figure>
<div class="article-body">
<p>The first mistake people make with Slovenian food is looking for one dish that explains the whole country.</p>
<p>Slovenia is too regionally varied for that.</p>
<p>Food changes between the Alps, the coast, the Karst, the Soča Valley, central Slovenia, Štajerska, Prekmurje, Bela krajina, and other local environments. Ingredients follow climate, farming, trade, and neighbouring culinary traditions. A meal near Koper may feel very different from one in Maribor, Idrija, Bovec, or Murska Sobota.</p>
<p>For a useful first taste, it is better to choose a small number of dishes and understand where they come from.</p>
<p>The six below are not a complete list. They are a route through the country.</p>
<h2>Štruklji change from table to table</h2>
<p>Štruklji are rolled dumplings made with dough and filling, but that simple description hides how varied they can be.</p>
<p>They may be boiled or baked. Fillings can include cottage cheese, walnuts, tarragon, apples, poppy seeds, or other ingredients. Some versions are savoury, some sweet, and some work as a side dish rather than a dessert.</p>
<p>This flexibility is what makes štruklji useful as a first introduction. They are recognisably Slovenian, but they do not belong to one single recipe.</p>
<p>In a mountain hut, cheese-filled štruklji may arrive after a hike. At a family table, another version may be connected with a holiday or local habit. In a restaurant, the dish may be adapted into a more modern form.</p>
<p>Do not ask only whether you have tried štruklji. Ask which kind.</p>
<h2>Jota belongs to the west</h2>
<p>Jota is a thick stew commonly associated with Primorska, the Karst, and the western part of Slovenia.</p>
<p>Its core ingredients usually include sauerkraut or sour turnip, beans, and potatoes. Some versions include smoked meat or sausage. The result is sour, filling, and practical, especially in colder weather.</p>
<p>For people from Macedonia, the combination of beans, preserved vegetables, and slow cooking may feel familiar even when the flavour is different.</p>
<p>Jota makes sense in relation to the region. The Karst and Primorska carry Central European, Mediterranean, and local rural influences at the same time. The dish is not designed to look elegant. It is designed to warm and satisfy.</p>
<p>Try it in colder months, preferably in a place that treats it as a normal local meal rather than a decorative tasting portion.</p>
<h2>Idrijski žlikrofi have a very specific shape</h2>
<p>Idrijski žlikrofi are small filled dumplings connected with the town of Idrija.</p>
<p>Their potato-based filling commonly includes onion, fat, and herbs. The folded shape is distinctive and is often compared with a small hat.</p>
<p>The dish has protected status at European level, which means that its name and preparation are tied to a defined traditional specification.</p>
<p>Žlikrofi are usually served with sauce, meat, or as part of a fuller meal. In Idrija, they also connect food with the town's industrial and mining history. Practical, filling dishes were part of life in a demanding working environment.</p>
<p>This is a useful reminder that heritage is not only found in buildings and museums. It can survive in the shape of a dumpling.</p>
<figure class="article-inline-image">
<img src="../../../images/slovenia-food-idrijski-zlikrofi.jpg" alt="Idrijski žlikrofi served with a meat sauce">
<figcaption>Idrijski žlikrofi, dumplings from Idrija. Photo: <a href="https://www.turisticnekmetije.si/fr/gastronomie/recettes/recette/idrijski-zlikrofi-z-mesno-omako" target="_blank" rel="noopener">turisticnekmetije.si</a></figcaption>
</figure>
<h2>Frika tastes like the Soča Valley</h2>
<p>Frika is strongly associated with the Soča Valley and the area around Tolmin, Kobarid, and Bovec.</p>
<p>It is made from cheese and potatoes, with regional and household variations. The ingredients are simple, but the dish is rich and direct.</p>
<p>Frika belongs to a landscape of mountain pastures, dairy traditions, and physically demanding work. It is not a light snack. It is the kind of food that makes more sense after time outdoors.</p>
<p>For students and visitors based in Nova Gorica or the wider Primorska region, the Soča Valley is not a distant idea. It is part of the broader regional environment and one of the clearest places to understand how landscape shapes food.</p>
<p>Try frika where local cheese is treated as the centre of the dish, not as a garnish.</p>
<figure class="article-inline-image">
<img src="../../../images/slovenia-food-frika.jpg" alt="Frika made with local cheese and potatoes">
<figcaption>Frika, a cheese and potato dish from the Soča Valley. Photo: <a href="https://jernejkitchen.com/" target="_blank" rel="noopener">jernejkitchen.com</a></figcaption>
</figure>
<h2>Bograč is a Prekmurje meal built for a group</h2>
<p>Bograč comes from Prekmurje in northeastern Slovenia.</p>
<p>It is a substantial stew usually made with several kinds of meat, potatoes, onions, paprika, and seasonal additions such as mushrooms. The name is connected with the cooking pot traditionally used for the dish.</p>
<p>Bograč is food for time and company. It is often prepared in a larger quantity and works naturally at gatherings, outdoor events, and shared meals.</p>
<p>Its flavour places Slovenia closer to the Pannonian world. Paprika, slow cooking, and the stew format make it distinct from the dairy and flour-based dishes associated with Alpine regions or the lighter influences found near the coast.</p>
<p>For students in Maribor and eastern Slovenia, Prekmurje is a useful reminder that the country's culinary map continues far beyond the capital and the Alpine postcard.</p>
<h2>Potica is connected with occasions</h2>
<p>Potica is a rolled yeast pastry with filling and is one of the most recognisable Slovenian festive foods.</p>
<p>Walnut filling is the best known, but tarragon, poppy seed, cottage cheese, hazelnut, and other versions also exist. The pastry is traditionally baked in a round mould with a central opening.</p>
<p>Potica is not simply something sweet to order with coffee. In many families it is connected with Christmas, Easter, weddings, visits, and other important occasions.</p>
<p>The effort matters. Preparing the dough, spreading the filling, rolling it evenly, and baking it successfully require practice. That is why family recipes and techniques can carry strong emotional value.</p>
<p>A shop-bought slice can introduce the flavour. A homemade potica tells a fuller story.</p>
<figure class="article-inline-image">
<img src="../../../images/slovenia-food-potica.jpg" alt="Sliced walnut potica baked in a traditional round mould">
<figcaption>Potica, a rolled Slovenian festive cake. Photo: <a href="https://www.zps.si/prehrana/recept-za-slovensko-potico-z-rozinami-2023-04-05" target="_blank" rel="noopener">zps.si</a></figcaption>
</figure>
<h2>One meal cannot explain the country</h2>
<p>These six dishes lead to six different places.</p>
<p>Štruklji open a wide family of recipes. Jota points west toward Primorska and the Karst. Žlikrofi belong to Idrija. Frika leads into the Soča Valley. Bograč places us in Prekmurje. Potica brings us to the festive table.</p>
<p>Other regions would add their own dishes. Bela krajina has pogača. The coast brings fish, olive oil, and salt. Štajerska has its own soups, meats, pastries, pumpkin seed oil, and wine traditions. Alpine areas bring cheeses, žganci, and food connected with mountain pasture.</p>
<p>The point is not to create a final list.</p>
<p>The best first taste of Slovenia is to notice where the food comes from and why it makes sense there.</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>

View File

@ -0,0 +1,343 @@
<!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">&times;</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 &amp; Nature</button>
<button type="button" class="filter-pill" data-filter="culture" aria-pressed="false">Culture &amp; Traditions</button>
<button type="button" class="filter-pill" data-filter="food" aria-pressed="false">Food &amp; Flavours</button>
<button type="button" class="filter-pill" data-filter="heritage" aria-pressed="false">History &amp; Heritage</button>
<button type="button" class="filter-pill" data-filter="identity" aria-pressed="false">People &amp; 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 &amp; 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">
<img src="../../images/slovenia-ljubljana-river-life-hero.jpg" alt="A crowd gathered along the Ljubljanica during an event in central Ljubljana" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • Places &amp; 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">
<img src="../../images/slovenia-bled-lakeside-walk-hero.jpg" alt="A walking path beside Lake Bled with the island and mountains in view" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • Places &amp; 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">
<img src="../../images/slovenia-food-regional-table-hero.jpg" alt="Several regional Slovenian dishes served together on a table" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • Food &amp; 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">
<img src="../../images/slovenia-habits-guest-slippers-hero.jpg" alt="A pair of slippers by the entrance of a Slovenian home" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • Culture &amp; 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">
<img src="../../images/slovenia-heritage-plecnik-daily-life-hero.jpg" alt="A Plečnik-designed public space beside the Ljubljanica" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • History &amp; 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>

View File

@ -0,0 +1,354 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lake Bled Beyond the Famous View - 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">&times;</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>Lake Bled Beyond the Famous View</h1>
<p class="article-subtitle">The island is the image everyone knows. The full character of Bled appears when you walk around the lake and let the view keep changing.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/slovenia-bled-lakeside-walk-hero.jpg" alt="A walking path beside Lake Bled with the island and mountains in view">
<figcaption>Lake Bled. Photo: <a href="https://slovenia-activities.com/blog/lake-bled-hikes-and-walks/" target="_blank" rel="noopener">slovenia-activities.com</a></figcaption>
</figure>
<div class="article-body">
<p>Most people first meet Bled through one photograph.</p>
<p>The lake is still, the island sits in the middle, the church rises above the trees, and the castle balances on the cliff. The image is beautiful, but it can make Bled look like a single viewpoint rather than a place with several different moods.</p>
<p>The best way to understand the lake is simple. Walk around it.</p>
<p>The full route is about six kilometres. It is not a demanding hike, but it changes the experience completely. The island moves from one side of the frame to the other. The castle disappears, then returns. Busy terraces give way to quieter stretches, swimming areas, rowing facilities, forest edges, and views toward the Karavanke and the Julian Alps.</p>
<p>Bled becomes more interesting when the famous image refuses to stay still.</p>
<h2>Walk the full circle</h2>
<p>The eastern side of the lake is the most formal part of Bled.</p>
<p>Here, hotels, cafés, the lakeside promenade, and the main viewpoints create the version most visitors see first. This is a good place to begin, but not a good place to stop.</p>
<p>Continue south toward Mlino and the atmosphere becomes less staged. The road and path remain close to the water, while the island appears larger and more detailed. Traditional pletna boats leave from this side of the lake, and small rowing boats can also be rented.</p>
<p>Further west, the route reaches Velika Zaka. This side feels more open and active. There are rowing facilities, grass, access to the water, and a clearer view of the castle across the lake.</p>
<p>The northern shore offers another shift. The castle cliff rises directly above the path, and the island begins to appear further away. By the time the route returns to the eastern promenade, the original view feels different because you have seen what surrounds it.</p>
<p>Our recommendation is to avoid treating the loop as exercise that needs to be completed quickly. Stop often. The changing angle is the main point.</p>
<h2>Mlino is where the island feels closest</h2>
<p>The island dominates almost every image of Bled, but it is from the southern shore near Mlino that it begins to feel like a real place rather than a symbol.</p>
<p>The traditional pletna is one of the best-known ways to reach it. The boat is rowed standing up by a pletnar, using a technique associated with Bled. The experience is calm, partly because motorised traffic on the lake is restricted.</p>
<p>It is also possible to rent a rowing boat and make the journey independently. This changes the pace. The crossing becomes something you participate in rather than only observe.</p>
<p>On the island, the staircase, church, bell tower, and small buildings create a compact space. It can become crowded, especially during the busiest periods, so the quieter part of the experience may be the journey itself.</p>
<p>Even without visiting the island, Mlino is worth a pause. From here, the lake no longer looks like the standard postcard. The island is closer, the castle sits further to the side, and the mountains take up more of the background.</p>
<figure class="article-inline-image">
<img src="../../../images/slovenia-bled-penzion-mlino.jpg" alt="A boat on Lake Bled by the shore at Mlino">
<figcaption>Mlino, Lake Bled. Photo: <a href="https://www.tripadvisor.com/Hotel_Review-g274863-d626733-Reviews-Penzion_Mlino-Bled_Upper_Carniola_Region.html" target="_blank" rel="noopener">Tripadvisor</a></figcaption>
</figure>
<h2>Ojstrica is short, steep, and worth the effort</h2>
<p>Near Velika Zaka, a marked forest path leads toward Ojstrica.</p>
<p>The climb is short, often described as around twenty minutes, but it is steeper than the lakeside walk. Good footwear is more useful here than a perfect outfit for photographs.</p>
<p>At the top, the lake appears in the composition many people recognise. The island sits below, the castle rises on the opposite cliff, and the mountain ranges form the background.</p>
<p>The difference is that the view now feels earned.</p>
<p>Ojstrica is not a hidden place, and the small summit can become busy. Arriving earlier in the morning or outside the main summer hours gives the space a calmer character. Mala Osojnica, reached by a longer climb, offers another elevated view.</p>
<p>The important thing is not to collect both viewpoints as quickly as possible. Choose one, take time at the top, and notice how the paths, settlements, forest, and lake fit together.</p>
<figure class="article-inline-image">
<img src="../../../images/slovenia-bled-ojstrica-view.jpg" alt="Lake Bled, its island, and castle viewed from Ojstrica">
<figcaption>Ojstrica, above Lake Bled. Photo: <a href="https://kamzavikend.si/ideja/ojstrica-nad-bledom" target="_blank" rel="noopener">kamzavikend.si</a></figcaption>
</figure>
<h2>The quieter side begins at Zaka</h2>
<p>Velika Zaka changes the rhythm of the walk.</p>
<p>The lake opens up, the path becomes less formal, and the activity on the water becomes more visible. Bled has a long rowing tradition, and the western side is where this part of the place feels most present.</p>
<p>During warmer months, people swim, sit on the grass, rent boats, or continue into the forest. In colder seasons, the same area can feel almost empty.</p>
<p>This side of Bled is useful because it breaks the illusion that the lake exists only for viewing. It is also a working and recreational space.</p>
<p>From Zaka, the route can continue toward the northern shore or turn into a longer outing with Ojstrica. The choice depends on the day, weather, and energy. No additional attraction is necessary.</p>
<p>Sometimes Bled is best experienced through one complete walk and enough time to sit by the water.</p>
<figure class="article-inline-image">
<img src="../../../images/slovenia-bled-velika-zaka.jpg" alt="Rowing activity beside Lake Bled at Velika Zaka">
<figcaption>Velika Zaka, Lake Bled. Photo: Nejc Vurnik, <a href="https://www.bled.si/de/veranstaltungen/2026011409234812/2026-world-rowing-masters-regatta-bled/" target="_blank" rel="noopener">bled.si</a></figcaption>
</figure>
<h2>The castle is more than a distant silhouette</h2>
<p>Bled Castle is easy to recognise from below, but its position becomes clearer when you look back over the lake from the cliff.</p>
<p>The castle stands above the northern shore and is described as the oldest castle in Slovenia in written sources. Its terraces provide a broad view of the lake, island, settlements, and mountains.</p>
<p>The visit adds historical context, but the strongest part is spatial. From above, the route around the lake becomes visible. Mlino, Zaka, the island, and the hotel area can be understood as one connected landscape.</p>
<p>The climb can be made on foot from the town side. It is steep enough to feel separate from the easy lake loop.</p>
<p>A castle visit is not essential for every Bled trip. The lake can stand on its own. Yet for someone interested in how the place developed and how the famous view is constructed, the height adds another useful perspective.</p>
<h2>Finish with kremšnita, but do not let it define the whole day</h2>
<p>Bled cream cake, commonly called kremšnita, has become part of the town's identity.</p>
<p>Its layers of puff pastry, vanilla cream, and whipped cream are simple, recognisable, and closely connected with the visitor experience. After walking around the lake or climbing to a viewpoint, it makes sense as a final pause.</p>
<p>Still, Bled has more local food than one dessert. The surrounding area also offers trout, dairy products, honey, bread traditions, and ingredients connected with nearby farms and villages.</p>
<p>The cake works best as part of the day, not as a task that needs to be checked off.</p>
<p>Sit down after the walk. Notice how the lake looks from the eastern shore now that you have seen it from every side.</p>
<p>The photograph may be the same. Your understanding of it will not be.</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>

View File

@ -0,0 +1,348 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ljubljana Through Our Eyes - 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">&times;</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>Ljubljana Through Our Eyes</h1>
<p class="article-subtitle">Not a complete guide to the city, but a collection of places and routines through which many of us began to feel at home.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/slovenia-ljubljana-river-life-hero.jpg" alt="A crowd gathered along the Ljubljanica during an event in central Ljubljana">
<figcaption>Ljubljanica River, Ljubljana. Photo: CEV, <a href="https://inside.cev.eu/articles/federations/ljubljana-delivers-another-volleyball-on-water-spectacle/" target="_blank" rel="noopener">inside.cev.eu</a></figcaption>
</figure>
<div class="article-body">
<p>Ljubljana often looks very simple on a map. The old centre sits around the river, the castle rises above it, and many recognisable places are close enough to reach on foot.</p>
<p>Living in the city is more layered than that.</p>
<p>For many members of our community, Ljubljana became familiar through repeated routes rather than famous landmarks. It was the walk from a faculty to the centre, a meeting beside Prešeren Square, a Saturday stop at the market, a break in Tivoli, or an evening in Trnovo. These ordinary movements slowly turned a new city into a personal one.</p>
<p>This is one Ljubljana story. It is not meant to describe the experience of every Macedonian student in Slovenia. Many members of MSOS study and build their lives in Maribor, Nova Gorica, Celje, Koper, and other places across the country. Each city creates a different relationship with Slovenia. Here, we focus only on the details that make Ljubljana itself memorable.</p>
<h2>The river is where the city comes together</h2>
<p>The Ljubljanica is not only a view through the centre. It is one of the main ways people use and understand the city.</p>
<p>A walk can begin near the market, pass the Triple Bridge and Prešeren Square, continue toward Congress Square, then move through Krakovo and Trnovo without feeling like a planned sightseeing route.</p>
<p>The centre changes throughout the day. In the morning, deliveries arrive and cafés open. Around midday, students and workers cross the bridges in every direction. In the afternoon, the terraces fill. Later in the evening, people sit closer to the water or continue toward quieter parts of the river.</p>
<p>For newcomers, the bridges become useful reference points. The Triple Bridge means the centre. Dragon Bridge means the market is near. Cobblers' Bridge opens the route toward the older streets and Trnovo. After a while, the city can be read through these crossings without checking a map.</p>
<p>The river makes Ljubljana feel smaller and more connected. Even when plans are unclear, meeting “by the river” is usually enough to begin.</p>
<h2>Saturday morning begins at the market</h2>
<p>The Central Market is one of the places where Ljubljana feels least like a postcard and most like a living city.</p>
<p>Its outdoor stalls spread across Vodnik Square and Pogačar Square. Plečnik's covered market follows the curve of the Ljubljanica. People come for fruit, vegetables, bread, cheese, flowers, oil, and other local products, but shopping is only part of the experience.</p>
<p>Saturday morning has its own rhythm. Some people arrive with a clear list. Others stop for coffee, meet someone they know, or walk through the stalls without buying much. The market brings together older residents, families, students, farmers, visitors, and people who simply enjoy being in the centre before it becomes busier.</p>
<p>For students from Macedonia, the market can also feel unexpectedly familiar. The products are different, the organisation is different, and the atmosphere is calmer than many markets at home, but the social role is recognisable. A market is rarely only about food. It is also a place where a city sees itself.</p>
<p>Our recommendation is simple. Do not rush through it between two landmarks. Visit early enough to notice how people actually use it.</p>
<figure class="article-inline-image">
<img src="../../../images/slovenia-ljubljana-central-market.jpg" alt="Food stalls at the Open Kitchen market in central Ljubljana">
<figcaption>Open Kitchen at Ljubljana's Central Market. Photo: Odprta kuhna, <a href="https://www.visitljubljana.com/en/visitors/tours-and-trips/open-kitchen-on-a-platter-the-gourmet-ljubljana-tasting-menus" target="_blank" rel="noopener">visitljubljana.com</a></figcaption>
</figure>
<h2>Trnovo is where the centre slows down</h2>
<p>A few minutes south of the busiest streets, Ljubljana changes character.</p>
<p>Trnovo and Krakovo feel close to the centre, but they have a more residential and local rhythm. Small houses, gardens, the Gradaščica channel, Trnovo Church, and quieter streets make the area feel separate from the tourist route without being far away.</p>
<p>Trnovo Bridge is one of the clearest examples of how Jože Plečnik shaped the city. The bridge does more than cross water. Its width, stone elements, and rows of birch trees make it feel like a small public square.</p>
<p>Further along the river, Trnovski pristan becomes especially lively during warmer months. Its broad stone steps descend toward the Ljubljanica, and people sit there in groups, often with drinks, snacks, music, or no plan at all. Among younger residents, it is sometimes described as Ljubljana's beach.</p>
<p>This is one of the places where many students understand that social life in Ljubljana is not always organised around a venue. Sometimes the place itself is enough.</p>
<p>In summer, arrive before sunset. Sit on the steps, watch the light change on the river, and let the evening develop on its own.</p>
<figure class="article-inline-image">
<img src="../../../images/slovenia-ljubljana-trnovski-pristan.jpg" alt="People beside the river at Trnovski pristan in Ljubljana">
<figcaption>Trnovski pristan, Ljubljana. Photo: Gregor Babšek, <a href="https://www.gregorbabsek.si/Ljubljana_znamenitosti_14.html" target="_blank" rel="noopener">gregorbabsek.si</a></figcaption>
</figure>
<h2>Tivoli and Rožnik are part of the weekly routine</h2>
<p>Tivoli is not only a park to visit once. For many people, it is part of the city's regular rhythm.</p>
<p>Students pass through it, run there, meet friends, sit on the grass, visit exhibitions along the Jakopič Promenade, or continue uphill when they need more distance from the city. The park leads naturally toward Rožnik and Šiška Hill, creating a quick transition from formal city space to forest paths.</p>
<p>That transition is one of Ljubljana's strongest qualities. Within a relatively short walk from the centre, traffic becomes quieter and the route begins to feel like a small escape. Rožnik is not a demanding mountain trip. That is exactly why people return to it. It works on an ordinary afternoon.</p>
<p>For students living in other Slovenian cities, this relationship between urban life and nearby nature takes a different form. Maribor has Pohorje and the Drava. Nova Gorica opens toward the Soča Valley, the Karst, and the border landscape. Koper and the Primorska region have the coast and Mediterranean surroundings. Celje has its own hills, river paths, and historic centre. Tivoli and Rožnik are Ljubljana's version of something many Slovenian cities offer in their own way.</p>
<h2>Metelkova shows another side of Ljubljana</h2>
<p>Ljubljana's most polished images usually focus on the castle, bridges, façades, and river.</p>
<p>Metelkova shows a different city.</p>
<p>The autonomous cultural centre developed in former military barracks and has been shaped by artists, volunteers, organisers, musicians, and different alternative communities. Its buildings are covered with murals, sculptures, mosaics, and interventions that continue to change.</p>
<p>During the day, the area can feel almost like an open-air gallery. In the evening, it becomes a place for concerts, club nights, performances, and gatherings. It does not need to represent Ljubljana as a whole. Its importance lies in showing that the city has spaces that are less polished and more experimental.</p>
<p>The wider Metelkova area also includes museums and cultural institutions, creating an unusual contrast between formal and independent culture within a few streets.</p>
<p>For someone who has only seen the historic centre, Metelkova can feel like a different city. That contrast is worth seeing.</p>
<figure class="article-inline-image">
<img src="../../../images/slovenia-ljubljana-metelkova.jpg" alt="Murals and outdoor artworks at Metelkova in Ljubljana">
<figcaption>Metelkova, Ljubljana. Photo: <a href="https://www.tripadvisor.com/Attraction_Review-g274873-d734854-Reviews-Metelkova-Ljubljana_Upper_Carniola_Region.html" target="_blank" rel="noopener">Tripadvisor</a></figcaption>
</figure>
<h2>Ljubljana is learned through small repetitions</h2>
<p>The places that become most important are not always the ones people recommend first.</p>
<p>They may be the bakery near your bus stop, the table where your group always meets, a bench in Tivoli, the route through Trnovo, or the corner beside the river where you wait for friends. These places do not appear on a list of attractions, but they are where belonging begins.</p>
<p>Ljubljana is compact enough for routines to form quickly. After a few weeks, the centre stops feeling like a destination. It becomes the space between other parts of life.</p>
<p>That familiarity is one reason many students become attached to the city. At the same time, Ljubljana should not be treated as the only window into Slovenia. A student in Maribor, Nova Gorica, Celje, Koper, or another town will discover different habits, landscapes, and local communities.</p>
<p>Our Ljubljana is therefore only one chapter.</p>
<p>It begins beside the river, passes through the market, slows down in Trnovo, climbs toward Rožnik, and sometimes ends under the lights of Metelkova. The exact route changes, but the feeling is the same. The city becomes yours when you stop trying to see it all and start returning to the places that matter to you.</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>

View File

@ -0,0 +1,375 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Slovenian Habits That May Surprise You - 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">&times;</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>Slovenian Habits That May Surprise You</h1>
<p class="article-subtitle">Not rules that describe every person, but small patterns many of us noticed while learning how everyday life works.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/slovenia-habits-guest-slippers-hero.jpg" alt="A pair of slippers by the entrance of a Slovenian home">
<figcaption>A Slovenian home. Photo: <a href="https://www.dobrna-medical.si/copati-so-osnova-za-hojo-po-hisi/" target="_blank" rel="noopener">dobrna-medical.si</a></figcaption>
</figure>
<div class="article-body">
<p>Cultural differences are often most visible in ordinary moments.</p>
<p>They appear when we enter someone's home, make a plan for next week, meet a stranger on a mountain path, sit down for lunch, or realise that a quieter conversation does not necessarily mean a colder one.</p>
<p>The habits below are not universal rules. Slovenia has different generations, regions, households, and personalities. Life in Maribor is not identical to life in Koper, Ljubljana, Nova Gorica, or Celje. A village and a city also create different routines.</p>
<p>These are simply patterns that many members of our community noticed after spending time in Slovenia.</p>
<h2>The slippers are often waiting by the door</h2>
<p>When visiting a Slovenian home, do not be surprised if you are asked to remove your shoes and offered slippers.</p>
<p>In many households, outdoor footwear stays near the entrance. Guests receive indoor slippers, sometimes from a small collection kept specifically for visitors.</p>
<p>For people from Macedonia, removing shoes may already feel familiar, but the organised supply of guest slippers can still be memorable.</p>
<p>The gesture is practical. It protects the floor, keeps the home clean, and marks a clear boundary between outside and inside.</p>
<p>The safest approach is simple. When entering, notice what the host does and ask where to leave your shoes. Do not walk confidently into the living room before checking.</p>
<h2>Plans are often treated as real commitments</h2>
<p>A phrase such as “we should meet sometime” can mean different things in different cultures.</p>
<p>In Slovenia, social plans are often made with a specific day, time, and place. Once agreed, they are usually treated as a real commitment rather than a flexible suggestion.</p>
<p>This can feel formal to someone used to more spontaneous arrangements. It can also be very helpful. People organise work, study, travel, family obligations, and free time carefully, so clarity shows respect.</p>
<p>Being late without a message may be understood less casually than it is in some Macedonian social settings.</p>
<p>This does not mean that Slovenian life lacks spontaneity. It means that spontaneous plans often work better when they do not replace an earlier agreement.</p>
<p>If something changes, send a message. If the meeting is at 18:00, plan to be there at 18:00.</p>
<h2>Strangers greet each other in the mountains</h2>
<p>On a busy city street, people usually pass without greeting.</p>
<p>On a mountain path, the rule changes.</p>
<p>Hikers commonly say “dober dan,” “živjo,” or another short greeting when they pass, even if they have never met before. In mountain huts, conversations between strangers also begin more easily than they might in an urban setting.</p>
<p>This habit reflects the social culture of hiking in Slovenia. The mountains are recreational spaces, but they also create a temporary sense of shared responsibility and community.</p>
<p>The greeting is not an invitation to begin a long conversation. It is simply an acknowledgement that both people are using the same path.</p>
<p>For newcomers, it is a small detail that quickly becomes natural. After enough walks, remaining silent can begin to feel stranger than saying hello.</p>
<figure class="article-inline-image">
<img src="../../../images/slovenia-habits-mountain-greeting.jpg" alt="Hikers on a mountain path in Slovenia">
<figcaption>Slovenian mountains. Photo: <a href="https://57hours.com/hiking-holidays-in-slovenia/" target="_blank" rel="noopener">57hours.com</a></figcaption>
</figure>
<h2>“Dober tek” comes before the first bite</h2>
<p>When food is served, people commonly say “dober tek,” meaning “enjoy your meal.”</p>
<p>The phrase may be spoken by the person serving, by people already seated, or by everyone around the table before they begin eating.</p>
<p>It is simple, but it matters. Starting immediately without acknowledging the shared meal can feel abrupt.</p>
<p>The phrase also appears in canteens, restaurants, offices, student dining spaces, and family homes. It is not limited to formal occasions.</p>
<p>Learning it is one of the easiest ways to participate in everyday Slovenian politeness.</p>
<p>The response may be “hvala, enako,” meaning “thank you, likewise,” especially when the other person is also eating.</p>
<h2>Quietness does not always mean distance</h2>
<p>Many Macedonians are used to fast conversations, overlapping voices, expressive reactions, and immediate personal questions.</p>
<p>Some Slovenian interactions may initially feel quieter and more reserved.</p>
<p>People may take longer to move from polite conversation to personal friendship. They may also protect private time and physical space more clearly.</p>
<p>This should not automatically be interpreted as rejection.</p>
<p>Trust may develop through repeated contact, shared activities, reliability, and time. A friendship can become very warm without beginning loudly.</p>
<p>Regional and personal differences are important. The social atmosphere on the coast may feel different from northeastern Slovenia. A student group behaves differently from an office. One person may be highly outgoing, another private.</p>
<p>The useful lesson is not that Slovenians are reserved. It is that closeness may be communicated less immediately.</p>
<h2>Sunday lunch can still organise the day</h2>
<p>For many families, Sunday lunch remains a recognisable weekly ritual.</p>
<p>A traditional version may include soup, a meat dish, roasted potatoes or another side, and salad. The exact meal changes between households and regions, and many families no longer follow one fixed menu.</p>
<p>What remains important is the time together.</p>
<p>Sunday lunch can influence when people travel, visit relatives, or make other plans. Invitations may involve more than food because the meal becomes the centre of a family gathering.</p>
<p>For a guest, arriving at the agreed time matters. The meal may have been prepared around that schedule.</p>
<p>The experience can feel familiar to Macedonian readers. The dishes differ, but the idea of a long family meal that structures part of the weekend is easy to recognise.</p>
<figure class="article-inline-image">
<img src="../../../images/slovenia-habits-sunday-lunch.jpg" alt="A traditional Slovenian meal shared around a table">
<figcaption>A Slovenian Sunday lunch. Photo: <a href="https://www.slovenia.info/en/stories/fragrant-slovenian-holiday-dishes" target="_blank" rel="noopener">slovenia.info</a></figcaption>
</figure>
<h2>Nature is treated as a normal part of the week</h2>
<p>In Slovenia, time outdoors is often not presented as a special holiday activity.</p>
<p>Walking, cycling, hiking, running, skiing, gardening, and visiting nearby hills or forests can be part of a normal week.</p>
<p>The exact landscape depends on where someone lives. Ljubljana has Tivoli and Rožnik. Maribor has the Drava and Pohorje. Nova Gorica connects quickly with the Soča Valley, the Karst, and the hills along the border. Koper and the Primorska region open toward the coast. Celje has river paths, nearby hills, and the route toward the castle.</p>
<p>This habit is less about extreme sport and more about regular access.</p>
<p>A short walk still counts. The plan does not always need a dramatic destination.</p>
<p>For many students arriving from Macedonia, this can become one of the easiest local habits to adopt.</p>
<h2>Small habits become a language</h2>
<p>Guest slippers, precise meeting times, mountain greetings, “dober tek,” quiet trust, Sunday lunch, and regular time outdoors do not explain every Slovenian person.</p>
<p>They do offer a practical introduction to everyday expectations.</p>
<p>The best approach is to observe without turning habits into stereotypes. Ask when unsure. Notice regional differences. Allow people to surprise you.</p>
<p>Culture is not a checklist. It becomes visible through repetition, especially after the unusual detail stops feeling unusual.</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>

View File

@ -0,0 +1,360 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Slovenia's Stories in Stone and Tradition - 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">&times;</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>Slovenia's Stories in Stone and Tradition</h1>
<p class="article-subtitle">Heritage is not one castle or museum. It can be a bridge used every day, a river disappearing underground, a mining town shaped by mercury, or knowledge passed between beekeepers.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/slovenia-heritage-plecnik-daily-life-hero.jpg" alt="A Plečnik-designed public space beside the Ljubljanica">
<figcaption>Plečnik's riverside Ljubljana. Photo: Dunja Wedam, <a href="https://www.visitljubljana.com/" target="_blank" rel="noopener">visitljubljana.com</a></figcaption>
</figure>
<div class="article-body">
<p>Slovenian heritage is often presented as a long list.</p>
<p>There are castles, churches, old towns, caves, crafts, industrial sites, traditional foods, festivals, and protected landscapes across the country. A list proves that there is a lot to see, but it does not always explain why a place matters.</p>
<p>A more useful approach is to choose several specific stories and spend time with them.</p>
<p>The four below are very different. One is embedded in the streets of Ljubljana. One lies beneath the Karst. One shaped the working life of Idrija. One remains active in apiaries, schools, associations, art, and family knowledge.</p>
<p>Together, they show that heritage can be architectural, natural, industrial, and living at the same time.</p>
<h2>Plečnik changed Ljubljana through everyday routes</h2>
<p>Jože Plečnik did not redesign Ljubljana through one monumental building.</p>
<p>He worked through a network of streets, bridges, markets, embankments, public spaces, and institutions. His interventions connected existing parts of the city and gave ordinary movement a ceremonial quality.</p>
<p>The Triple Bridge turns a river crossing into a public gathering space. The covered market follows the Ljubljanica rather than turning away from it. The National and University Library creates a carefully staged movement from a darker entrance toward the reading room. The route along the river uses trees, columns, stairs, and small architectural elements to create continuity.</p>
<p>UNESCO inscribed selected works of Plečnik in Ljubljana on the World Heritage List in 2021 as an example of human-centred urban design.</p>
<p>The phrase is useful because his work is not experienced only by architecture experts. People cross it on the way to work, meet beside it, buy food within it, and sit near it.</p>
<p>Plečnik's heritage remains active because the city continues to use it.</p>
<h2>Škocjan Caves reveal the scale beneath the Karst</h2>
<p>The Karst landscape does not reveal everything from the surface.</p>
<p>At Škocjan, the Reka River disappears underground and passes through a vast cave system with one of the largest known underground river canyons.</p>
<p>The experience is defined by scale. Paths and bridges move above the river, while the walls rise far beyond the normal dimensions of a tourist cave. The sound of water and the darkness make the space feel active rather than decorative.</p>
<p>UNESCO inscribed Škocjan Caves on the World Heritage List in 1986 because of their exceptional geological and geomorphological importance.</p>
<p>The site is also connected with the wider Karst environment. Water, rock, caves, settlements, and human use of the landscape form one system.</p>
<p>For students in Nova Gorica, Koper, and the Primorska region, the Karst is part of the wider environment rather than a distant attraction. Its dry stone walls, bora wind, villages, caves, and disappearing rivers shape a distinct regional identity.</p>
<p>Škocjan is the place where that hidden geology becomes impossible to ignore.</p>
<figure class="article-inline-image">
<img src="../../../images/slovenia-heritage-skocjan-caves.jpg" alt="A visitor bridge above the underground river in Škocjan Caves">
<figcaption>The Škocjan Caves, a UNESCO World Heritage site. Photo: <a href="https://sunsetobsession.com/why-visit-skocjan-caves/" target="_blank" rel="noopener">sunsetobsession.com</a></figcaption>
</figure>
<h2>Idrija was shaped by mercury</h2>
<p>Idrija developed around one of the world's historically important mercury mines.</p>
<p>Mining affected the town's streets, buildings, technical knowledge, health, working conditions, food, and family life. The heritage is therefore not limited to underground tunnels.</p>
<p>The former mine entrance known as Anthony's Main Road gives visitors access to the mining story. Gewerkenegg Castle, once connected with mine administration and storage, now houses the Idrija Municipal Museum. Technical structures and water systems show how much organisation was required to extract and process mercury.</p>
<p>The mercury heritage of Idrija and Almadén in Spain was inscribed on the UNESCO World Heritage List in 2012.</p>
<p>The story should not be romanticised. Mercury brought economic importance and specialised knowledge, but mining was dangerous and carried serious human and environmental costs.</p>
<p>Idrija's value lies in showing the full system around an industrial town. Work, technology, risk, domestic life, and local identity developed together.</p>
<p>Even Idrijski žlikrofi, now one of Slovenia's best-known protected dishes, belong to this larger working environment.</p>
<figure class="article-inline-image">
<img src="../../../images/slovenia-heritage-idrija-mine.jpg" alt="A preserved tunnel connected with Idrija's mercury mine">
<figcaption>Anthony's Shaft, Idrija. Photo: Samo Trebizan, <a href="https://travelslovenia.org/anthony-shaft-mine-idrija/" target="_blank" rel="noopener">travelslovenia.org</a></figcaption>
</figure>
<h2>Beekeeping is heritage that remains alive</h2>
<p>Slovenian beekeeping is not preserved behind glass.</p>
<p>Beekeepers continue to care for colonies, share knowledge, breed the Carniolan bee, build and maintain apiaries, produce honey and other products, and organise through local societies.</p>
<p>UNESCO inscribed “Beekeeping in Slovenia, a way of life” on the Representative List of the Intangible Cultural Heritage of Humanity in 2022.</p>
<p>The tradition includes practical knowledge, but also language, art, architecture, education, and social organisation. Painted beehive panels are among its most recognisable visual forms. Traditional apiaries create a distinctive structure within rural landscapes.</p>
<p>Knowledge is passed within families, clubs, schools, associations, and between experienced and newer beekeepers.</p>
<p>This makes beekeeping different from a static monument. Its survival depends on people continuing the practice and responding to new environmental pressures.</p>
<p>The heritage is visible in the hive, but its real centre is the relationship between community, pollinators, and landscape.</p>
<h2>Heritage belongs to several parts of the country</h2>
<p>These four stories are geographically distributed.</p>
<p>Plečnik's work is part of Ljubljana's daily movement. Škocjan belongs to the Karst and the Primorska environment. Idrija connects industrial history with western Slovenia. Beekeeping appears across rural and urban communities throughout the country.</p>
<p>Other regions carry equally important stories. Maribor has the old vine and the Drava. Celje is connected with the Counts of Celje and its castle. Ptuj has Roman layers and Kurent traditions. The coast has Venetian urban heritage and salt-making landscapes. The Soča Valley carries memories of the First World War alongside older settlement and pastoral traditions.</p>
<p>No single place represents Slovenian heritage.</p>
<p>The stronger picture appears when different regions are allowed to keep their own stories.</p>
<figure class="article-inline-image">
<img src="../../../images/slovenia-heritage-beekeeping.jpg" alt="A Slovenian apiary with painted beehive panels">
<figcaption>A traditional Slovenian apiary with painted beehive panels. Photo: David Robertson / Alamy, <a href="https://www.atlasobscura.com/articles/what-are-slovenian-beehouses" target="_blank" rel="noopener">atlasobscura.com</a></figcaption>
</figure>
<h2>Preservation is a present-day decision</h2>
<p>Heritage does not survive only because it is old or officially recognised.</p>
<p>It survives through maintenance, research, careful tourism, community knowledge, public funding, education, and limits on damaging use.</p>
<p>Visitors also participate in preservation. They can follow marked routes, respect protected spaces, avoid touching vulnerable surfaces, use authorised guides, and learn the context rather than collecting only images.</p>
<p>Plečnik's bridges still carry daily life. The Reka still moves through Škocjan. Idrija continues to interpret a difficult mining history. Beekeepers continue to work with living colonies.</p>
<p>The past remains present because somebody keeps taking responsibility for 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>

View File

@ -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">&times;</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>

View File

@ -58,8 +58,8 @@
<li><a href="#">Student Welcome Guide</a></li> <li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li> <li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li> <li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li> <li><a href="../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li> <li><a href="../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul> </ul>
</li> </li>
<li class="menu-item menu-item-has-children"> <li class="menu-item menu-item-has-children">
@ -130,8 +130,8 @@
<li><a href="#">Student Welcome Guide</a></li> <li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li> <li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li> <li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li> <li><a href="../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li> <li><a href="../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul> </ul>
</li> </li>
<li class="menu-item menu-item-has-children"> <li class="menu-item menu-item-has-children">

View File

@ -1,9 +1,9 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="sl"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Macedonian Student Night in Ljubljana - MSOS</title> <title>Humanitarian Sports Tournament: Playing with Heart, Together for Kočani - MSOS</title>
<!-- Google Fonts --> <!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
@ -13,8 +13,8 @@
<!-- Font Awesome (for icons) --> <!-- Font Awesome (for icons) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Povezava na novo glavno CSS datoteko --> <!-- Correct path to the main CSS file -->
<link rel="stylesheet" href="../../css/main.css"> <link rel="stylesheet" href="../../../css/main.css">
</head> </head>
<body> <body>
@ -58,8 +58,8 @@
<li><a href="#">Student Welcome Guide</a></li> <li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li> <li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li> <li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li> <li><a href="../../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li> <li><a href="../../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul> </ul>
</li> </li>
<li class="menu-item menu-item-has-children"> <li class="menu-item menu-item-has-children">
@ -130,8 +130,8 @@
<li><a href="#">Student Welcome Guide</a></li> <li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li> <li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li> <li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li> <li><a href="../../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li> <li><a href="../../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul> </ul>
</li> </li>
<li class="menu-item menu-item-has-children"> <li class="menu-item menu-item-has-children">
@ -176,118 +176,95 @@
<main class="article-page"> <main class="article-page">
<article class="article-container"> <article class="article-container">
<header class="article-header"> <header class="article-header">
<p class="article-publish-date">Published on October 8, 2022</p> <p class="article-publish-date">Published on April 5, 2025</p>
<h1>Macedonian Student Night in Ljubljana</h1> <h1>Humanitarian Sports Tournament: Playing with Heart, Together for Kočani</h1>
<p class="article-subtitle">From an idea to a party with 500 students that's how our story began!</p> <p class="article-subtitle">Over 200 students gathered in Maribor, raising €1,000 through sport to support families hit by the Kočani tragedy.</p>
</header> </header>
<figure class="article-main-image"> <figure class="article-main-image">
<img src="../../images/msnl-1.webp" alt="Atmosphere from the Macedonian Student Night in Ljubljana"> <img src="../../../images/maribor-tournament-1.png" alt="The MSOS Maribor team at the humanitarian sports tournament">
</figure> </figure>
<div class="article-body"> <div class="article-body">
<p>On October 8, 2022, in the heart of the Student Campus in Ljubljana, the first Macedonian Student Night in Slovenia took place. Under the motto #FeelsLikeHome, more than 500 young people enjoyed Macedonian music, delicious traditional food, and an atmosphere that felt like home. This event was not just a party it was the beginning of a new story, which would later grow into the Macedonian Student Organization in Slovenia (MSOS).</p> <p>On April 5, 2025, MSOS Maribor organized the first humanitarian sports tournament in the history of our organization. The idea came naturally. After the tragic events in Kočani, many of us felt powerless, but we also knew we had to do something. As students, maybe we could not solve everything, but we could do what we do best: bring people together. Sports became the perfect way to channel our emotions and energy into solidarity.</p>
<h2>How an idea for socializing became the start of a movement</h2>
<p>It all began with a simple wish to gather, get to know each other, and feel Macedonia, even though we were far from it. Kristijan Popovski, then a student at the School of Economics and Business in Ljubljana, shared his idea with a few colleagues, and the response was incredible. In less than two weeks, over 40 students joined the organizing team. Everyone contributed their enthusiasm and time, and the shared spirit and desire to connect turned this spontaneous initiative into an event we would remember for a long time.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-2.webp" alt="Preparations and meetings for the Macedonian Student Night">
<figcaption>Photos from the preparations and meetings for organizing the Macedonian Student Night.</figcaption>
</figure>
<p>From that moment on, we spent every free moment in the offices of the student organization <strong>Povezani</strong>, which gave us great support in organizing. Days and nights were spent planning, holding meetings, and writing social media posts all with the goal of creating an event that we initially thought would attract, if we were lucky, about 100 visitors.</p>
<p>A week before the event, we posted interesting facts about Macedonia every day its national treasures, music, and culture. Slowly but surely, we built the atmosphere and excitement, not only among Macedonian students but also among many others who wanted to feel our energy.</p>
<figure class="article-inline-image"> <figure class="article-inline-image">
<img src="../../images/msnl-3.webp" alt="Poster where Slovenians learn the Macedonian alphabet"> <img src="../../../images/maribor-tournament-2.png" alt="A snapshot of the MSOS Maribor team.">
<figcaption>Poster with Cyrillic and Latin letters. Slovenians are learning the Macedonian alphabet, while Macedonians are teaching them.</figcaption> <figcaption>A snapshot of the MSOS Maribor team.</figcaption>
</figure> </figure>
<blockquote class="article-quote"> <h2>A day full of energy</h2>
<p>“Organizing the first MSOS party was a one-of-a-kind experience sleepless, ambitious, and involved in everything from logistics to mopping the floor... Thank goodness for Red Bull 😉 (P.S. We drank the entire fridge supply!)”</p>
<footer>— Marko - first-year student (at the time)</footer>
</blockquote>
<h2>The taste and smell of Macedonia in the heart of Ljubljana</h2> <p>The event took place at the Leon Štukelj Sports Hall, which came alive with cheering, laughter, and the sound of basketballs and futsal balls bouncing across the courts. From the very beginning, you could feel that this was not just about competition. It was about community.</p>
<p>The party started at 8:00 PM and was designed in two parts. The first part was a real gastronomic and cultural journey through Macedonia. Students could try bread with ajvar and white cheese, Macedonian wine, tasty snacks, and traditional drinks. The tables were also filled with other authentic products that reminded everyone of home. All these flavors and aromas were made possible thanks to the support of the Macedonian products store <strong>“Makedonija Trade,”</strong> which selflessly contributed to making this part of the evening truly enjoyable.</p>
<figure class="article-inline-image"> <figure class="article-inline-image">
<img src="../../images/msnl-4.webp" alt="Stands with Macedonian symbols, food, and drinks"> <img src="../../../images/maribor-tournament-3.png" alt="Teams lined up and ready for the start of the tournament.">
<figcaption>Photos of the stands with Macedonian symbols, traditional food, and drinks.</figcaption> <figcaption>Teams lined up and ready for the start of the tournament.</figcaption>
</figure> </figure>
<p>In addition to the food, visitors could explore interesting facts about the country, photos of famous Macedonian figures and cultural landmarks, and see traditional costumes and a <strong>gaida</strong> up close. The atmosphere was warm and full of curiosity like a small exhibition within a large student party.</p> <p>We welcomed 12 basketball teams and 4 futsal teams, made up not only of Macedonian students but also of friends from Serbia, Bosnia and Herzegovina, and Spain. That mix of cultures and languages created a special vibe, proof that solidarity does not stop at national borders. Teams supported each other, rivalries ended in handshakes, and every goal or basket felt like a small victory for the cause we were all there for.</p>
<figure class="article-inline-image"> <figure class="article-inline-image">
<img src="../../images/msnl-5.webp" alt="Mini quiz about Macedonia"> <img src="../../../images/maribor-tournament-4.png" alt="Students giving their all on the futsal court, turning competition into energy, laughter, and unforgettable moments.">
<figcaption>Mini quiz with questions about Macedonia, where students in one part of the club are competing.</figcaption> <figcaption>Students giving their all on the futsal court, turning competition into energy, laughter, and unforgettable moments.</figcaption>
</figure> </figure>
<h2>Support from the Macedonian community and diplomacy</h2> <h2>More than just a tournament</h2>
<p>The evening was enriched by the presence of important guests from the Macedonian community in Slovenia. <strong>The President of the Union of Macedonian Cultural Associations in Slovenia, Mr. Blagoja Nasteski</strong>, joined the event, confirming the importance of such initiatives for preserving the Macedonian spirit and tradition in the diaspora.</p>
<p>The matches lasted over six hours, and the atmosphere never slowed down. Friends came to support their teams, music kept the hall lively, and there was always someone explaining the background to newcomers: "We are doing this for Kočani." That constant reminder turned every point scored into something bigger than sports.</p>
<p>At the end of the tournament, symbolic prizes were awarded to the winners. They were not just trophies. They were a way to honor everyone who gave their time and energy to be part of the event.</p>
<figure class="article-inline-image"> <figure class="article-inline-image">
<img src="../../images/msnl-6.webp" alt="Kristijan and Bisera with Ambassador Zelenkovska and Mr. Nasteski"> <img src="../../../images/maribor-tournament-5.png" alt="When victory means more than a game, lifted high by the team.">
<figcaption>Kristijan and Bisera together with Ambassador Zelenkovska and the President of the Union of Macedonian Associations, Mr. Nasteski</figcaption> <figcaption>When victory means more than a game, lifted high by the team.</figcaption>
</figure> </figure>
<p>We were especially honored to <strong>welcome the Ambassador of North Macedonia to Slovenia, Mrs. Suzana Zelenkovska</strong>, who gave warm words of encouragement and support to the youth. Her presence and interest in the event were an additional motivation to continue our mission of connecting and promoting the Macedonian student community.</p> <figure class="article-inline-image">
<p>The party had great energy spreading everywhere at one point there was a small but controlled chaos. Even though the event ended slightly earlier than planned, the students kept singing together for another hour while we were cleaning up the place. Truly, a night to remember!</p> <img src="../../../images/maribor-tournament-6.png" alt="Warming up before the basketball games, both mens and womens teams getting ready for action.">
<figcaption>Warming up before the basketball games, both mens and womens teams getting ready for action.</figcaption>
<blockquote class="article-quote"> </figure>
<p>“I was part of the organizing team and was supposed to maintain order among the students, but when they played the song 'Biser Balkanski,' I couldn't resist so I joined in as well... That was my special moment that night!”</p>
<footer>— Hristijan - second-year student (at the time)</footer>
</blockquote>
<h2>A beginning to remember</h2> <h2>The humanitarian impact</h2>
<p>That night wasn't just another student party it was the moment we realized we had started something bigger. Instead of the expected 100 guests, about <strong>500 students</strong> came to the club, and the energy was incredible. New friendships were made, songs were sung from the heart, and Macedonian culture and tradition took center stage for the entire evening.</p>
<p>This night laid the foundation for the Macedonian Student Organization in Slovenia and showed us that with enthusiasm, unity, and a bit of courage, it's possible to create something that brings people together and gives them a sense of home even when they are far away from it.</p> <p>The most important result was not on the scoreboard but in the donations box. Together, we raised €1,010, which was split between two Macedonian families whose children were undergoing treatment in Slovenia. It was not just money. It was a message that they were not alone, that the student community stood with them during the hardest of times.</p>
<figure class="article-inline-image"> <figure class="article-inline-image">
<img src="../../images/msnl-7.webp" alt="The dedicated team of volunteers after cleaning up the venue"> <img src="../../../images/maribor-tournament-7.png" alt="High-fives, trophies, and smiles, celebrating victory on and off the court.">
<figcaption>Photo taken at 4:00 a.m., after finishing and cleaning up the venue together with the dedicated team of volunteers</figcaption> <figcaption>High-fives, trophies, and smiles, celebrating victory on and off the court.</figcaption>
</figure>
<h2>Why it mattered</h2>
<p>For MSOS, this tournament was more than a one-day event. It showed that our community has the strength to respond to challenges with compassion and action. We proved that student life is not only about lectures and exams, or even about parties and fun. It can also be about solidarity, empathy, and humanity.</p>
<p>And maybe most importantly, this was just the beginning. With "Playing with Heart, Together for Kočani", we did not only create a successful humanitarian action. We set the foundation for a tradition that will continue to remind us that together, we can make a difference.</p>
<figure class="article-inline-image">
<img src="../../../images/maribor-tournament-8.png" alt="A memorable moment with the organizing team and the victorious basketball and futsal squads.">
<figcaption>A memorable moment with the organizing team and the victorious basketball and futsal squads.</figcaption>
</figure>
<h2>Acknowledgments and thanks</h2>
<p>The tournament would not have been possible without the support of our partners and community. We are grateful to the University of Maribor for providing the entire Leon Štukelj Sports Hall free of charge, to Macedonia Trade for taking care of the refreshments and gifts for the winning teams, and to Radenska for supplying water for all participants.</p>
<figure class="article-inline-image">
<img src="../../../images/maribor-tournament-9.png" alt="Thanks to Macedonia Trade and Radenska for supporting the tournament with drinks and refreshments for the players.">
<figcaption>Thanks to Macedonia Trade and Radenska for supporting the tournament with drinks and refreshments for the players.</figcaption>
</figure>
<p>A huge thank you also goes to our MSOS Maribor team and volunteers, who worked tirelessly to make this event a reality. And of course, to all the students who showed up not only as players but also as fans, supporters, and friends. Their cheering, laughter, and energy filled the hall and transformed the tournament into more than a competition. It became a moment of unity, solidarity, and joy that none of us will forget.</p>
<figure class="article-inline-image">
<img src="../../../images/maribor-tournament-10.png" alt="The MSOS Maribor team celebrating together after a successful tournament.">
<figcaption>The MSOS Maribor team celebrating together after a successful tournament.</figcaption>
</figure> </figure>
</div> </div>
<footer class="article-footer">
<hr>
<div class="author-share-section">
<div class="author-details">
<img src="../../images/11-boy.webp" alt="Avatar of Kristijan Popovski">
<div class="author-text">
<p class="author-name">Kristijan Popovski</p>
<p class="author-title">President and Founder</p>
</div>
</div>
<div class="share-buttons">
<button class="btn btn-secondary"><i class="fas fa-link"></i> Copy link</button>
<a href="#" class="social-icon-btn" aria-label="Share on Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" class="social-icon-btn" aria-label="Share on Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="social-icon-btn" aria-label="Share on LinkedIn"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</footer>
</article> </article>
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
<h2>Join 2,000+ subscribers</h2>
<p>Stay in the loop with everything you need to know.</p>
<form class="subscribe-form-bottom">
<div class="input-wrapper">
<input type="email" placeholder="Enter your email">
</div>
<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>
</div>
</section>
</main> </main>
<!-- START_FOOTER --> <!-- START_FOOTER -->
<footer> <footer>
<div class="footer-container"> <div class="footer-container">
<div class="footer-main"> <div class="footer-main">
@ -342,6 +319,6 @@
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body> </body>
</html> </html>

View File

@ -0,0 +1,273 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>In Memory of Frosina Kulakova - 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">&times;</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">
<p class="article-publish-date">Published on February 8, 2025</p>
<h1>In Memory of Frosina Kulakova</h1>
<p class="article-subtitle">On February 8, 2025, Macedonian students in Ljubljana gathered for a peaceful public event to honor the memory of Frosina Kulakova, who tragically lost her life in Skopje just days earlier.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/frosina-1.png" alt="Candles and flowers in memory of Frosina Kulakova">
</figure>
<div class="article-body">
<p>The news of Frosinas tragic passing on January 29, 2025, deeply shook students across Slovenia. Even though we are far from home, the pain was shared, and the need to come together was clear. Out of this feeling grew the initiative to organize a peaceful public gathering in Ljubljana, where young people could unite, light candles, lay flowers, and dedicate a moment of silence in her memory.</p>
<figure class="article-inline-image">
<img src="../../../images/frosina-2.png" alt="Students lighting candles in memory of Frosina">
</figure>
<h2>A message of unity</h2>
<p>This gathering was not about politics or criticism. It was about togetherness, humanity, and shared responsibility. As students abroad, we wanted to show that we care, that we remember, and that we hope for a better tomorrow where such injustices will no longer happen.</p>
<p>By standing side by side in moments like these, we learn that our strength lies not only in our studies and ambitions but also in our ability to support one another when it matters most.</p>
<figure class="article-inline-image">
<img src="../../../images/frosina-3.png" alt="Flowers and candles laid in remembrance">
</figure>
<h2>Closing thoughts</h2>
<p>Frosinas story reminded us of the fragility of life and the importance of solidarity. We are grateful to all who came, who lit a candle, or who simply stood with us in silence.</p>
<p>As an organization, MSOS will always strive to provide a space where students can come together, in joy, in struggle, and in remembrance, to shape a community that carries both hope and responsibility for the future.</p>
<p>Rest in peace, Frosina. 🕊️🙏🏻</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>

View File

@ -0,0 +1,283 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>In Memory of the Victims of the Kochani Tragedy - 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">&times;</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">
<p class="article-publish-date">Published on March 21, 2025</p>
<h1>In Memory of the Victims of the Kochani Tragedy</h1>
<p class="article-subtitle">On March 21, 2025, more than 600 people gathered at Kongresni trg in Ljubljana for a peaceful public gathering to honor the victims of the tragic fire in Kochani.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/kochani-1.png" alt="Candles and flowers at Kongresni trg in memory of the Kochani victims">
</figure>
<div class="article-body">
<p>On March 16, 2025, a fire broke out in the Pulse nightclub in Kochani, North Macedonia, taking the lives of 60 people and leaving deep scars across the country. For Macedonian students abroad, the news was devastating. Though far from home, the feeling of loss was shared, and the need to stand together was undeniable.</p>
<p>The MSOS community decided to create a moment of solidarity in Slovenia, not as an act of protest or politics, but as a way to express humanity, grief, and unity in the face of tragedy.</p>
<figure class="article-inline-image">
<img src="../../../images/kochani-2.png" alt="Candlelight and flowers at the memorial gathering in Ljubljana">
</figure>
<h2>The gathering in Ljubljana</h2>
<p>On March 21, the square in Ljubljana was filled with silence and candlelight. What began as an expectation of around 200 attendees grew into a gathering of more than 600 people of all ages. The program opened with a short address by the MSOS president, followed by a 16-minute silence to honor the victims, one minute for each March day leading up to the tragedy.</p>
<p>Students, families, and members of the wider community laid flowers and lit candles, creating a sea of light and color that remained untouched for weeks after, as no one dared to disturb the memorial. The atmosphere was solemn, respectful, and deeply emotional.</p>
<figure class="article-inline-image">
<img src="../../../images/kochani-3.png" alt="A sea of candles and flowers left by attendees">
</figure>
<h2>A message beyond borders</h2>
<p>This gathering was a reminder that even away from home, students carry their roots, their compassion, and their voice for justice. It was not a promotional act but a human one, a sign that the new generation wants to build a future where solidarity and care define who we are.</p>
<p>The event also received coverage in Slovenia, with the MSOS president giving a short interview for RTV Slovenia, reflecting on the importance of standing united in difficult times.</p>
<figure class="article-inline-image">
<img src="../../../images/kochani-4.png" alt="Attendees standing together during the moment of silence">
</figure>
<h2>Closing words</h2>
<p>The tragedy in Kochani showed us how fragile life is, but also how strong we can be when we come together. In Ljubljana, the student community stood side by side, sending love and respect back home.</p>
<p>May the victims rest in peace.</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>

View File

@ -58,8 +58,8 @@
<li><a href="#">Student Welcome Guide</a></li> <li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li> <li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li> <li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li> <li><a href="../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li> <li><a href="../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul> </ul>
</li> </li>
<li class="menu-item menu-item-has-children"> <li class="menu-item menu-item-has-children">
@ -130,8 +130,8 @@
<li><a href="#">Student Welcome Guide</a></li> <li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li> <li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li> <li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li> <li><a href="../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li> <li><a href="../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul> </ul>
</li> </li>
<li class="menu-item menu-item-has-children"> <li class="menu-item menu-item-has-children">
@ -188,13 +188,86 @@
</div> </div>
</section> </section>
<!-- Category Filter -->
<section class="filter-section">
<nav class="filter-nav" aria-label="Project categories">
<button type="button" class="filter-pill active" data-filter="all" aria-pressed="true">All</button>
<button type="button" class="filter-pill" data-filter="events" aria-pressed="false">Events</button>
<button type="button" class="filter-pill" data-filter="student-life" aria-pressed="false">Student Life</button>
<button type="button" class="filter-pill" data-filter="projects" aria-pressed="false">Projects</button>
<button type="button" class="filter-pill" data-filter="webinars" aria-pressed="false">Webinars</button>
</nav>
<div class="filter-subnav" data-parent="events" hidden>
<button type="button" class="filter-chip active" data-subfilter="all">All events</button>
<button type="button" class="filter-chip" data-subfilter="sports">Sports</button>
<button type="button" class="filter-chip" data-subfilter="cultural">Cultural</button>
<button type="button" class="filter-chip" data-subfilter="entertainment">Entertainment</button>
<button type="button" class="filter-chip" data-subfilter="educational">Educational</button>
</div>
</section>
<!-- All Projects Section --> <!-- All Projects Section -->
<section class="all-posts-section"> <section class="all-posts-section">
<div class="container column-layout"> <div class="container column-layout">
<h2>All our projects</h2> <h2>All our projects</h2>
<div class="posts-grid"> <div class="posts-grid">
<!-- Project: Humanitarian Sports Tournament in Maribor -->
<article class="post-card" data-category="events" data-subcategory="sports">
<a href="humanitarian-tournament-in-maribor/" class="post-link">
<img src="../../images/maribor-tournament-1.png" alt="Humanitarian Sports Tournament in Maribor" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • 5 Apr 2025 • Event</p>
<h3 class="post-title">Humanitarian Sports Tournament in Maribor</h3>
<p class="post-excerpt">Over 200 students played with heart in Maribor, raising 1,010 € for families hit by the Kočani tragedy.</p>
</div>
</a>
</article>
<!-- Project: In Memory of the Kochani Victims -->
<article class="post-card" data-category="events">
<a href="in-memory-of-the-kochani-victims/" class="post-link">
<img src="../../images/kochani-1.png" alt="In Memory of the Kochani Victims" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • 21 Mar 2025 • Event</p>
<h3 class="post-title">In Memory of the Kochani Victims</h3>
<p class="post-excerpt">More than 600 people gathered in Ljubljana to honor the victims of the Kochani fire.</p>
</div>
</a>
</article>
<!-- Project: Paint &amp; Wine at Sunset -->
<article class="post-card" data-category="events" data-subcategory="cultural">
<a href="paint-and-wine-at-sunset/" class="post-link">
<img src="../../images/paint-wine-1.jpg" alt="Paint &amp; Wine at Sunset" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • 8 Mar 2025 • Event</p>
<h3 class="post-title">Paint &amp; Wine at Sunset</h3>
<p class="post-excerpt">Paint, wine, and music brought students together in Gorizia for the first MSOS Nova Gorica event.</p>
</div>
</a>
</article>
<!-- Project: In Memory of Frosina Kulakova -->
<article class="post-card" data-category="events">
<a href="in-memory-of-frosina-kulakova/" class="post-link">
<img src="../../images/frosina-1.png" alt="In Memory of Frosina Kulakova" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • 8 Feb 2025 • Event</p>
<h3 class="post-title">In Memory of Frosina Kulakova</h3>
<p class="post-excerpt">Macedonian students in Ljubljana gathered in candlelight to honor Frosinas memory.</p>
</div>
</a>
</article>
<!-- Project: Watching Handball Together in Slovenia -->
<article class="post-card" data-category="events" data-subcategory="sports">
<a href="watching-handball-together-in-slovenia/" class="post-link">
<img src="../../images/handball-2025-1.png" alt="Watching Handball Together in Slovenia" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • 25 Jan 2025 • Event</p>
<h3 class="post-title">Watching Handball Together in Slovenia</h3>
<p class="post-excerpt">From Ljubljana to Maribor, students filled cafés with flags, chants, and laughter for the national team.</p>
</div>
</a>
</article>
<!-- Project: Meet Student Slovenia 2024 --> <!-- Project: Meet Student Slovenia 2024 -->
<article class="post-card"> <article class="post-card" data-category="events" data-subcategory="educational">
<a href="meet-student-slovenia-2024/" class="post-link"> <a href="meet-student-slovenia-2024/" class="post-link">
<img src="../../images/event4-img-1.webp" alt="A group of students at the 'Meet Student Slovenia 2024' event" class="post-image"> <img src="../../images/event4-img-1.webp" alt="A group of students at the 'Meet Student Slovenia 2024' event" class="post-image">
<div class="post-content"> <div class="post-content">
@ -205,7 +278,7 @@
</a> </a>
</article> </article>
<!-- Project: Morning Coffee in front of CTK 2024 --> <!-- Project: Morning Coffee in front of CTK 2024 -->
<article class="post-card"> <article class="post-card" data-category="student-life">
<a href="morning-coffee-in-front-of-ctk/" class="post-link"> <a href="morning-coffee-in-front-of-ctk/" class="post-link">
<img src="../../images/event4-image1.webp" alt="Students enjoying coffee and burek in front of CTK library" class="post-image"> <img src="../../images/event4-image1.webp" alt="Students enjoying coffee and burek in front of CTK library" class="post-image">
<div class="post-content"> <div class="post-content">
@ -216,7 +289,7 @@
</a> </a>
</article> </article>
<!-- Project: Meet Student Slovenia 2023 --> <!-- Project: Meet Student Slovenia 2023 -->
<article class="post-card"> <article class="post-card" data-category="events" data-subcategory="educational">
<a href="meet-student-slovenia-2023/" class="post-link"> <a href="meet-student-slovenia-2023/" class="post-link">
<img src="../../images/event3-photo-1.webp" alt="Panel discussion at the 'Meet Student Slovenia 2023' event" class="post-image"> <img src="../../images/event3-photo-1.webp" alt="Panel discussion at the 'Meet Student Slovenia 2023' event" class="post-image">
<div class="post-content"> <div class="post-content">
@ -227,7 +300,7 @@
</a> </a>
</article> </article>
<!-- Project: Macedonian Student Night --> <!-- Project: Macedonian Student Night -->
<article class="post-card"> <article class="post-card" data-category="events" data-subcategory="entertainment">
<a href="macedonian-student-night-in-ljubljana/" class="post-link"> <a href="macedonian-student-night-in-ljubljana/" class="post-link">
<img src="../../images/msnl-1.webp" alt="Atmosphere from the Macedonian Student Night in Ljubljana" class="post-image"> <img src="../../images/msnl-1.webp" alt="Atmosphere from the Macedonian Student Night in Ljubljana" class="post-image">
<div class="post-content"> <div class="post-content">
@ -237,30 +310,10 @@
</div> </div>
</a> </a>
</article> </article>
<!-- Placeholder Project 1 -->
<article class="post-card">
<a href="testproject/" class="post-link">
<img src="../../images/4-billwalsh.webp" alt="Pink and blue tinted image of a snowy mountain peak" class="post-image">
<div class="post-content">
<p class="post-meta">Alec Whitten • 17 Jan 2022 • Public announcement</p>
<h3 class="post-title">Bill Walsh leadership lessons</h3>
<p class="post-excerpt">Like to know the secrets of transforming a 2-14 team into a 3x Super Bowl winning Dynasty?</p>
</div>
</a>
</article>
<!-- Placeholder Project 2 -->
<article class="post-card">
<a href="testproject/" class="post-link">
<img src="../../images/5-pmmentals.webp" alt="A woman presenting in front of a whiteboard with sticky notes to a team" class="post-image">
<div class="post-content">
<p class="post-meta">Demi Wilkinson • 16 Jan 2022 • Student life</p>
<h3 class="post-title">PM mental models</h3>
<p class="post-excerpt">Mental models are simple expressions of complex processes or relationships.</p>
</div>
</a>
</article>
</div> </div>
<p class="filter-empty" hidden>No projects match this filter yet.</p>
<!-- Pagination --> <!-- Pagination -->
<nav class="pagination"> <nav class="pagination">
<a href="#" class="pagination-arrow"><i class="fas fa-arrow-left"></i> Previous</a> <a href="#" class="pagination-arrow"><i class="fas fa-arrow-left"></i> Previous</a>

View File

@ -58,8 +58,8 @@
<li><a href="#">Student Welcome Guide</a></li> <li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li> <li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li> <li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li> <li><a href="../../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li> <li><a href="../../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul> </ul>
</li> </li>
<li class="menu-item menu-item-has-children"> <li class="menu-item menu-item-has-children">
@ -130,8 +130,8 @@
<li><a href="#">Student Welcome Guide</a></li> <li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li> <li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li> <li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li> <li><a href="../../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li> <li><a href="../../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul> </ul>
</li> </li>
<li class="menu-item menu-item-has-children"> <li class="menu-item menu-item-has-children">

View File

@ -58,8 +58,8 @@
<li><a href="#">Student Welcome Guide</a></li> <li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li> <li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li> <li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li> <li><a href="../../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li> <li><a href="../../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul> </ul>
</li> </li>
<li class="menu-item menu-item-has-children"> <li class="menu-item menu-item-has-children">
@ -130,8 +130,8 @@
<li><a href="#">Student Welcome Guide</a></li> <li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li> <li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li> <li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li> <li><a href="../../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li> <li><a href="../../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul> </ul>
</li> </li>
<li class="menu-item menu-item-has-children"> <li class="menu-item menu-item-has-children">

View File

@ -58,8 +58,8 @@
<li><a href="#">Student Welcome Guide</a></li> <li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li> <li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li> <li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li> <li><a href="../../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li> <li><a href="../../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul> </ul>
</li> </li>
<li class="menu-item menu-item-has-children"> <li class="menu-item menu-item-has-children">
@ -130,8 +130,8 @@
<li><a href="#">Student Welcome Guide</a></li> <li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li> <li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li> <li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li> <li><a href="../../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li> <li><a href="../../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul> </ul>
</li> </li>
<li class="menu-item menu-item-has-children"> <li class="menu-item menu-item-has-children">

View File

@ -58,8 +58,8 @@
<li><a href="#">Student Welcome Guide</a></li> <li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li> <li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li> <li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li> <li><a href="../../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li> <li><a href="../../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul> </ul>
</li> </li>
<li class="menu-item menu-item-has-children"> <li class="menu-item menu-item-has-children">
@ -130,8 +130,8 @@
<li><a href="#">Student Welcome Guide</a></li> <li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li> <li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li> <li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li> <li><a href="../../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li> <li><a href="../../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul> </ul>
</li> </li>
<li class="menu-item menu-item-has-children"> <li class="menu-item menu-item-has-children">

View File

@ -58,8 +58,8 @@
<li><a href="#">Student Welcome Guide</a></li> <li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li> <li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li> <li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li> <li><a href="../../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li> <li><a href="../../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul> </ul>
</li> </li>
<li class="menu-item menu-item-has-children"> <li class="menu-item menu-item-has-children">
@ -130,8 +130,8 @@
<li><a href="#">Student Welcome Guide</a></li> <li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li> <li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li> <li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li> <li><a href="../../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li> <li><a href="../../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul> </ul>
</li> </li>
<li class="menu-item menu-item-has-children"> <li class="menu-item menu-item-has-children">

View File

@ -0,0 +1,307 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Paint &amp; Wine at Sunset, Celebrating Womens Day with Art &amp; Music - 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">&times;</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">
<p class="article-publish-date">Published on March 8, 2025</p>
<h1>Paint &amp; Wine at Sunset, Celebrating Womens Day with Art &amp; Music</h1>
<p class="article-subtitle">Paint, wine, and music brought students together in Gorizia to celebrate Womens Day and mark the first MSOS Nova Gorica event.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/paint-wine-1.jpg" alt="Paint &amp; Wine at Sunset event in Gorizia">
</figure>
<div class="article-body">
<p>On International Womens Day, the MSOS Nova Gorica team hosted its very first local event in collaboration with the Macedonian Cultural Association "Ohridski Biseri". Students from Ljubljana, Nova Gorica, and the surrounding region crossed the border into Gorizia, Italy, for an evening of painting, wine, and music.</p>
<figure class="article-inline-image">
<img src="../../../images/paint-wine-2.png" alt="Students painting during the Paint &amp; Wine evening">
</figure>
<h2>A first for MSOS Nova Gorica</h2>
<p>This was more than just an event. It was the first official activity organized by our new MSOS Nova Gorica team. With support from the Macedonian Cultural Association "Ohridski Biseri", we transformed the cozy venue Etnoteca Mama Angela into a space filled with creativity and laughter.</p>
<figure class="article-inline-image">
<img src="../../../images/paint-wine-3.jpg" alt="The cozy venue Etnoteca Mama Angela">
</figure>
<h2>Art, music, and togetherness</h2>
<p>The concept was simple but powerful: a Paint &amp; Wine Night where anyone could sit down with a canvas, brushes, and a glass of wine, and let inspiration take over. No prior painting experience was needed. Some chose to create symbolic pieces honoring women, others painted freely from the heart.</p>
<p>A live DJ set gave the evening a vibrant rhythm, turning it into more than just a workshop. It became a celebration. Between brushstrokes and beats, students connected, shared stories, and enjoyed an atmosphere that was both creative and festive.</p>
<figure class="article-inline-image">
<img src="../../../images/paint-wine-4.png" alt="Canvases filling with color as students paint">
</figure>
<figure class="article-inline-image">
<img src="../../../images/paint-wine-5.png" alt="Students enjoying wine and music together">
</figure>
<h2>Why it mattered</h2>
<p>Held on March 8, International Womens Day, the event carried a deeper meaning. It was a chance to celebrate and appreciate women, not only through words but through art. The paintings that came out of the night were diverse, personal, and full of color, much like the student community itself.</p>
<p>To capture the spirit of the night, we created an aftermovie, which you can watch below.</p>
<div class="video-responsive">
<iframe src="https://www.youtube.com/embed/xGN3-6hnfE4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<figure class="article-inline-image">
<img src="../../../images/paint-wine-6.png" alt="Finished paintings on display">
</figure>
<figure class="article-inline-image">
<img src="../../../images/paint-wine-7.png" alt="The group enjoying the celebration">
</figure>
<h2>Looking ahead</h2>
<p>Paint &amp; Wine Night showed that MSOS Nova Gorica is ready to bring fresh ideas and energy to our student family. From wine glasses clinking to canvases filling with color, the night left everyone with memories and a few paint-stained fingers, that will not be forgotten.</p>
<figure class="article-inline-image">
<img src="../../../images/paint-wine-8.png" alt="A memory from the Paint &amp; Wine evening">
</figure>
<figure class="article-inline-image">
<img src="../../../images/paint-wine-9.jpg" alt="The MSOS Nova Gorica community at sunset">
</figure>
</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>

View File

@ -1,9 +1,9 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="sl"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Macedonian Student Night in Ljubljana - MSOS</title> <title>Cheering for Macedonia, Watching Handball Together in Slovenia - MSOS</title>
<!-- Google Fonts --> <!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
@ -13,8 +13,8 @@
<!-- Font Awesome (for icons) --> <!-- Font Awesome (for icons) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Povezava na novo glavno CSS datoteko --> <!-- Correct path to the main CSS file -->
<link rel="stylesheet" href="../../css/main.css"> <link rel="stylesheet" href="../../../css/main.css">
</head> </head>
<body> <body>
@ -34,7 +34,7 @@
<a href="#">Who We Are</a> <a href="#">Who We Are</a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li> <li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
<li><a href="../../../en/about-us/">Our team, mission, vision & core values</a></li> <li><a href="../../../en/about-us/">Our team</a></li>
</ul> </ul>
</li> </li>
<li class="menu-item menu-item-has-children"> <li class="menu-item menu-item-has-children">
@ -58,8 +58,8 @@
<li><a href="#">Student Welcome Guide</a></li> <li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li> <li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li> <li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li> <li><a href="../../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li> <li><a href="../../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul> </ul>
</li> </li>
<li class="menu-item menu-item-has-children"> <li class="menu-item menu-item-has-children">
@ -106,7 +106,7 @@
<a href="#">Who We Are</a> <a href="#">Who We Are</a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li> <li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
<li><a href="../../../en/about-us/">Our team, mission, vision & core values</a></li> <li><a href="../../../en/about-us/">Our team</a></li>
</ul> </ul>
</li> </li>
<li class="menu-item menu-item-has-children"> <li class="menu-item menu-item-has-children">
@ -130,8 +130,8 @@
<li><a href="#">Student Welcome Guide</a></li> <li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li> <li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li> <li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li> <li><a href="../../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li> <li><a href="../../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul> </ul>
</li> </li>
<li class="menu-item menu-item-has-children"> <li class="menu-item menu-item-has-children">
@ -176,118 +176,66 @@
<main class="article-page"> <main class="article-page">
<article class="article-container"> <article class="article-container">
<header class="article-header"> <header class="article-header">
<p class="article-publish-date">Published on October 8, 2022</p> <p class="article-publish-date">Published on January 25, 2025</p>
<h1>Macedonian Student Night in Ljubljana</h1> <h1>Cheering for Macedonia, Watching Handball Together in Slovenia</h1>
<p class="article-subtitle">From an idea to a party with 500 students that's how our story began!</p> <p class="article-subtitle">From Ljubljana to Maribor, Macedonian students filled cafés with chants, flags, and laughter while watching the national handball team.</p>
</header> </header>
<figure class="article-main-image"> <figure class="article-main-image">
<img src="../../images/msnl-1.webp" alt="Atmosphere from the Macedonian Student Night in Ljubljana"> <img src="../../../images/handball-2025-1.png" alt="Fan atmosphere while watching handball in Maribor">
</figure> </figure>
<div class="article-body"> <div class="article-body">
<p>On October 8, 2022, in the heart of the Student Campus in Ljubljana, the first Macedonian Student Night in Slovenia took place. Under the motto #FeelsLikeHome, more than 500 young people enjoyed Macedonian music, delicious traditional food, and an atmosphere that felt like home. This event was not just a party it was the beginning of a new story, which would later grow into the Macedonian Student Organization in Slovenia (MSOS).</p> <p>In January 2025, Macedonian students in Ljubljana and Maribor turned cafés into fan zones, gathering to cheer, sing, and share the thrill of handball, proving that even far from home, the spirit of Macedonia lives loud.</p>
<h2>How an idea for socializing became the start of a movement</h2>
<p>It all began with a simple wish to gather, get to know each other, and feel Macedonia, even though we were far from it. Kristijan Popovski, then a student at the School of Economics and Business in Ljubljana, shared his idea with a few colleagues, and the response was incredible. In less than two weeks, over 40 students joined the organizing team. Everyone contributed their enthusiasm and time, and the shared spirit and desire to connect turned this spontaneous initiative into an event we would remember for a long time.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-2.webp" alt="Preparations and meetings for the Macedonian Student Night">
<figcaption>Photos from the preparations and meetings for organizing the Macedonian Student Night.</figcaption>
</figure>
<p>From that moment on, we spent every free moment in the offices of the student organization <strong>Povezani</strong>, which gave us great support in organizing. Days and nights were spent planning, holding meetings, and writing social media posts all with the goal of creating an event that we initially thought would attract, if we were lucky, about 100 visitors.</p>
<p>A week before the event, we posted interesting facts about Macedonia every day its national treasures, music, and culture. Slowly but surely, we built the atmosphere and excitement, not only among Macedonian students but also among many others who wanted to feel our energy.</p>
<figure class="article-inline-image"> <figure class="article-inline-image">
<img src="../../images/msnl-3.webp" alt="Poster where Slovenians learn the Macedonian alphabet"> <img src="../../../images/handball-2025-2.png" alt="A snapshot of the fan atmosphere in Maribor.">
<figcaption>Poster with Cyrillic and Latin letters. Slovenians are learning the Macedonian alphabet, while Macedonians are teaching them.</figcaption> <figcaption>A snapshot of the fan atmosphere in Maribor.</figcaption>
</figure> </figure>
<blockquote class="article-quote"> <h2>Two cities, one spirit</h2>
<p>“Organizing the first MSOS party was a one-of-a-kind experience sleepless, ambitious, and involved in everything from logistics to mopping the floor... Thank goodness for Red Bull 😉 (P.S. We drank the entire fridge supply!)”</p>
<footer>— Marko - first-year student (at the time)</footer>
</blockquote>
<h2>The taste and smell of Macedonia in the heart of Ljubljana</h2> <p>This winter, the World Handball Championship brought more than just matches on screen. It brought Macedonian students together. In Ljubljana, the initiative came from a student, Ljuben Najdovski, who suggested that MSOS host a group watch of the match against Guinea held on January 19, 2025. With quick organization and support from the local café Lepa Žoga, a space was reserved, sign-ups were collected, and soon enough 25 students filled the place with flags, chants, and laughter.</p>
<p>The party started at 8:00 PM and was designed in two parts. The first part was a real gastronomic and cultural journey through Macedonia. Students could try bread with ajvar and white cheese, Macedonian wine, tasty snacks, and traditional drinks. The tables were also filled with other authentic products that reminded everyone of home. All these flavors and aromas were made possible thanks to the support of the Macedonian products store <strong>“Makedonija Trade,”</strong> which selflessly contributed to making this part of the evening truly enjoyable.</p>
<figure class="article-inline-image"> <figure class="article-inline-image">
<img src="../../images/msnl-4.webp" alt="Stands with Macedonian symbols, food, and drinks"> <img src="../../../images/handball-2025-3.png" alt="Fans gathered at the Ljubljana base to cheer for Macedonia together.">
<figcaption>Photos of the stands with Macedonian symbols, traditional food, and drinks.</figcaption> <figcaption>Fans gathered at the Ljubljana base to cheer for Macedonia together.</figcaption>
</figure> </figure>
<p>In addition to the food, visitors could explore interesting facts about the country, photos of famous Macedonian figures and cultural landmarks, and see traditional costumes and a <strong>gaida</strong> up close. The atmosphere was warm and full of curiosity like a small exhibition within a large student party.</p> <p>Just a week later, the energy carried over to Maribor, where the local MSOS team set up their own fan gathering for the match against France held on January 25, 2025. Hosted at café CLC in the city center, the event welcomed 35 students and friends, complete with snacks, music, and a proper fan atmosphere. Even though the result on the scoreboard was not in Macedonias favor, the night ended in celebration, with new friendships and even an after-gathering that lasted long beyond the final whistle.</p>
<figure class="article-inline-image"> <figure class="article-inline-image">
<img src="../../images/msnl-5.webp" alt="Mini quiz about Macedonia"> <img src="../../../images/handball-2025-4.png" alt="Fans gathered at the Maribor base to cheer for Macedonia together.">
<figcaption>Mini quiz with questions about Macedonia, where students in one part of the club are competing.</figcaption> <figcaption>Fans gathered at the Maribor base to cheer for Macedonia together.</figcaption>
</figure> </figure>
<h2>Support from the Macedonian community and diplomacy</h2> <h2>More than just watching the game</h2>
<p>The evening was enriched by the presence of important guests from the Macedonian community in Slovenia. <strong>The President of the Union of Macedonian Cultural Associations in Slovenia, Mr. Blagoja Nasteski</strong>, joined the event, confirming the importance of such initiatives for preserving the Macedonian spirit and tradition in the diaspora.</p>
<p>What made these events special was not only the sport. It was the way students created a piece of home abroad: waving flags, sharing drinks, shouting "Ајде Македонија!" at the screen, and laughing together at missed shots or brilliant saves. For newcomers, it was a chance to instantly feel part of a community. For others, it was a reminder that even hundreds of kilometers from home, they were not cheering alone.</p>
<figure class="article-inline-image"> <figure class="article-inline-image">
<img src="../../images/msnl-6.webp" alt="Kristijan and Bisera with Ambassador Zelenkovska and Mr. Nasteski"> <img src="../../../images/handball-2025-5.png" alt="Two of our MSOS Maribor organizers enjoying the evening at the fan event.">
<figcaption>Kristijan and Bisera together with Ambassador Zelenkovska and the President of the Union of Macedonian Associations, Mr. Nasteski</figcaption> <figcaption>Two of our MSOS Maribor organizers enjoying the evening at the fan event.</figcaption>
</figure> </figure>
<p>We were especially honored to <strong>welcome the Ambassador of North Macedonia to Slovenia, Mrs. Suzana Zelenkovska</strong>, who gave warm words of encouragement and support to the youth. Her presence and interest in the event were an additional motivation to continue our mission of connecting and promoting the Macedonian student community.</p> <h2>A new tradition in the making</h2>
<p>The party had great energy spreading everywhere at one point there was a small but controlled chaos. Even though the event ended slightly earlier than planned, the students kept singing together for another hour while we were cleaning up the place. Truly, a night to remember!</p>
<blockquote class="article-quote">
<p>“I was part of the organizing team and was supposed to maintain order among the students, but when they played the song 'Biser Balkanski,' I couldn't resist so I joined in as well... That was my special moment that night!”</p>
<footer>— Hristijan - second-year student (at the time)</footer>
</blockquote>
<h2>A beginning to remember</h2> <p>From Ljubljana to Maribor, these watch parties showed that supporting the national team can be more than sports. It is a way to build friendships, strengthen community, and carry a piece of Macedonia wherever we go. With each match, the energy grows, and one thing is certain: these gatherings will continue to be part of the MSOS story.</p>
<p>That night wasn't just another student party it was the moment we realized we had started something bigger. Instead of the expected 100 guests, about <strong>500 students</strong> came to the club, and the energy was incredible. New friendships were made, songs were sung from the heart, and Macedonian culture and tradition took center stage for the entire evening.</p>
<p>This night laid the foundation for the Macedonian Student Organization in Slovenia and showed us that with enthusiasm, unity, and a bit of courage, it's possible to create something that brings people together and gives them a sense of home even when they are far away from it.</p>
<figure class="article-inline-image"> <figure class="article-inline-image">
<img src="../../images/msnl-7.webp" alt="The dedicated team of volunteers after cleaning up the venue"> <img src="../../../images/handball-2025-6.png" alt="A snapshot of our team in Maribor.">
<figcaption>Photo taken at 4:00 a.m., after finishing and cleaning up the venue together with the dedicated team of volunteers</figcaption> <figcaption>A snapshot of our team in Maribor.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/handball-2025-7.png" alt="A snapshot of our team in Ljubljana.">
<figcaption>A snapshot of our team in Ljubljana.</figcaption>
</figure> </figure>
</div> </div>
<footer class="article-footer">
<hr>
<div class="author-share-section">
<div class="author-details">
<img src="../../images/11-boy.webp" alt="Avatar of Kristijan Popovski">
<div class="author-text">
<p class="author-name">Kristijan Popovski</p>
<p class="author-title">President and Founder</p>
</div>
</div>
<div class="share-buttons">
<button class="btn btn-secondary"><i class="fas fa-link"></i> Copy link</button>
<a href="#" class="social-icon-btn" aria-label="Share on Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" class="social-icon-btn" aria-label="Share on Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="social-icon-btn" aria-label="Share on LinkedIn"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</footer>
</article> </article>
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
<h2>Join 2,000+ subscribers</h2>
<p>Stay in the loop with everything you need to know.</p>
<form class="subscribe-form-bottom">
<div class="input-wrapper">
<input type="email" placeholder="Enter your email">
</div>
<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>
</div>
</section>
</main> </main>
<!-- START_FOOTER --> <!-- START_FOOTER -->
<footer> <footer>
<div class="footer-container"> <div class="footer-container">
<div class="footer-main"> <div class="footer-main">
@ -330,7 +278,7 @@
</div> </div>
<hr> <hr>
<div class="footer-bottom"> <div class="footer-bottom">
<p>© MSOS org 2023 All rights reserved.</p> <p>© MSOS org 2025 All rights reserved.</p>
<div class="legal-links"> <div class="legal-links">
<a href="#">Privacy policy</a> <a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a> <a href="#">Cookie Policy</a>
@ -342,6 +290,6 @@
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body> </body>
</html> </html>

View File

@ -58,8 +58,8 @@
<li><a href="#">Student Welcome Guide</a></li> <li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li> <li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li> <li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li> <li><a href="../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li> <li><a href="../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul> </ul>
</li> </li>
<li class="menu-item menu-item-has-children"> <li class="menu-item menu-item-has-children">
@ -130,8 +130,8 @@
<li><a href="#">Student Welcome Guide</a></li> <li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li> <li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li> <li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li> <li><a href="../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li> <li><a href="../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul> </ul>
</li> </li>
<li class="menu-item menu-item-has-children"> <li class="menu-item menu-item-has-children">

BIN
images/frosina-1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 451 KiB

BIN
images/frosina-2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 692 KiB

BIN
images/frosina-3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 569 KiB

BIN
images/handball-2025-1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 644 KiB

BIN
images/handball-2025-2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 613 KiB

BIN
images/handball-2025-3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 570 KiB

BIN
images/handball-2025-4.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 648 KiB

BIN
images/handball-2025-5.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 657 KiB

BIN
images/handball-2025-6.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 648 KiB

BIN
images/handball-2025-7.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 296 KiB

BIN
images/kochani-1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 199 KiB

BIN
images/kochani-2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 205 KiB

BIN
images/kochani-3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 348 KiB

BIN
images/kochani-4.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 146 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 241 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 316 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 162 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 252 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 223 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 156 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 71 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 61 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 209 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 300 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 126 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 352 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 210 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 276 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 120 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 164 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 240 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 240 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 144 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 744 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 845 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 779 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 583 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 669 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 781 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 833 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 864 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 711 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 748 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 257 KiB

BIN
images/paint-wine-1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 178 KiB

BIN
images/paint-wine-2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 778 KiB

BIN
images/paint-wine-3.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 204 KiB

BIN
images/paint-wine-4.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 765 KiB

BIN
images/paint-wine-5.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 529 KiB

BIN
images/paint-wine-6.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 758 KiB

BIN
images/paint-wine-7.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 657 KiB

BIN
images/paint-wine-8.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 782 KiB

BIN
images/paint-wine-9.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 258 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 141 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 405 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 186 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 116 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 121 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 297 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 99 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 316 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 288 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 107 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 418 KiB

Some files were not shown because too many files have changed in this diff Show More