mark
/
msos
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

kristijan-dev #2

Merged
popovskik merged 5 commits from kristijan-dev into develop 2026-07-29 11:40:52 +00:00
Conversation 0 Commits 5 Files Changed 166 +4309 -657
54 changed files with 4309 additions and 657 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 69a9011b0e - Show all commits

213
docs/get-to-know-pages-handover.md Normal file
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.*

153
en/projects/testproject/index.html → en/projects/humanitarian-tournament-in-maribor/index.html
View File

@ -1,9 +1,9 @@
<!DOCTYPE html>
<html lang="sl">
<html lang="en">
<head>
<meta charset="UTF-8">
<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 -->
<link rel="preconnect" href="https://fonts.googleapis.com">
@ -13,8 +13,8 @@
<!-- 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" />
<!-- Povezava na novo glavno CSS datoteko -->
<link rel="stylesheet" href="../../css/main.css">
<!-- Correct path to the main CSS file -->
<link rel="stylesheet" href="../../../css/main.css">
</head>
<body>
@ -176,118 +176,95 @@
<main class="article-page">
<article class="article-container">
<header class="article-header">
<p class="article-publish-date">Published on October 8, 2022</p>
<h1>Macedonian Student Night in Ljubljana</h1>
<p class="article-subtitle">From an idea to a party with 500 students – that's how our story began!</p>
<p class="article-publish-date">Published on April 5, 2025</p>
<h1>Humanitarian Sports Tournament: Playing with Heart, Together for Kočani</h1>
<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>
<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>
<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>
<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>
<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>
<figure class="article-inline-image">
<img src="../../images/msnl-3.webp" alt="Poster where Slovenians learn the Macedonian alphabet">
<figcaption>Poster with Cyrillic and Latin letters. Slovenians are learning the Macedonian alphabet, while Macedonians are teaching them.</figcaption>
<img src="../../../images/maribor-tournament-2.png" alt="A snapshot of the MSOS Maribor team.">
<figcaption>A snapshot of the MSOS Maribor team.</figcaption>
</figure>
<blockquote class="article-quote">
<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>A day full of energy</h2>
<h2>The taste and smell of Macedonia in the heart of Ljubljana</h2>
<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>
<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>
<figure class="article-inline-image">
<img src="../../images/msnl-4.webp" alt="Stands with Macedonian symbols, food, and drinks">
<figcaption>Photos of the stands with Macedonian symbols, traditional food, and drinks.</figcaption>
<img src="../../../images/maribor-tournament-3.png" alt="Teams lined up and ready for the start of the tournament.">
<figcaption>Teams lined up and ready for the start of the tournament.</figcaption>
</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">
<img src="../../images/msnl-5.webp" alt="Mini quiz about Macedonia">
<figcaption>Mini quiz with questions about Macedonia, where students in one part of the club are competing.</figcaption>
<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>Students giving their all on the futsal court, turning competition into energy, laughter, and unforgettable moments.</figcaption>
</figure>
<h2>Support from the Macedonian community and diplomacy</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>
<h2>More than just a tournament</h2>
<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">
<img src="../../images/msnl-6.webp" alt="Kristijan and Bisera with Ambassador Zelenkovska and Mr. Nasteski">
<figcaption>Kristijan and Bisera together with Ambassador Zelenkovska and the President of the Union of Macedonian Associations, Mr. Nasteski</figcaption>
<img src="../../../images/maribor-tournament-5.png" alt="When victory means more than a game, lifted high by the team.">
<figcaption>When victory means more than a game, lifted high by the team.</figcaption>
</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>
<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>
<figure class="article-inline-image">
<img src="../../../images/maribor-tournament-6.png" alt="Warming up before the basketball games, both men’s and women’s teams getting ready for action.">
<figcaption>Warming up before the basketball games, both men’s and women’s teams getting ready for action.</figcaption>
</figure>
<h2>A beginning to remember</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>
<h2>The humanitarian impact</h2>
<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">
<img src="../../images/msnl-7.webp" alt="The dedicated team of volunteers after cleaning up the venue">
<figcaption>Photo taken at 4:00 a.m., after finishing and cleaning up the venue together with the dedicated team of volunteers</figcaption>
<img src="../../../images/maribor-tournament-7.png" alt="High-fives, trophies, and smiles, celebrating victory on and off the court.">
<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>
</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>
<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>
<!-- START_FOOTER -->
<!-- START_FOOTER -->
<footer>
<div class="footer-container">
<div class="footer-main">
@ -342,6 +319,6 @@
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
</html>
</html>

273
en/projects/in-memory-of-frosina-kulakova/index.html Normal file
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="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North 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="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North 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 Frosina’s 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>Frosina’s 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>

283
en/projects/in-memory-of-the-kochani-victims/index.html Normal file
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="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North 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="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North 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>

77
en/projects/index.html
View File

@ -211,6 +211,61 @@
<div class="container column-layout">
<h2>All our projects</h2>
<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 Frosina’s 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 -->
<article class="post-card" data-category="events" data-subcategory="educational">
<a href="meet-student-slovenia-2024/" class="post-link">
@ -255,28 +310,6 @@
</div>
</a>
</article>
<!-- Placeholder Project 1 -->
<article class="post-card" data-category="projects">
<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" data-category="student-life">
<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>
<p class="filter-empty" hidden>No projects match this filter yet.</p>

307
en/projects/paint-and-wine-at-sunset/index.html Normal file
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 Women’s 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="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North 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="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North 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 Women’s Day with Art &amp; Music</h1>
<p class="article-subtitle">Paint, wine, and music brought students together in Gorizia to celebrate Women’s 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 Women’s 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 Women’s 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>

130
en/projects/testproject/index.html.bak → en/projects/watching-handball-together-in-slovenia/index.html
View File

@ -1,9 +1,9 @@
<!DOCTYPE html>
<html lang="sl">
<html lang="en">
<head>
<meta charset="UTF-8">
<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 -->
<link rel="preconnect" href="https://fonts.googleapis.com">
@ -13,8 +13,8 @@
<!-- 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" />
<!-- Povezava na novo glavno CSS datoteko -->
<link rel="stylesheet" href="../../css/main.css">
<!-- Correct path to the main CSS file -->
<link rel="stylesheet" href="../../../css/main.css">
</head>
<body>
@ -34,7 +34,7 @@
<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, mission, vision & core values</a></li>
<li><a href="../../../en/about-us/">Our team</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
@ -106,7 +106,7 @@
<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, mission, vision & core values</a></li>
<li><a href="../../../en/about-us/">Our team</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
@ -176,118 +176,66 @@
<main class="article-page">
<article class="article-container">
<header class="article-header">
<p class="article-publish-date">Published on October 8, 2022</p>
<h1>Macedonian Student Night in Ljubljana</h1>
<p class="article-subtitle">From an idea to a party with 500 students – that's how our story began!</p>
<p class="article-publish-date">Published on January 25, 2025</p>
<h1>Cheering for Macedonia, Watching Handball Together in Slovenia</h1>
<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>
<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>
<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>
<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>
<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>
<figure class="article-inline-image">
<img src="../../images/msnl-3.webp" alt="Poster where Slovenians learn the Macedonian alphabet">
<figcaption>Poster with Cyrillic and Latin letters. Slovenians are learning the Macedonian alphabet, while Macedonians are teaching them.</figcaption>
<img src="../../../images/handball-2025-2.png" alt="A snapshot of the fan atmosphere in Maribor.">
<figcaption>A snapshot of the fan atmosphere in Maribor.</figcaption>
</figure>
<blockquote class="article-quote">
<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>Two cities, one spirit</h2>
<h2>The taste and smell of Macedonia in the heart of Ljubljana</h2>
<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>
<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>
<figure class="article-inline-image">
<img src="../../images/msnl-4.webp" alt="Stands with Macedonian symbols, food, and drinks">
<figcaption>Photos of the stands with Macedonian symbols, traditional food, and drinks.</figcaption>
<img src="../../../images/handball-2025-3.png" alt="Fans gathered at the Ljubljana base to cheer for Macedonia together.">
<figcaption>Fans gathered at the Ljubljana base to cheer for Macedonia together.</figcaption>
</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 Macedonia’s 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">
<img src="../../images/msnl-5.webp" alt="Mini quiz about Macedonia">
<figcaption>Mini quiz with questions about Macedonia, where students in one part of the club are competing.</figcaption>
<img src="../../../images/handball-2025-4.png" alt="Fans gathered at the Maribor base to cheer for Macedonia together.">
<figcaption>Fans gathered at the Maribor base to cheer for Macedonia together.</figcaption>
</figure>
<h2>Support from the Macedonian community and diplomacy</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>
<h2>More than just watching the game</h2>
<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">
<img src="../../images/msnl-6.webp" alt="Kristijan and Bisera with Ambassador Zelenkovska and Mr. Nasteski">
<figcaption>Kristijan and Bisera together with Ambassador Zelenkovska and the President of the Union of Macedonian Associations, Mr. Nasteski</figcaption>
<img src="../../../images/handball-2025-5.png" alt="Two of our MSOS Maribor organizers enjoying the evening at the fan event.">
<figcaption>Two of our MSOS Maribor organizers enjoying the evening at the fan event.</figcaption>
</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>
<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 new tradition in the making</h2>
<h2>A beginning to remember</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>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>
<figure class="article-inline-image">
<img src="../../images/msnl-7.webp" alt="The dedicated team of volunteers after cleaning up the venue">
<figcaption>Photo taken at 4:00 a.m., after finishing and cleaning up the venue together with the dedicated team of volunteers</figcaption>
<img src="../../../images/handball-2025-6.png" alt="A snapshot of our team in Maribor.">
<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>
</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>
<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>
<!-- START_FOOTER -->
<!-- START_FOOTER -->
<footer>
<div class="footer-container">
<div class="footer-main">
@ -330,7 +278,7 @@
</div>
<hr>
<div class="footer-bottom">
<p>© MSOS org 2023 All rights reserved.</p>
<p>© MSOS org 2025 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
@ -342,6 +290,6 @@
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
</html>
</html>

BIN
images/frosina-1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 451 KiB

BIN
images/frosina-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 692 KiB

BIN
images/frosina-3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 569 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 644 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 613 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 570 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 648 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 657 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 648 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 296 KiB

BIN
images/kochani-1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 199 KiB

BIN
images/kochani-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 205 KiB

