Files
msos/mk/projects/in-memory-of-the-kochani-victims/index.html
T
popovskikandClaude Opus 4.8 69a9011b0e Add five 2025 event blogs (EN/SI/MK), remove placeholders
Add the 2025 events batch to the Events & Projects section, each as a
full article page in all three languages following the established
template (auto-generated TOC, sticky mobile header, inline figures):

- Humanitarian sports tournament in Maribor (05 Apr 2025)
- Public gathering for the Kocani victims (21 Mar 2025)
- Paint & Wine at Sunset in Gorizia (08 Mar 2025, with aftermovie embed)
- Public gathering for Frosina Kulakova (08 Feb 2025)
- Watching handball together in Slovenia (25 Jan 2025)

Also:
- Add 33 event images to images/ (oversized JPGs downscaled to <=1600px).
- Add localized cards for the five events to the EN/SI/MK listing pages.
- Remove the two placeholder cards (Bill Walsh, PM mental models) and
  delete the testproject article folders they linked to.
- Convert punctuation dashes in the new copy to commas or sentence
  breaks for a more human tone; keep compound-word hyphens.
- Add docs handover brief for the future Get to know Slovenia and
  North Macedonia sections.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-28 15:44:23 +02:00

284 lines
16 KiB
HTML

<!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>