BIN
images/kochani-3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 348 KiB

BIN
images/kochani-4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 146 KiB

BIN
images/maribor-tournament-1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 744 KiB

BIN
images/maribor-tournament-10.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 845 KiB

BIN
images/maribor-tournament-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 779 KiB

BIN
images/maribor-tournament-3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 583 KiB

BIN
images/maribor-tournament-4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 669 KiB

BIN
images/maribor-tournament-5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 781 KiB

BIN
images/maribor-tournament-6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 833 KiB

BIN
images/maribor-tournament-7.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 864 KiB

BIN
images/maribor-tournament-8.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 711 KiB

BIN
images/maribor-tournament-9.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 748 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 178 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 778 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 204 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 765 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 529 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 758 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 657 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 782 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 258 KiB

324
mk/projects/humanitarian-tournament-in-maribor/index.html Normal file
View File

@ -0,0 +1,324 @@
<!DOCTYPE html>
<html lang="mk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Хуманитарен спортски турнир: Играме со срце, заедно за Кочани - 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" />
<!-- Правилна патека до главната CSS-датотека -->
<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="../../../mk/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" 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="#">За нас</a>
<ul class="dropdown-menu">
<li><a href="#">Времеплов и достигнувања</a></li>
<li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Што работиме</a>
<ul class="dropdown-menu">
<li><a href="../../../mk/projects/">Настани и проекти</a></li>
<li><a href="#">Блог</a></li>
<li><a href="#">Галерија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Вклучи се</a>
<ul class="dropdown-menu">
<li><a href="#">Стани член</a></li>
<li><a href="#">Поддржи ја МСОС</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">За студенти</a>
<ul class="dropdown-menu">
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Соопштенија</a></li>
<li><a href="#">Отворени повици</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">МК</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">Македонски (МК)</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 -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
<li class="menu-item menu-item-has-children">
<a href="#">За нас</a>
<ul class="dropdown-menu">
<li><a href="#">Времеплов и достигнувања</a></li>
<li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Што работиме</a>
<ul class="dropdown-menu">
<li><a href="../../../mk/projects/">Настани и проекти</a></li>
<li><a href="#">Блог</a></li>
<li><a href="#">Галерија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Вклучи се</a>
<ul class="dropdown-menu">
<li><a href="#">Стани член</a></li>
<li><a href="#">Поддржи ја МСОС</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">За студенти</a>
<ul class="dropdown-menu">
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Соопштенија</a></li>
<li><a href="#">Отворени повици</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span>МК</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro na jazik (za mobilni) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Избери јазик</h3>
<button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<p class="article-publish-date">Објавено на 5 април 2025</p>
<h1>Хуманитарен спортски турнир: Играме со срце, заедно за Кочани</h1>
<p class="article-subtitle">Повеќе од 200 студенти се собраа во Марибор и преку спорт собраа 1.000 € за поддршка на семејствата погодени од трагедијата во Кочани.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/maribor-tournament-1.png" alt="Тимот на МСОС Марибор на хуманитарниот спортски турнир">
</figure>
<div class="article-body">
<p>На 5 април 2025 година, МСОС Марибор го организираше првиот хуманитарен спортски турнир во историјата на нашата организација. Идејата дојде сосема природно. По трагичните настани во Кочани, мнозина од нас се чувствуваа беспомошни, но исто така знаевме дека мораме да сториме нешто. Како студенти, можеби не можевме да решиме сè, но можевме да го направиме тоа што најдобро го знаеме: да ги собереме луѓето заедно. Спортот стана совршен начин да ги насочиме нашите емоции и енергија во солидарност.</p>
<figure class="article-inline-image">
<img src="../../../images/maribor-tournament-2.png" alt="Момент од тимот на МСОС Марибор.">
<figcaption>Момент од тимот на МСОС Марибор.</figcaption>
</figure>
<h2>Ден полн со енергија</h2>
<p>Настанот се одржа во спортската сала „Леон Штукељ“, која оживеа со навивање, смеа и звукот на кошаркарските и футсал топки што отскокнуваа по теренот. Уште од самиот почеток се чувствуваше дека ова не беше само за натпревар. Беше за заедницата.</p>
<figure class="article-inline-image">
<img src="../../../images/maribor-tournament-3.png" alt="Тимовите наредени и подготвени за почеток на турнирот.">
<figcaption>Тимовите наредени и подготвени за почеток на турнирот.</figcaption>
</figure>
<p>Добредојдовме на 12 кошаркарски и 4 футсал тимови, составени не само од македонски студенти, туку и од пријатели од Србија, Босна и Херцеговина и Шпанија. Таа мешавина на култури и јазици создаде посебна атмосфера, доказ дека солидарноста не застанува на државните граници. Тимовите се поддржуваа меѓусебно, ривалствата завршуваа со ракување, а секој гол или кош беше како мала победа за целта поради која сите бевме таму.</p>
<figure class="article-inline-image">
<img src="../../../images/maribor-tournament-4.png" alt="Студентите даваат сè од себе на футсал теренот, претворајќи го натпреварот во енергија, смеа и незаборавни моменти.">
<figcaption>Студентите даваат сè од себе на футсал теренот, претворајќи го натпреварот во енергија, смеа и незаборавни моменти.</figcaption>
</figure>
<h2>Повеќе од турнир</h2>
<p>Натпреварите траеја повеќе од шест часа, а атмосферата ниту за момент не стивна. Пријателите дојдоа да ги поддржат своите тимови, музиката ја одржуваше салата жива, а секогаш имаше некој што на новодојдените им ја објаснуваше позадината: „Ова го правиме за Кочани.“ Тој постојан потсетник го претвораше секој освоен поен во нешто поголемо од спорт.</p>
<p>На крајот од турнирот, на победниците им беа доделени симболични награди. Тоа не беа само пехари. Тоа беше начин да ги почестиме сите што го дадоа своето време и енергија за да бидат дел од настанот.</p>
<figure class="article-inline-image">
<img src="../../../images/maribor-tournament-5.png" alt="Кога победата значи повеќе од игра, подигната високо од тимот.">
<figcaption>Кога победата значи повеќе од игра, подигната високо од тимот.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/maribor-tournament-6.png" alt="Загревање пред кошаркарските натпревари, машките и женските тимови се подготвуваат за акција.">
<figcaption>Загревање пред кошаркарските натпревари, машките и женските тимови се подготвуваат за акција.</figcaption>
</figure>
<h2>Хуманитарното влијание</h2>
<p>Најважниот резултат не беше на семафорот, туку во кутијата за донации. Заедно собравме 1.010 €, кои беа поделени меѓу две македонски семејства чии деца се лекуваа во Словенија. Тоа не беа само пари. Тоа беше порака дека не се сами, дека студентската заедница стои со нив во најтешките моменти.</p>
<figure class="article-inline-image">
<img src="../../../images/maribor-tournament-7.png" alt="Плескања, пехари и насмевки, славење на победата на теренот и надвор од него.">
<figcaption>Плескања, пехари и насмевки, славење на победата на теренот и надвор од него.</figcaption>
</figure>
<h2>Зошто беше важно</h2>
<p>За МСОС, овој турнир беше повеќе од еднодневен настан. Покажа дека нашата заедница има сила да одговори на предизвиците со сочувство и дела. Докажавме дека студентскиот живот не е само предавања и испити, ниту само забави и веселба. Може да биде и солидарност, емпатија и хуманост.</p>
<p>И можеби најважно, ова беше само почеток. Со „Играме со срце, заедно за Кочани“ не создадовме само успешна хуманитарна акција. Поставивме темел за традиција што ќе продолжи да нè потсетува дека заедно можеме да направиме разлика.</p>
<figure class="article-inline-image">
<img src="../../../images/maribor-tournament-8.png" alt="Незаборавен момент со организацискиот тим и победничките кошаркарски и футсал екипи.">
<figcaption>Незаборавен момент со организацискиот тим и победничките кошаркарски и футсал екипи.</figcaption>
</figure>
<h2>Благодарности</h2>
<p>Турнирот немаше да биде можен без поддршката на нашите партнери и заедницата. Благодарни сме на Универзитетот во Марибор што бесплатно ја обезбеди целата спортска сала „Леон Штукељ“, на Macedonia Trade што се погрижи за освежувањето и подароците за победничките тимови, и на Radenska што обезбеди вода за сите учесници.</p>
<figure class="article-inline-image">
<img src="../../../images/maribor-tournament-9.png" alt="Благодарност до Macedonia Trade и Radenska за поддршката на турнирот со пијалаци и освежување за играчите.">
<figcaption>Благодарност до Macedonia Trade и Radenska за поддршката на турнирот со пијалаци и освежување за играчите.</figcaption>
</figure>
<p>Голема благодарност оди и до нашиот тим на МСОС Марибор и до волонтерите, кои работеа неуморно за овој настан да стане реалност. И секако, до сите студенти што дојдоа не само како играчи, туку и како навивачи, поддржувачи и пријатели. Нивното навивање, смеа и енергија ја исполнија салата и го претворија турнирот во нешто повеќе од натпревар. Стана момент на единство, солидарност и радост што никој од нас нема да го заборави.</p>
<figure class="article-inline-image">
<img src="../../../images/maribor-tournament-10.png" alt="Тимот на МСОС Марибор слави заедно по успешниот турнир.">
<figcaption>Тимот на МСОС Марибор слави заедно по успешниот турнир.</figcaption>
</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="Лого на Македонска студентска организација во Словенија">
</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>За студенти</h4>
<a href="#">Блог</a>
<a href="#">Галерија</a>
<a href="#">ЧПП</a>
<a href="#">Брошура</a>
</div>
<div class="links-column">
<h4>Проекти</h4>
<a href="#">Претстојни</a>
<a href="#">Претходни</a>
</div>
<div class="links-column">
<h4>Организација</h4>
<a href="#">За нас</a>
<a href="#">Контакт</a>
<a href="#">Документација</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© МСОС орг 2023 Сите права се задржани.</p>
<div class="legal-links">
<a href="#">Политика за приватност</a>
<a href="#">Политика за колачиња</a>
<a href="#">Правни услови</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
</html>

273
mk/projects/in-memory-of-frosina-kulakova/index.html Normal file
View File

@ -0,0 +1,273 @@
<!DOCTYPE html>
<html lang="mk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Во спомен на Фросина Кулакова - 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" />
<!-- Правилна патека до главната CSS-датотека -->
<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="../../../mk/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" 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="#">За нас</a>
<ul class="dropdown-menu">
<li><a href="#">Времеплов и достигнувања</a></li>
<li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Што работиме</a>
<ul class="dropdown-menu">
<li><a href="../../../mk/projects/">Настани и проекти</a></li>
<li><a href="#">Блог</a></li>
<li><a href="#">Галерија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Вклучи се</a>
<ul class="dropdown-menu">
<li><a href="#">Стани член</a></li>
<li><a href="#">Поддржи ја МСОС</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">За студенти</a>
<ul class="dropdown-menu">
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Соопштенија</a></li>
<li><a href="#">Отворени повици</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">МК</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">Македонски (МК)</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 -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
<li class="menu-item menu-item-has-children">
<a href="#">За нас</a>
<ul class="dropdown-menu">
<li><a href="#">Времеплов и достигнувања</a></li>
<li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Што работиме</a>
<ul class="dropdown-menu">
<li><a href="../../../mk/projects/">Настани и проекти</a></li>
<li><a href="#">Блог</a></li>
<li><a href="#">Галерија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Вклучи се</a>
<ul class="dropdown-menu">
<li><a href="#">Стани член</a></li>
<li><a href="#">Поддржи ја МСОС</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">За студенти</a>
<ul class="dropdown-menu">
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Соопштенија</a></li>
<li><a href="#">Отворени повици</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span>МК</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro na jazik (za mobilni) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Избери јазик</h3>
<button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<p class="article-publish-date">Објавено на 8 февруари 2025</p>
<h1>Во спомен на Фросина Кулакова</h1>
<p class="article-subtitle">На 8 февруари 2025 година, македонските студенти во Љубљана се собраа на мирен јавен настан за да ја почестат меморијата на Фросина Кулакова, која трагично го загуби животот во Скопје само неколку дена претходно.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/frosina-1.png" alt="Свеќи и цвеќе во спомен на Фросина Кулакова">
</figure>
<div class="article-body">
<p>Веста за трагичната смрт на Фросина на 29 јануари 2025 година длабоко ги потресе студентите низ Словенија. И покрај тоа што сме далеку од дома, болката беше споделена, а потребата да се собереме заедно беше јасна. Од ова чувство се роди иницијативата да се организира мирен јавен собир во Љубљана, каде младите можеа да се обединат, да запалат свеќи, да остават цвеќе и да посветат момент на тишина во нејзин спомен.</p>
<figure class="article-inline-image">
<img src="../../../images/frosina-2.png" alt="Студенти палат свеќи во спомен на Фросина">
</figure>
<h2>Порака на единство</h2>
<p>Овој собир не беше за политика или критика. Беше за заедништво, хуманост и споделена одговорност. Како студенти во странство, сакавме да покажеме дека ни е грижа, дека помниме и дека се надеваме на подобро утро каде таквите неправди повеќе нема да се случуваат.</p>
<p>Стоејќи рамо до рамо во моменти како овие, учиме дека нашата сила не лежи само во нашите студии и амбиции, туку и во нашата способност да се поддржуваме еден со друг кога тоа најмногу значи.</p>
<figure class="article-inline-image">
<img src="../../../images/frosina-3.png" alt="Цвеќе и свеќи оставени во спомен">
</figure>
<h2>Завршни мисли</h2>
<p>Приказната на Фросина нè потсети на кревкоста на животот и важноста на солидарноста. Благодарни сме им на сите што дојдоа, што запалија свеќа или што едноставно застанаа со нас во тишина.</p>
<p>Како организација, МСОС секогаш ќе се стреми да обезбеди простор каде студентите можат да се соберат, во радост, во борба и во спомен, за да обликуваат заедница што носи и надеж и одговорност за иднината.</p>
<p>Почивај во мир, Фросина. 🕊️🙏🏻</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="Лого на Македонска студентска организација во Словенија">
</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>За студенти</h4>
<a href="#">Блог</a>
<a href="#">Галерија</a>
<a href="#">ЧПП</a>
<a href="#">Брошура</a>
</div>
<div class="links-column">
<h4>Проекти</h4>
<a href="#">Претстојни</a>
<a href="#">Претходни</a>
</div>
<div class="links-column">
<h4>Организација</h4>
<a href="#">За нас</a>
<a href="#">Контакт</a>
<a href="#">Документација</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© МСОС орг 2023 Сите права се задржани.</p>
<div class="legal-links">
<a href="#">Политика за приватност</a>
<a href="#">Политика за колачиња</a>
<a href="#">Правни услови</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
</html>

283
mk/projects/in-memory-of-the-kochani-victims/index.html Normal file
View File

@ -0,0 +1,283 @@
<!DOCTYPE html>
<html lang="mk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Во спомен на жртвите од трагедијата во Кочани - 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" />
<!-- Правилна патека до главната CSS-датотека -->
<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="../../../mk/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" 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="#">За нас</a>
<ul class="dropdown-menu">
<li><a href="#">Времеплов и достигнувања</a></li>
<li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Што работиме</a>
<ul class="dropdown-menu">
<li><a href="../../../mk/projects/">Настани и проекти</a></li>
<li><a href="#">Блог</a></li>
<li><a href="#">Галерија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Вклучи се</a>
<ul class="dropdown-menu">
<li><a href="#">Стани член</a></li>
<li><a href="#">Поддржи ја МСОС</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">За студенти</a>
<ul class="dropdown-menu">
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Соопштенија</a></li>
<li><a href="#">Отворени повици</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">МК</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">Македонски (МК)</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 -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
<li class="menu-item menu-item-has-children">
<a href="#">За нас</a>
<ul class="dropdown-menu">
<li><a href="#">Времеплов и достигнувања</a></li>
<li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Што работиме</a>
<ul class="dropdown-menu">
<li><a href="../../../mk/projects/">Настани и проекти</a></li>
<li><a href="#">Блог</a></li>
<li><a href="#">Галерија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Вклучи се</a>
<ul class="dropdown-menu">
<li><a href="#">Стани член</a></li>
<li><a href="#">Поддржи ја МСОС</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">За студенти</a>
<ul class="dropdown-menu">
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Соопштенија</a></li>
<li><a href="#">Отворени повици</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span>МК</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro na jazik (za mobilni) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Избери јазик</h3>
<button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<p class="article-publish-date">Објавено на 21 март 2025</p>
<h1>Во спомен на жртвите од трагедијата во Кочани</h1>
<p class="article-subtitle">На 21 март 2025 година, повеќе од 600 луѓе се собраа на Конгресниот плоштад во Љубљана на мирен јавен собир за да ги почестат жртвите од трагичниот пожар во Кочани.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/kochani-1.png" alt="Свеќи и цвеќе на Конгресниот плоштад во спомен на жртвите од трагедијата во Кочани">
</figure>
<div class="article-body">
<p>На 16 март 2025 година, во ноќниот клуб Pulse во Кочани, Северна Македонија, избувна пожар што одзеде 60 животи и остави длабоки лузни низ целата земја. За македонските студенти во странство, веста беше поразителна. Иако далеку од дома, чувството на загуба беше споделено, а потребата да застанеме заедно беше непобитна.</p>
<p>Заедницата на МСОС одлучи да создаде момент на солидарност во Словенија, не како чин на протест или политика, туку како начин да се изрази хуманост, тага и единство пред трагедијата.</p>
<figure class="article-inline-image">
<img src="../../../images/kochani-2.png" alt="Светлина од свеќи и цвеќе на жалниот собир во Љубљана">
</figure>
<h2>Собирот во Љубљана</h2>
<p>На 21 март, плоштадот во Љубљана беше исполнет со тишина и светлина од свеќи. Тоа што започна како очекување за околу 200 присутни, прерасна во собир на повеќе од 600 луѓе од сите возрасти. Програмата започна со краток говор на претседателот на МСОС, проследена со 16-минутна тишина во чест на жртвите, по една минута за секој мартовски ден до трагедијата.</p>
<p>Студенти, семејства и членови на пошироката заедница оставаа цвеќе и палеа свеќи, создавајќи море од светлина и боја што остана недопрено со недели потоа, бидејќи никој не се осмели да го наруши меморијалот. Атмосферата беше свечена, почитувачка и длабоко емотивна.</p>
<figure class="article-inline-image">
<img src="../../../images/kochani-3.png" alt="Море од свеќи и цвеќе оставени од присутните">
</figure>
<h2>Порака преку границите</h2>
<p>Овој собир беше потсетник дека и далеку од дома, студентите ги носат своите корени, своето сочувство и својот глас за правда. Не беше промотивен чин, туку човечки, знак дека новата генерација сака да гради иднина каде солидарноста и грижата го определуваат тоа што сме.</p>
<p>Настанот доби покриеност и во Словенија, каде претседателот на МСОС даде краток интервју за РТВ Словенија, размислувајќи за важноста на единството во тешки времиња.</p>
<figure class="article-inline-image">
<img src="../../../images/kochani-4.png" alt="Присутните стојат заедно за време на минутата тишина">
</figure>
<h2>Завршни зборови</h2>
<p>Трагедијата во Кочани ни покажа колку е кревок животот, но и колку силни можеме да бидеме кога сме заедно. Во Љубљана, студентската заедница застана рамо до рамо, испраќајќи љубов и почит дома.</p>
<p>Нека жртвите почиваат во мир.</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="Лого на Македонска студентска организација во Словенија">
</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>За студенти</h4>
<a href="#">Блог</a>
<a href="#">Галерија</a>
<a href="#">ЧПП</a>
<a href="#">Брошура</a>
</div>
<div class="links-column">
<h4>Проекти</h4>
<a href="#">Претстојни</a>
<a href="#">Претходни</a>
</div>
<div class="links-column">
<h4>Организација</h4>
<a href="#">За нас</a>
<a href="#">Контакт</a>
<a href="#">Документација</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© МСОС орг 2023 Сите права се задржани.</p>
<div class="legal-links">
<a href="#">Политика за приватност</a>
<a href="#">Политика за колачиња</a>
<a href="#">Правни услови</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
</html>

77
mk/projects/index.html
View File

@ -211,6 +211,61 @@
<div class="container column-layout">
<h2>Сите наши проекти</h2>
<div class="posts-grid">
<!-- Project: Хуманитарен спортски турнир во Марибор -->
<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="Хуманитарен спортски турнир во Марибор" class="post-image">
<div class="post-content">
<p class="post-meta">Тим на МСОС • 5 Апр 2025 • Настан</p>
<h3 class="post-title">Хуманитарен спортски турнир во Марибор</h3>
<p class="post-excerpt">Повеќе од 200 студенти играа со срце во Марибор и собраа 1.010 € за семејствата погодени од трагедијата во Кочани.</p>
</div>
</a>
</article>
<!-- Project: Во спомен на жртвите од Кочани -->
<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="Во спомен на жртвите од Кочани" class="post-image">
<div class="post-content">
<p class="post-meta">Тим на МСОС • 21 Мар 2025 • Настан</p>
<h3 class="post-title">Во спомен на жртвите од Кочани</h3>
<p class="post-excerpt">Повеќе од 600 луѓе се собраа во Љубљана во чест на жртвите од пожарот во Кочани.</p>
</div>
</a>
</article>
<!-- Project: Сликање и вино на зајдисонце -->
<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="Сликање и вино на зајдисонце" class="post-image">
<div class="post-content">
<p class="post-meta">Тим на МСОС • 8 Мар 2025 • Настан</p>
<h3 class="post-title">Сликање и вино на зајдисонце</h3>
<p class="post-excerpt">Сликање, вино и музика ги собраа студентите во Горица на првиот настан на МСОС Нова Горица.</p>
</div>
</a>
</article>
<!-- Project: Во спомен на Фросина Кулакова -->
<article class="post-card" data-category="events">
<a href="in-memory-of-frosina-kulakova/" class="post-link">
<img src="../../images/frosina-1.png" alt="Во спомен на Фросина Кулакова" class="post-image">
<div class="post-content">
<p class="post-meta">Тим на МСОС • 8 Фев 2025 • Настан</p>
<h3 class="post-title">Во спомен на Фросина Кулакова</h3>
<p class="post-excerpt">Македонските студенти во Љубљана се собраа во светлината на свеќите во спомен на Фросина.</p>
</div>
</a>
</article>
<!-- Project: Заедничко гледање ракомет во Словенија -->
<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="Заедничко гледање ракомет во Словенија" class="post-image">
<div class="post-content">
<p class="post-meta">Тим на МСОС • 25 Јан 2025 • Настан</p>
<h3 class="post-title">Заедничко гледање ракомет во Словенија</h3>
<p class="post-excerpt">Од Љубљана до Марибор, студентите ги наполнија кафулињата со знамиња, извици и смеа за репрезентацијата.</p>
</div>
</a>
</article>
<!-- Проект: Запознај ја студентска Словенија 2024 -->
<article class="post-card" data-category="events" data-subcategory="educational">
<a href="meet-student-slovenia-2024/" class="post-link">
@ -255,28 +310,6 @@
</div>
</a>
</article>
<!-- Проект 1 (Placeholder) -->
<article class="post-card" data-category="projects">
<a href="testproject/" class="post-link">
<img src="../../images/4-billwalsh.webp" alt="Слика на снежен планински врв во розови и сини нијанси" class="post-image">
<div class="post-content">
<p class="post-meta">Alec Whitten • 17 Јан 2022 • Јавна објава</p>
<h3 class="post-title">Лекции за лидерство од Бил Волш</h3>
<p class="post-excerpt">Сакате да ги дознаете тајните за трансформација на тим со резултат 2-14 во династија со 3x Супер Боул?</p>
</div>
</a>
</article>
<!-- Проект 2 (Placeholder) -->
<article class="post-card" data-category="student-life">
<a href="testproject/" class="post-link">
<img src="../../images/5-pmmentals.webp" alt="Жена презентира пред табла со лепливи белешки на тим" class="post-image">
<div class="post-content">
<p class="post-meta">Demi Wilkinson • 16 Јан 2022 • Студентски живот</p>
<h3 class="post-title">ПМ ментални модели</h3>
<p class="post-excerpt">Менталните модели се едноставни изрази на сложени процеси или односи.</p>
</div>
</a>
</article>
</div>
<p class="filter-empty" hidden>Ниту еден проект сè уште не одговара на овој филтер.</p>

307
mk/projects/paint-and-wine-at-sunset/index.html Normal file
View File

@ -0,0 +1,307 @@
<!DOCTYPE html>
<html lang="mk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Сликање и вино на зајдисонце, славење на Денот на жената со уметност и музика - 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" />
<!-- Правилна патека до главната CSS-датотека -->
<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="../../../mk/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" 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="#">За нас</a>
<ul class="dropdown-menu">
<li><a href="#">Времеплов и достигнувања</a></li>
<li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Што работиме</a>
<ul class="dropdown-menu">
<li><a href="../../../mk/projects/">Настани и проекти</a></li>
<li><a href="#">Блог</a></li>
<li><a href="#">Галерија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Вклучи се</a>
<ul class="dropdown-menu">
<li><a href="#">Стани член</a></li>
<li><a href="#">Поддржи ја МСОС</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">За студенти</a>
<ul class="dropdown-menu">
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Соопштенија</a></li>
<li><a href="#">Отворени повици</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">МК</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">Македонски (МК)</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 -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
<li class="menu-item menu-item-has-children">
<a href="#">За нас</a>
<ul class="dropdown-menu">
<li><a href="#">Времеплов и достигнувања</a></li>
<li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Што работиме</a>
<ul class="dropdown-menu">
<li><a href="../../../mk/projects/">Настани и проекти</a></li>
<li><a href="#">Блог</a></li>
<li><a href="#">Галерија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Вклучи се</a>
<ul class="dropdown-menu">
<li><a href="#">Стани член</a></li>
<li><a href="#">Поддржи ја МСОС</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">За студенти</a>
<ul class="dropdown-menu">
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Соопштенија</a></li>
<li><a href="#">Отворени повици</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span>МК</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro na jazik (za mobilni) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Избери јазик</h3>
<button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<p class="article-publish-date">Објавено на 8 март 2025</p>
<h1>Сликање и вино на зајдисонце, славење на Денот на жената со уметност и музика</h1>
<p class="article-subtitle">Сликање, вино и музика ги собраа студентите во Горица за да го одбележат Денот на жената и првиот настан на МСОС Нова Горица.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/paint-wine-1.jpg" alt="Настанот Сликање и вино на зајдисонце во Горица">
</figure>
<div class="article-body">
<p>На Меѓународниот ден на жената, тимот на МСОС Нова Горица го одржа својот прв локален настан во соработка со Македонското културно друштво „Охридски Бисери“. Студенти од Љубљана, Нова Горица и околниот регион ја преминаа границата во Горица, Италија, за вечер на сликање, вино и музика.</p>
<figure class="article-inline-image">
<img src="../../../images/paint-wine-2.png" alt="Студенти сликаат на вечерта на сликање и вино">
</figure>
<h2>Прв пат за МСОС Нова Горица</h2>
<p>Ова беше повеќе од само настан. Беше првата официјална активност организирана од нашиот нов тим на МСОС Нова Горица. Со поддршка од Македонското културно друштво „Охридски Бисери“, го претворивме пријатното место Etnoteca Mama Angela во простор исполнет со креативност и смеа.</p>
<figure class="article-inline-image">
<img src="../../../images/paint-wine-3.jpg" alt="Пријатното место Etnoteca Mama Angela">
</figure>
<h2>Уметност, музика и заедништво</h2>
<p>Концептот беше едноставен, но моќен: вечер на сликање и вино каде секој можеше да седне со платно, четки и чаша вино, и да остави инспирацијата да преземе. Не беше потребно претходно искуство во сликање. Некои избраа да создадат симболични дела во чест на жените, други сликаа слободно, од срце.</p>
<p>DJ во живо ѝ даде на вечерта жив ритам, претворајќи ја во повеќе од само работилница. Стана славење. Меѓу потезите со четка и ритмите, студентите се поврзуваа, споделуваа приказни и уживаа во атмосфера што беше и креативна и празнична.</p>
<figure class="article-inline-image">
<img src="../../../images/paint-wine-4.png" alt="Платната се полнат со боја додека студентите сликаат">
</figure>
<figure class="article-inline-image">
<img src="../../../images/paint-wine-5.png" alt="Студентите заедно уживаат во вино и музика">
</figure>
<h2>Зошто беше важно</h2>
<p>Одржан на 8 март, Меѓународниот ден на жената, настанот носеше подлабоко значење. Беше можност да се прослават и ценат жените, не само со зборови, туку преку уметност. Сликите што настанаа таа вечер беа разновидни, лични и полни со боја, исто како и самата студентска заедница.</p>
<p>За да го доловиме духот на вечерта, создадовме видео, кое можете да го погледнете подолу.</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="Завршените слики изложени">
</figure>
<figure class="article-inline-image">
<img src="../../../images/paint-wine-7.png" alt="Групата ужива во славењето">
</figure>
<h2>Поглед напред</h2>
<p>Вечерта на сликање и вино покажа дека МСОС Нова Горица е подготвена да донесе свежи идеи и енергија во нашето студентско семејство. Од ѕвонењето на чашите вино до платната што се полнеа со боја, вечерта на сите им остави спомени и по некој прст обоен со боја, што нема да се заборават.</p>
<figure class="article-inline-image">
<img src="../../../images/paint-wine-8.png" alt="Спомен од вечерта на сликање и вино">
</figure>
<figure class="article-inline-image">
<img src="../../../images/paint-wine-9.jpg" alt="Заедницата на МСОС Нова Горица на зајдисонце">
</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="Лого на Македонска студентска организација во Словенија">
</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>За студенти</h4>
<a href="#">Блог</a>
<a href="#">Галерија</a>
<a href="#">ЧПП</a>
<a href="#">Брошура</a>
</div>
<div class="links-column">
<h4>Проекти</h4>
<a href="#">Претстојни</a>
<a href="#">Претходни</a>
</div>
<div class="links-column">
<h4>Организација</h4>
<a href="#">За нас</a>
<a href="#">Контакт</a>
<a href="#">Документација</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© МСОС орг 2023 Сите права се задржани.</p>
<div class="legal-links">
<a href="#">Политика за приватност</a>
<a href="#">Политика за колачиња</a>
<a href="#">Правни услови</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
</html>

295
mk/projects/watching-handball-together-in-slovenia/index.html Normal file
View File

@ -0,0 +1,295 @@
<!DOCTYPE html>
<html lang="mk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Навивање за Македонија, заедничко гледање ракомет во Словенија - 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" />
<!-- Правилна патека до главната CSS-датотека -->
<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="../../../mk/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" 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="#">За нас</a>
<ul class="dropdown-menu">
<li><a href="#">Времеплов и достигнувања</a></li>
<li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Што работиме</a>
<ul class="dropdown-menu">
<li><a href="../../../mk/projects/">Настани и проекти</a></li>
<li><a href="#">Блог</a></li>
<li><a href="#">Галерија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Вклучи се</a>
<ul class="dropdown-menu">
<li><a href="#">Стани член</a></li>
<li><a href="#">Поддржи ја МСОС</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">За студенти</a>
<ul class="dropdown-menu">
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Соопштенија</a></li>
<li><a href="#">Отворени повици</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">МК</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">Македонски (МК)</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 -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
<li class="menu-item menu-item-has-children">
<a href="#">За нас</a>
<ul class="dropdown-menu">
<li><a href="#">Времеплов и достигнувања</a></li>
<li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Што работиме</a>
<ul class="dropdown-menu">
<li><a href="../../../mk/projects/">Настани и проекти</a></li>
<li><a href="#">Блог</a></li>
<li><a href="#">Галерија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Вклучи се</a>
<ul class="dropdown-menu">
<li><a href="#">Стани член</a></li>
<li><a href="#">Поддржи ја МСОС</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">За студенти</a>
<ul class="dropdown-menu">
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Соопштенија</a></li>
<li><a href="#">Отворени повици</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span>МК</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro na jazik (za mobilni) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Избери јазик</h3>
<button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<p class="article-publish-date">Објавено на 25 јануари 2025</p>
<h1>Навивање за Македонија, заедничко гледање ракомет во Словенија</h1>
<p class="article-subtitle">Од Љубљана до Марибор, македонските студенти ги наполнија кафулињата со навивачки извици, знамиња и смеа додека ја гледаа ракометната репрезентација.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/handball-2025-1.png" alt="Навивачка атмосфера додека се гледа ракомет во Марибор">
</figure>
<div class="article-body">
<p>Во јануари 2025 година, македонските студенти во Љубљана и Марибор ги претворија кафулињата во навивачки зони, собирајќи се да навиваат, пеат и ја споделат возбудата од ракометот, докажувајќи дека дури и далеку од дома, духот на Македонија живее гласно.</p>
<figure class="article-inline-image">
<img src="../../../images/handball-2025-2.png" alt="Момент од навивачката атмосфера во Марибор.">
<figcaption>Момент од навивачката атмосфера во Марибор.</figcaption>
</figure>
<h2>Два града, еден дух</h2>
<p>Оваа зима, Светското првенство во ракомет донесе повеќе од само натпревари на екран. Ги собра македонските студенти заедно. Во Љубљана, иницијативата дојде од студентот Љубен Најдовски, кој предложи МСОС да организира групно гледање на натпреварот против Гвинеја на 19 јануари 2025 година. Со брза организација и поддршка од локалното кафуле Lepa Žoga, беше резервиран простор, беа собрани пријави и наскоро 25 студенти го наполнија местото со знамиња, извици и смеа.</p>
<figure class="article-inline-image">
<img src="../../../images/handball-2025-3.png" alt="Навивачите собрани во базата во Љубљана навиваат заедно за Македонија.">
<figcaption>Навивачите собрани во базата во Љубљана навиваат заедно за Македонија.</figcaption>
</figure>
<p>Само една недела подоцна, енергијата се пренесе во Марибор, каде што локалниот тим на МСОС организираше свое навивачко собирање за натпреварот против Франција на 25 јануари 2025 година. Во кафулето CLC во центарот на градот, настанот собра 35 студенти и пријатели, со грицки, музика и вистинска навивачка атмосфера. И покрај тоа што резултатот на семафорот не беше во корист на Македонија, вечерта заврши со славење, нови пријателства и дури и дружба по настанот што траеше долго по последниот свирок.</p>
<figure class="article-inline-image">
<img src="../../../images/handball-2025-4.png" alt="Навивачите собрани во базата во Марибор навиваат заедно за Македонија.">
<figcaption>Навивачите собрани во базата во Марибор навиваат заедно за Македонија.</figcaption>
</figure>
<h2>Повеќе од само гледање на натпреварот</h2>
<p>Тоа што ги направи овие настани посебни не беше само спортот. Беше начинот на кој студентите создадоа парче дом во странство: мавтање со знамиња, споделување пијалаци, извикување „Ајде Македонија!“ кон екранот и заеднички смеа при промашени шутови или брилијантни одбрани. За новодојдените, тоа беше можност веднаш да се почувствуваат дел од заедницата. За другите, тоа беше потсетник дека дури и стотици километри од дома, не навиваа сами.</p>
<figure class="article-inline-image">
<img src="../../../images/handball-2025-5.png" alt="Двајца наши организатори од МСОС Марибор уживаат во вечерта на навивачкиот настан.">
<figcaption>Двајца наши организатори од МСОС Марибор уживаат во вечерта на навивачкиот настан.</figcaption>
</figure>
<h2>Нова традиција во создавање</h2>
<p>Од Љубљана до Марибор, овие навивачки собири покажаа дека поддршката на репрезентацијата може да биде повеќе од спорт. Тоа е начин да се градат пријателства, да се зајакне заедницата и да се носи парче Македонија каде и да одиме. Со секој натпревар, енергијата расте, и едно е сигурно: овие собири ќе продолжат да бидат дел од приказната на МСОС.</p>
<figure class="article-inline-image">
<img src="../../../images/handball-2025-6.png" alt="Момент од нашиот тим во Марибор.">
<figcaption>Момент од нашиот тим во Марибор.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/handball-2025-7.png" alt="Момент од нашиот тим во Љубљана.">
<figcaption>Момент од нашиот тим во Љубљана.</figcaption>
</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="Лого на Македонска студентска организација во Словенија">
</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>За студенти</h4>
<a href="#">Блог</a>
<a href="#">Галерија</a>
<a href="#">ЧПП</a>
<a href="#">Брошура</a>
</div>
<div class="links-column">
<h4>Проекти</h4>
<a href="#">Претстојни</a>
<a href="#">Претходни</a>
</div>
<div class="links-column">
<h4>Организација</h4>
<a href="#">За нас</a>
<a href="#">Контакт</a>
<a href="#">Документација</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© МСОС орг 2023 Сите права се задржани.</p>
<div class="legal-links">
<a href="#">Политика за приватност</a>
<a href="#">Политика за колачиња</a>
<a href="#">Правни услови</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
</html>

324
si/projects/humanitarian-tournament-in-maribor/index.html Normal file
View File

@ -0,0 +1,324 @@
<!DOCTYPE html>
<html lang="sl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Humanitarni športni turnir: Igramo s srcem, skupaj za Kočane - 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" />
<!-- Povezava na glavno CSS datoteko -->
<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="../../../si/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" 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="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">SI</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">Македонски (МК)</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 -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
<li class="menu-item menu-item-has-children">
<a href="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span>SI</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro jezika (za mobilni) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Izberi jezik</h3>
<button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (МК)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<p class="article-publish-date">Objavljeno 5. aprila 2025</p>
<h1>Humanitarni športni turnir: Igramo s srcem, skupaj za Kočane</h1>
<p class="article-subtitle">Več kot 200 študentov se je zbralo v Mariboru in s športom zbralo 1.000 € za podporo družinam, ki jih je prizadela tragedija v Kočanih.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/maribor-tournament-1.png" alt="Ekipa MŠOS Maribor na humanitarnem športnem turnirju">
</figure>
<div class="article-body">
<p>5. aprila 2025 je MŠOS Maribor organiziral prvi humanitarni športni turnir v zgodovini naše organizacije. Ideja se je porodila povsem naravno. Po tragičnih dogodkih v Kočanih smo se mnogi počutili nemočne, a hkrati smo vedeli, da moramo nekaj storiti. Kot študenti morda nismo mogli rešiti vsega, lahko pa smo naredili tisto, kar znamo najbolje: povezati ljudi. Šport je postal odličen način, da svoja čustva in energijo usmerimo v solidarnost.</p>
<figure class="article-inline-image">
<img src="../../../images/maribor-tournament-2.png" alt="Utrinek ekipe MŠOS Maribor.">
<figcaption>Utrinek ekipe MŠOS Maribor.</figcaption>
</figure>
<h2>Dan, poln energije</h2>
<p>Dogodek je potekal v športni dvorani Leon Štukelj, ki je oživela od navijanja, smeha in zvoka košarkarskih ter futsal žog, ki so poskakovale po igriščih. Že od samega začetka se je čutilo, da ne gre le za tekmovanje. Šlo je za skupnost.</p>
<figure class="article-inline-image">
<img src="../../../images/maribor-tournament-3.png" alt="Ekipe, postrojene in pripravljene na začetek turnirja.">
<figcaption>Ekipe, postrojene in pripravljene na začetek turnirja.</figcaption>
</figure>
<p>Gostili smo 12 košarkarskih in 4 futsal ekipe, ki so jih sestavljali ne le makedonski študenti, ampak tudi prijatelji iz Srbije, Bosne in Hercegovine ter Španije. Ta mešanica kultur in jezikov je ustvarila poseben naboj, dokaz, da se solidarnost ne ustavi na državnih mejah. Ekipe so si med seboj pomagale, rivalstva so se končala z rokovanjem, vsak gol ali koš pa je bil kot majhna zmaga za cilj, zaradi katerega smo bili vsi tam.</p>
<figure class="article-inline-image">
<img src="../../../images/maribor-tournament-4.png" alt="Študenti dajejo vse od sebe na futsal igrišču in tekmovanje spreminjajo v energijo, smeh in nepozabne trenutke.">
<figcaption>Študenti dajejo vse od sebe na futsal igrišču in tekmovanje spreminjajo v energijo, smeh in nepozabne trenutke.</figcaption>
</figure>
<h2>Več kot le turnir</h2>
<p>Tekme so trajale več kot šest ur in vzdušje ni niti za trenutek popustilo. Prijatelji so prišli podpret svoje ekipe, glasba je ohranjala živahnost dvorane, vedno pa je bil nekdo, ki je novincem pojasnil ozadje: »To počnemo za Kočane.« Ta nenehni opomnik je vsako doseženo točko spremenil v nekaj večjega od športa.</p>
<p>Ob koncu turnirja so zmagovalcem podelili simbolične nagrade. To niso bili le pokali. Bili so način, da počastimo vse, ki so svoj čas in energijo namenili temu dogodku.</p>
<figure class="article-inline-image">
<img src="../../../images/maribor-tournament-5.png" alt="Ko zmaga pomeni več kot igra, dvignjena visoko s strani ekipe.">
<figcaption>Ko zmaga pomeni več kot igra, dvignjena visoko s strani ekipe.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/maribor-tournament-6.png" alt="Ogrevanje pred košarkarskimi tekmami, moške in ženske ekipe se pripravljajo na akcijo.">
<figcaption>Ogrevanje pred košarkarskimi tekmami, moške in ženske ekipe se pripravljajo na akcijo.</figcaption>
</figure>
<h2>Humanitarni učinek</h2>
<p>Najpomembnejši rezultat ni bil na semaforju, ampak v škatli za donacije. Skupaj smo zbrali 1.010 €, ki smo jih razdelili med dve makedonski družini, katerih otroci so se zdravili v Sloveniji. To ni bil le denar. Bilo je sporočilo, da niso sami, da je študentska skupnost stala ob njih v najtežjih trenutkih.</p>
<figure class="article-inline-image">
<img src="../../../images/maribor-tournament-7.png" alt="Dlani v zrak, pokali in nasmehi, praznovanje zmage na igrišču in izven njega.">
<figcaption>Dlani v zrak, pokali in nasmehi, praznovanje zmage na igrišču in izven njega.</figcaption>
</figure>
<h2>Zakaj je bilo pomembno</h2>
<p>Za MŠOS je bil ta turnir več kot enodnevni dogodek. Pokazal je, da ima naša skupnost moč, da se na izzive odzove s sočutjem in dejanji. Dokazali smo, da študentsko življenje ni le predavanja in izpiti, niti zgolj zabave in razvedrilo. Lahko je tudi solidarnost, empatija in človečnost.</p>
<p>In morda najpomembnejše, to je bil šele začetek. Z akcijo »Igramo s srcem, skupaj za Kočane« nismo ustvarili le uspešne humanitarne akcije. Postavili smo temelj tradiciji, ki nas bo še naprej opominjala, da skupaj lahko naredimo razliko.</p>
<figure class="article-inline-image">
<img src="../../../images/maribor-tournament-8.png" alt="Nepozaben trenutek z organizacijsko ekipo ter zmagovalnima košarkarsko in futsal ekipo.">
<figcaption>Nepozaben trenutek z organizacijsko ekipo ter zmagovalnima košarkarsko in futsal ekipo.</figcaption>
</figure>
<h2>Zahvale</h2>
<p>Turnir ne bi bil mogoč brez podpore naših partnerjev in skupnosti. Hvaležni smo Univerzi v Mariboru, ki je brezplačno zagotovila celotno športno dvorano Leon Štukelj, podjetju Macedonia Trade, ki je poskrbelo za osvežitev in darila za zmagovalne ekipe, ter Radenski za vodo za vse udeležence.</p>
<figure class="article-inline-image">
<img src="../../../images/maribor-tournament-9.png" alt="Zahvala podjetju Macedonia Trade in Radenski za podporo turnirju s pijačo in osvežitvijo za igralce.">
<figcaption>Zahvala podjetju Macedonia Trade in Radenski za podporo turnirju s pijačo in osvežitvijo za igralce.</figcaption>
</figure>
<p>Velika zahvala gre tudi naši ekipi MŠOS Maribor in prostovoljcem, ki so neutrudno delali, da je ta dogodek postal resničnost. In seveda vsem študentom, ki niso prišli le kot igralci, ampak tudi kot navijači, podporniki in prijatelji. Njihovo navijanje, smeh in energija so napolnili dvorano ter turnir spremenili v nekaj več kot tekmovanje. Postal je trenutek enotnosti, solidarnosti in veselja, ki ga nihče od nas ne bo pozabil.</p>
<figure class="article-inline-image">
<img src="../../../images/maribor-tournament-10.png" alt="Ekipa MŠOS Maribor skupaj praznuje po uspešnem turnirju.">
<figcaption>Ekipa MŠOS Maribor skupaj praznuje po uspešnem turnirju.</figcaption>
</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="Logotip Makedonske študentske organizacije v Sloveniji">
</div>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<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>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
</html>

273
si/projects/in-memory-of-frosina-kulakova/index.html Normal file
View File

@ -0,0 +1,273 @@
<!DOCTYPE html>
<html lang="sl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>V spomin na Frosino Kulakovo - 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" />
<!-- Povezava na glavno CSS datoteko -->
<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="../../../si/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" 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="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">SI</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">Македонски (МК)</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 -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
<li class="menu-item menu-item-has-children">
<a href="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span>SI</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro jezika (za mobilni) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Izberi jezik</h3>
<button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (МК)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<p class="article-publish-date">Objavljeno 8. februarja 2025</p>
<h1>V spomin na Frosino Kulakovo</h1>
<p class="article-subtitle">8. februarja 2025 so se makedonski študenti v Ljubljani zbrali na mirnem javnem dogodku v počastitev spomina na Frosino Kulakovo, ki je le nekaj dni prej tragično izgubila življenje v Skopju.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/frosina-1.png" alt="Sveče in cvetje v spomin na Frosino Kulakovo">
</figure>
<div class="article-body">
<p>Novica o tragični smrti Frosine 29. januarja 2025 je globoko pretresla študente po vsej Sloveniji. Čeprav smo daleč od doma, je bila bolečina skupna in potreba po povezovanju jasna. Iz tega občutka je zrasla pobuda za organizacijo mirnega javnega zbora v Ljubljani, kjer bi se mladi lahko združili, prižgali sveče, položili cvetje in ji posvetili trenutek tišine v spomin.</p>
<figure class="article-inline-image">
<img src="../../../images/frosina-2.png" alt="Študenti prižigajo sveče v spomin na Frosino">
</figure>
<h2>Sporočilo enotnosti</h2>
<p>To srečanje ni bilo namenjeno politiki ali kritiki. Šlo je za sočutje, človečnost in skupno odgovornost. Kot študenti v tujini smo želeli pokazati, da nam ni vseeno, da se spominjamo in da upamo na boljši jutri, ko se takšne krivice ne bodo več dogajale.</p>
<p>Ko stojimo drug ob drugem v takšnih trenutkih, se učimo, da naša moč ni le v študiju in ambicijah, ampak tudi v sposobnosti, da drug drugega podpremo, ko je to najpomembnejše.</p>
<figure class="article-inline-image">
<img src="../../../images/frosina-3.png" alt="Cvetje in sveče, položene v spomin">
</figure>
<h2>Sklepne misli</h2>
<p>Frosinina zgodba nas je opomnila na krhkost življenja in pomen solidarnosti. Hvaležni smo vsem, ki so prišli, ki so prižgali svečo ali ki so preprosto stali z nami v tišini.</p>
<p>Kot organizacija si bo MŠOS vedno prizadeval zagotavljati prostor, kjer se študenti lahko zberejo, v veselju, v stiski in v spominu, ter oblikujejo skupnost, ki nosi tako upanje kot odgovornost za prihodnost.</p>
<p>Počivaj v miru, 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="Logotip Makedonske študentske organizacije v Sloveniji">
</div>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<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>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
</html>

283
si/projects/in-memory-of-the-kochani-victims/index.html Normal file
View File

@ -0,0 +1,283 @@
<!DOCTYPE html>
<html lang="sl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>V spomin na žrtve tragedije v Kočanih - 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" />
<!-- Povezava na glavno CSS datoteko -->
<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="../../../si/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" 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="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">SI</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">Македонски (МК)</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 -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
<li class="menu-item menu-item-has-children">
<a href="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span>SI</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro jezika (za mobilni) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Izberi jezik</h3>
<button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (МК)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<p class="article-publish-date">Objavljeno 21. marca 2025</p>
<h1>V spomin na žrtve tragedije v Kočanih</h1>
<p class="article-subtitle">21. marca 2025 se je na Kongresnem trgu v Ljubljani zbralo več kot 600 ljudi na mirnem javnem zboru v počastitev žrtev tragičnega požara v Kočanih.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/kochani-1.png" alt="Sveče in cvetje na Kongresnem trgu v spomin na žrtve tragedije v Kočanih">
</figure>
<div class="article-body">
<p>16. marca 2025 je v nočnem klubu Pulse v Kočanih v Severni Makedoniji izbruhnil požar, ki je terjal življenja 60 ljudi in pustil globoke rane po vsej državi. Za makedonske študente v tujini je bila novica pretresljiva. Čeprav daleč od doma, je bil občutek izgube skupen, potreba po povezovanju pa nezanikljiva.</p>
<p>Skupnost MŠOS se je odločila ustvariti trenutek solidarnosti v Sloveniji, ne kot dejanje protesta ali politike, ampak kot način izražanja človečnosti, žalosti in enotnosti ob tragediji.</p>
<figure class="article-inline-image">
<img src="../../../images/kochani-2.png" alt="Svetloba sveč in cvetje na žalni slovesnosti v Ljubljani">
</figure>
<h2>Zbor v Ljubljani</h2>
<p>21. marca je bil trg v Ljubljani napolnjen s tišino in svetlobo sveč. Kar se je začelo s pričakovanjem okoli 200 udeležencev, je preraslo v zbor več kot 600 ljudi vseh starosti. Program se je začel s kratkim nagovorom predsednika MŠOS, ki mu je sledila 16-minutna tišina v počastitev žrtev, ena minuta za vsak marčevski dan do tragedije.</p>
<p>Študenti, družine in člani širše skupnosti so polagali cvetje in prižigali sveče ter ustvarili morje svetlobe in barv, ki je ostalo nedotaknjeno še tedne po dogodku, saj si nihče ni upal skruniti spomenika. Vzdušje je bilo slovesno, spoštljivo in globoko čustveno.</p>
<figure class="article-inline-image">
<img src="../../../images/kochani-3.png" alt="Morje sveč in cvetja, ki so ga pustili udeleženci">
</figure>
<h2>Sporočilo onkraj meja</h2>
<p>Ta zbor je bil opomnik, da študenti tudi daleč od doma nosijo svoje korenine, svoje sočutje in svoj glas za pravico. Ni bilo promocijsko dejanje, ampak človeško, znak, da nova generacija želi graditi prihodnost, v kateri nas opredeljujeta solidarnost in skrb.</p>
<p>Dogodek je bil odmeven tudi v Sloveniji, kjer je predsednik MŠOS podal kratek intervju za RTV Slovenija in razmišljal o pomenu enotnosti v težkih časih.</p>
<figure class="article-inline-image">
<img src="../../../images/kochani-4.png" alt="Udeleženci stojijo skupaj med trenutkom tišine">
</figure>
<h2>Sklepne besede</h2>
<p>Tragedija v Kočanih nam je pokazala, kako krhko je življenje, a tudi kako močni smo lahko, ko se povežemo. V Ljubljani je študentska skupnost stala z ramo ob rami in domov pošiljala ljubezen in spoštovanje.</p>
<p>Naj žrtve počivajo v miru.</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="Logotip Makedonske študentske organizacije v Sloveniji">
</div>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<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>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
</html>

77
si/projects/index.html
View File

@ -211,6 +211,61 @@
<div class="container column-layout">
<h2>Vsi naši projekti</h2>
<div class="posts-grid">
<!-- Project: Humanitarni športni turnir v Mariboru -->
<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="Humanitarni športni turnir v Mariboru" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Ekipa • 5. apr 2025 • Dogodek</p>
<h3 class="post-title">Humanitarni športni turnir v Mariboru</h3>
<p class="post-excerpt">Več kot 200 študentov je v Mariboru igralo s srcem in zbralo 1.010 € za družine, prizadete v tragediji v Kočanih.</p>
</div>
</a>
</article>
<!-- Project: V spomin na žrtve tragedije v Kočanih -->
<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="V spomin na žrtve tragedije v Kočanih" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Ekipa • 21. mar 2025 • Dogodek</p>
<h3 class="post-title">V spomin na žrtve tragedije v Kočanih</h3>
<p class="post-excerpt">Več kot 600 ljudi se je zbralo v Ljubljani v počastitev žrtev požara v Kočanih.</p>
</div>
</a>
</article>
<!-- Project: Slikanje in vino ob sončnem zahodu -->
<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="Slikanje in vino ob sončnem zahodu" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Ekipa • 8. mar 2025 • Dogodek</p>
<h3 class="post-title">Slikanje in vino ob sončnem zahodu</h3>
<p class="post-excerpt">Slikanje, vino in glasba so v Gorici združili študente na prvem dogodku MŠOS Nova Gorica.</p>
</div>
</a>
</article>
<!-- Project: V spomin na Frosino Kulakovo -->
<article class="post-card" data-category="events">
<a href="in-memory-of-frosina-kulakova/" class="post-link">
<img src="../../images/frosina-1.png" alt="V spomin na Frosino Kulakovo" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Ekipa • 8. feb 2025 • Dogodek</p>
<h3 class="post-title">V spomin na Frosino Kulakovo</h3>
<p class="post-excerpt">Makedonski študenti v Ljubljani so se ob svetlobi sveč zbrali v spomin na Frosino.</p>
</div>
</a>
</article>
<!-- Project: Skupno gledanje rokometa v Sloveniji -->
<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="Skupno gledanje rokometa v Sloveniji" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Ekipa • 25. jan 2025 • Dogodek</p>
<h3 class="post-title">Skupno gledanje rokometa v Sloveniji</h3>
<p class="post-excerpt">Od Ljubljane do Maribora so študenti napolnili kavarne z zastavami, vzkliki in smehom za reprezentanco.</p>
</div>
</a>
</article>
<!-- Projekt: Spoznaj študentsko Slovenijo 2024 -->
<article class="post-card" data-category="events" data-subcategory="educational">
<a href="meet-student-slovenia-2024/" class="post-link">
@ -255,28 +310,6 @@
</div>
</a>
</article>
<!-- Placeholder Project 1 -->
<article class="post-card" data-category="projects">
<a href="testproject/" class="post-link">
<img src="../../images/4-billwalsh.webp" alt="Roza in modro obarvana podoba zasneženega vrha gore" class="post-image">
<div class="post-content">
<p class="post-meta">Alec Whitten • 17 Jan 2022 • Javna objava</p>
<h3 class="post-title">Lekcije vodenja Billa Walsha</h3>
<p class="post-excerpt">Bi radi izvedeli skrivnosti preoblikovanja ekipe z rezultatom 2-14 v trikratne zmagovalce Super Bowla?</p>
</div>
</a>
</article>
<!-- Placeholder Project 2 -->
<article class="post-card" data-category="student-life">
<a href="testproject/" class="post-link">
<img src="../../images/5-pmmentals.webp" alt="Ženska predstavlja pred belo tablo z listki ekipi" class="post-image">
<div class="post-content">
<p class="post-meta">Demi Wilkinson • 16 Jan 2022 • Študentsko življenje</p>
<h3 class="post-title">Mentalni modeli za PM</h3>
<p class="post-excerpt">Mentalni modeli so preprosti izrazi kompleksnih procesov ali odnosov.</p>
</div>
</a>
</article>
</div>
<p class="filter-empty" hidden>Noben projekt še ne ustreza temu filtru.</p>

307
si/projects/paint-and-wine-at-sunset/index.html Normal file
View File

@ -0,0 +1,307 @@
<!DOCTYPE html>
<html lang="sl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Slikanje in vino ob sončnem zahodu, praznovanje dneva žena z umetnostjo in glasbo - 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" />
<!-- Povezava na glavno CSS datoteko -->
<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="../../../si/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" 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="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">SI</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">Македонски (МК)</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 -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
<li class="menu-item menu-item-has-children">
<a href="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span>SI</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro jezika (za mobilni) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Izberi jezik</h3>
<button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (МК)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<p class="article-publish-date">Objavljeno 8. marca 2025</p>
<h1>Slikanje in vino ob sončnem zahodu, praznovanje dneva žena z umetnostjo in glasbo</h1>
<p class="article-subtitle">Slikanje, vino in glasba so v Gorici združili študente ob praznovanju dneva žena in prvem dogodku MŠOS Nova Gorica.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/paint-wine-1.jpg" alt="Dogodek Slikanje in vino ob sončnem zahodu v Gorici">
</figure>
<div class="article-body">
<p>Na mednarodni dan žena je ekipa MŠOS Nova Gorica pripravila svoj prvi lokalni dogodek v sodelovanju z Makedonskim kulturnim društvom »Ohridski Biseri«. Študenti iz Ljubljane, Nove Gorice in okolice so prestopili mejo v italijansko Gorico na večer slikanja, vina in glasbe.</p>
<figure class="article-inline-image">
<img src="../../../images/paint-wine-2.png" alt="Študenti slikajo na večeru slikanja in vina">
</figure>
<h2>Prvič za MŠOS Nova Gorica</h2>
<p>To je bilo več kot le dogodek. Bila je prva uradna dejavnost, ki jo je organizirala naša nova ekipa MŠOS Nova Gorica. S podporo Makedonskega kulturnega društva »Ohridski Biseri« smo prijeten prostor Etnoteca Mama Angela spremenili v prostor, poln ustvarjalnosti in smeha.</p>
<figure class="article-inline-image">
<img src="../../../images/paint-wine-3.jpg" alt="Prijeten prostor Etnoteca Mama Angela">
</figure>
<h2>Umetnost, glasba in druženje</h2>
<p>Zamisel je bila preprosta, a močna: večer slikanja in vina, kjer je lahko vsak sedel s platnom, čopiči in kozarcem vina ter pustil, da ga prevzame navdih. Predznanje slikanja ni bilo potrebno. Nekateri so ustvarili simbolična dela v čast ženskam, drugi so slikali povsem po navdihu srca.</p>
<p>DJ v živo je večeru dal živahen ritem in ga spremenil v več kot le delavnico. Postal je praznovanje. Med potezami čopiča in ritmi so se študenti povezovali, delili zgodbe in uživali v vzdušju, ki je bilo hkrati ustvarjalno in praznično.</p>
<figure class="article-inline-image">
<img src="../../../images/paint-wine-4.png" alt="Platna, ki se polnijo z barvami, medtem ko študenti slikajo">
</figure>
<figure class="article-inline-image">
<img src="../../../images/paint-wine-5.png" alt="Študenti skupaj uživajo ob vinu in glasbi">
</figure>
<h2>Zakaj je bilo pomembno</h2>
<p>Ker je bil dogodek 8. marca, na mednarodni dan žena, je nosil globlji pomen. Bila je priložnost za praznovanje in spoštovanje žensk, ne le z besedami, ampak skozi umetnost. Slike, ki so nastale tisti večer, so bile raznolike, osebne in polne barv, prav tako kot študentska skupnost sama.</p>
<p>Da bi ujeli duh večera, smo ustvarili videoposnetek, ki si ga lahko ogledate spodaj.</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="Končane slike na ogled">
</figure>
<figure class="article-inline-image">
<img src="../../../images/paint-wine-7.png" alt="Skupina uživa v praznovanju">
</figure>
<h2>Pogled naprej</h2>
<p>Večer slikanja in vina je pokazal, da je MŠOS Nova Gorica pripravljena prinesti sveže ideje in energijo v našo študentsko družino. Od trkanja kozarcev vina do platen, ki se polnijo z barvami, je večer vsem pustil spomine in nekaj s slikanjem obarvanih prstov, ki jih ne bomo pozabili.</p>
<figure class="article-inline-image">
<img src="../../../images/paint-wine-8.png" alt="Spomin z večera slikanja in vina">
</figure>
<figure class="article-inline-image">
<img src="../../../images/paint-wine-9.jpg" alt="Skupnost MŠOS Nova Gorica ob sončnem zahodu">
</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="Logotip Makedonske študentske organizacije v Sloveniji">
</div>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<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>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
</html>

206
si/projects/testproject/index.html
View File

@ -1,206 +0,0 @@
<!DOCTYPE html>
<html lang="sl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Macedonian Student Night in Ljubljana - 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" />
<!-- Povezava na novo glavno CSS datoteko -->
<link rel="stylesheet" href="../../css/main.css">
</head>
<body>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../" class="logo-link">
<img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Navigacija za namizje -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../projects/">Projects</a>
</nav>
</div>
<!-- Gumbi za namizje -->
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<div class="language-selector">
<i class="fas fa-globe"></i>
<i class="fas fa-chevron-down"></i>
</div>
</div>
<!-- Panel za mobilno navigacijo (združuje povezave in gumbe) -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../projects/">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<div class="language-selector">
<i class="fas fa-globe"></i>
<i class="fas fa-chevron-down"></i>
</div>
</div>
</div>
<!-- Ikona za mobilni meni (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- START_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<p class="article-publish-date">Published on October 8, 2022</p>
<h1>Macedonian Student Night in Ljubljana</h1>
<p class="article-subtitle">From an idea to a party with 500 students – that's how our story began!</p>
</header>
<figure class="article-main-image">
<img src="../../images/msnl-1.webp" alt="Atmosphere from the Macedonian Student Night in Ljubljana">
</figure>
<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>
<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">
<img src="../../images/msnl-3.webp" alt="Poster where Slovenians learn the Macedonian alphabet">
<figcaption>Poster with Cyrillic and Latin letters. Slovenians are learning the Macedonian alphabet, while Macedonians are teaching them.</figcaption>
</figure>
<blockquote class="article-quote">
<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 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">
<img src="../../images/msnl-4.webp" alt="Stands with Macedonian symbols, food, and drinks">
<figcaption>Photos of the stands with Macedonian symbols, traditional food, and drinks.</figcaption>
</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>
<figure class="article-inline-image">
<img src="../../images/msnl-5.webp" alt="Mini quiz about Macedonia">
<figcaption>Mini quiz with questions about Macedonia, where students in one part of the club are competing.</figcaption>
</figure>
<h2>Support from the Macedonian community and diplomacy</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>
<figure class="article-inline-image">
<img src="../../images/msnl-6.webp" alt="Kristijan and Bisera with Ambassador Zelenkovska and Mr. Nasteski">
<figcaption>Kristijan and Bisera together with Ambassador Zelenkovska and the President of the Union of Macedonian Associations, Mr. Nasteski</figcaption>
</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>
<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>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">
<img src="../../images/msnl-7.webp" alt="The dedicated team of volunteers after cleaning up the venue">
<figcaption>Photo taken at 4:00 a.m., after finishing and cleaning up the venue together with the dedicated team of volunteers</figcaption>
</figure>
</div>
<!-- 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="Logotip Makedonske študentske organizacije v Sloveniji">
</div>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<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>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
</body>
</html>

206
si/projects/testproject/index.html.bak
View File

@ -1,206 +0,0 @@
<!DOCTYPE html>
<html lang="sl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Macedonian Student Night in Ljubljana - 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" />
<!-- Povezava na novo glavno CSS datoteko -->
<link rel="stylesheet" href="../../css/main.css">
</head>
<body>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../" class="logo-link">
<img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Navigacija za namizje -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../projects/">Projects</a>
</nav>
</div>
<!-- Gumbi za namizje -->
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<div class="language-selector">
<i class="fas fa-globe"></i>
<i class="fas fa-chevron-down"></i>
</div>
</div>
<!-- Panel za mobilno navigacijo (združuje povezave in gumbe) -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../projects/">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<div class="language-selector">
<i class="fas fa-globe"></i>
<i class="fas fa-chevron-down"></i>
</div>
</div>
</div>
<!-- Ikona za mobilni meni (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- START_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<p class="article-publish-date">Published on October 8, 2022</p>
<h1>Macedonian Student Night in Ljubljana</h1>
<p class="article-subtitle">From an idea to a party with 500 students – that's how our story began!</p>
</header>
<figure class="article-main-image">
<img src="../../images/msnl-1.webp" alt="Atmosphere from the Macedonian Student Night in Ljubljana">
</figure>
<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>
<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.png" 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">
<img src="../../images/msnl-3.webp" alt="Poster where Slovenians learn the Macedonian alphabet">
<figcaption>Poster with Cyrillic and Latin letters. Slovenians are learning the Macedonian alphabet, while Macedonians are teaching them.</figcaption>
</figure>
<blockquote class="article-quote">
<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 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">
<img src="../../images/msnl-4.webp" alt="Stands with Macedonian symbols, food, and drinks">
<figcaption>Photos of the stands with Macedonian symbols, traditional food, and drinks.</figcaption>
</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>
<figure class="article-inline-image">
<img src="../../images/msnl-5.webp" alt="Mini quiz about Macedonia">
<figcaption>Mini quiz with questions about Macedonia, where students in one part of the club are competing.</figcaption>
</figure>
<h2>Support from the Macedonian community and diplomacy</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>
<figure class="article-inline-image">
<img src="../../images/msnl-6.webp" alt="Kristijan and Bisera with Ambassador Zelenkovska and Mr. Nasteski">
<figcaption>Kristijan and Bisera together with Ambassador Zelenkovska and the President of the Union of Macedonian Associations, Mr. Nasteski</figcaption>
</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>
<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>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">
<img src="../../images/msnl-7.webp" alt="The dedicated team of volunteers after cleaning up the venue">
<figcaption>Photo taken at 4:00 a.m., after finishing and cleaning up the venue together with the dedicated team of volunteers</figcaption>
</figure>
</div>
<!-- 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="Logotip Makedonske študentske organizacije v Sloveniji">
</div>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<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>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
</body>
</html>

295
si/projects/watching-handball-together-in-slovenia/index.html Normal file
View File

@ -0,0 +1,295 @@
<!DOCTYPE html>
<html lang="sl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Navijanje za Makedonijo, skupno gledanje rokometa v Sloveniji - 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" />
<!-- Povezava na glavno CSS datoteko -->
<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="../../../si/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" 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="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">SI</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">Македонски (МК)</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 -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
<li class="menu-item menu-item-has-children">
<a href="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span>SI</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro jezika (za mobilni) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Izberi jezik</h3>
<button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (МК)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<p class="article-publish-date">Objavljeno 25. januarja 2025</p>
<h1>Navijanje za Makedonijo, skupno gledanje rokometa v Sloveniji</h1>
<p class="article-subtitle">Od Ljubljane do Maribora so makedonski študenti napolnili kavarne z navijaškimi vzkliki, zastavami in smehom med gledanjem rokometne reprezentance.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/handball-2025-1.png" alt="Navijaško vzdušje med gledanjem rokometa v Mariboru">
</figure>
<div class="article-body">
<p>Januarja 2025 so makedonski študenti v Ljubljani in Mariboru kavarne spremenili v navijaške cone, kjer so se zbrali, da bi navijali, peli in delili vznemirjenje ob rokometu, s čimer so dokazali, da tudi daleč od doma makedonski duh živi glasno.</p>
<figure class="article-inline-image">
<img src="../../../images/handball-2025-2.png" alt="Utrinek navijaškega vzdušja v Mariboru.">
<figcaption>Utrinek navijaškega vzdušja v Mariboru.</figcaption>
</figure>
<h2>Dve mesti, en duh</h2>
<p>To zimo je svetovno prvenstvo v rokometu prineslo več kot le tekme na zaslonu. Povezalo je makedonske študente. V Ljubljani je pobuda prišla od študenta Ljubena Najdovskega, ki je predlagal, naj MŠOS pripravi skupinski ogled tekme proti Gvineji 19. januarja 2025. S hitro organizacijo in podporo lokalne kavarne Lepa Žoga je bil rezerviran prostor, zbrane so bile prijave in kmalu je 25 študentov napolnilo prostor z zastavami, vzkliki in smehom.</p>
<figure class="article-inline-image">
<img src="../../../images/handball-2025-3.png" alt="Navijači, zbrani na ljubljanski bazi, skupaj navijajo za Makedonijo.">
<figcaption>Navijači, zbrani na ljubljanski bazi, skupaj navijajo za Makedonijo.</figcaption>
</figure>
<p>Le teden dni pozneje se je energija prenesla v Maribor, kjer je lokalna ekipa MŠOS pripravila svoje navijaško srečanje za tekmo proti Franciji 25. januarja 2025. V kavarni CLC v središču mesta se je zbralo 35 študentov in prijateljev, s prigrizki, glasbo in pravim navijaškim vzdušjem. Čeprav rezultat na semaforju ni bil naklonjen Makedoniji, se je večer končal s praznovanjem, novimi prijateljstvi in celo druženjem po dogodku, ki je trajalo še dolgo po zadnjem žvižgu.</p>
<figure class="article-inline-image">
<img src="../../../images/handball-2025-4.png" alt="Navijači, zbrani na mariborski bazi, skupaj navijajo za Makedonijo.">
<figcaption>Navijači, zbrani na mariborski bazi, skupaj navijajo za Makedonijo.</figcaption>
</figure>
<h2>Več kot le gledanje tekme</h2>
<p>Tisto, kar je te dogodke naredilo posebne, ni bil le šport. Bil je način, kako so študenti v tujini ustvarili košček doma: mahanje z zastavami, deljenje pijače, vzkliki »Ајде Македонија!« proti zaslonu in skupen smeh ob zgrešenih strelih ali izjemnih obrambah. Za novince je bila to priložnost, da se v hipu počutijo del skupnosti. Za druge je bil to opomnik, da tudi na stotine kilometrov od doma niso navijali sami.</p>
<figure class="article-inline-image">
<img src="../../../images/handball-2025-5.png" alt="Dva naša organizatorja MŠOS Maribor uživata na navijaškem večeru.">
<figcaption>Dva naša organizatorja MŠOS Maribor uživata na navijaškem večeru.</figcaption>
</figure>
<h2>Nastajajoča nova tradicija</h2>
<p>Od Ljubljane do Maribora so ta navijaška srečanja pokazala, da je podpiranje reprezentance lahko več kot šport. Je način za sklepanje prijateljstev, krepitev skupnosti in nošenje koščka Makedonije, kamor koli gremo. Z vsako tekmo energija raste in eno je gotovo: ta srečanja bodo še naprej del zgodbe MŠOS.</p>
<figure class="article-inline-image">
<img src="../../../images/handball-2025-6.png" alt="Utrinek naše ekipe v Mariboru.">
<figcaption>Utrinek naše ekipe v Mariboru.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/handball-2025-7.png" alt="Utrinek naše ekipe v Ljubljani.">
<figcaption>Utrinek naše ekipe v Ljubljani.</figcaption>
</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="Logotip Makedonske študentske organizacije v Sloveniji">
</div>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<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>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
</html>