Files
msos/mk/projects/in-memory-of-the-kochani-victims/index.html
T
popovskikandClaude Opus 4.8 f5dfd8830e Hub redesign, per-language logos, partner carousel, footer + menu fixes
MSOS Hub page:
- "What you can do here": Porsche-style vertical image cards in a
  continuous auto-scrolling marquee with edge fades (real photos placeholders)
- "A glimpse of the space": full-bleed band of 4 connected photos
- "A space we built together": full-bleed image banner with blue gradient overlay
- "Made possible by": partner logo tiles (Cultural Association + Ministry);
  processed Ministry + Cultural Association logos from source art
- Copy/spacing polish; removed em-dashes; larger section spacing; deeper
  final-CTA gradient so it no longer blends into the footer

Branding / partners:
- Per-language MSOS logos (SVG) in header + footer across all pages
- Partner carousel: added Ministry (wide variant), Cultural Association,
  Embassy of North Macedonia, and Spletni Mojster (width-capped); de-duplicated
  logos within each marquee group so new logos appear sooner

Footer:
- Build credit line (Spletni Mojster + Kristijan), clean centered text
- Synced MK/SI footers to EN (added missing About us + Timeline links)

Landing page:
- FAQ short CTA already avatar design (FAQ page kept its Email/Viber block)
- Swapped blurry stock video thumbnail for the real team photo
- Removed the intentional hero-background blur

Navigation:
- Mobile menu: use 100dvh so the language selector is reachable with submenus open
- Desktop: dropdown parents no longer navigate to dead "/#" links

Language suggestion banner:
- Dismissible, browser-language based banner suggesting the matching locale;
  remembers choice in localStorage and waits for the cookie-consent choice
  to avoid overlapping the consent card

Removed stale *.html.bak backup files.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-08-03 14:06:53 +02:00

324 lines
24 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>
<!-- SEO:START -->
<!-- Google tag (gtag.js) with Consent Mode v2 (default: denied) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WVYV807VSS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('consent', 'default', {
ad_storage: 'denied', ad_user_data: 'denied', ad_personalization: 'denied',
analytics_storage: 'denied', wait_for_update: 500
});
// Restore a returning visitor's prior choice before the first hit.
try { if (localStorage.getItem('msos-consent') === 'granted') {
gtag('consent', 'update', { ad_storage:'granted', ad_user_data:'granted',
ad_personalization:'granted', analytics_storage:'granted' }); } } catch(e){}
gtag('js', new Date());
gtag('config', 'G-WVYV807VSS');
</script>
<script src="/consent.js" defer></script>
<meta name="description" content="На 21 март 2025 година, повеќе од 600 луѓе се собраа на Конгресниот плоштад во Љубљана на мирен јавен собир за да ги почестат жртвите од трагичниот пожар во Кочани.">
<link rel="canonical" href="https://msosorg.com/mk/projects/in-memory-of-the-kochani-victims/">
<link rel="alternate" hreflang="en" href="https://msosorg.com/en/projects/in-memory-of-the-kochani-victims/">
<link rel="alternate" hreflang="mk" href="https://msosorg.com/mk/projects/in-memory-of-the-kochani-victims/">
<link rel="alternate" hreflang="sl" href="https://msosorg.com/si/projects/in-memory-of-the-kochani-victims/">
<link rel="alternate" hreflang="x-default" href="https://msosorg.com/en/projects/in-memory-of-the-kochani-victims/">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Македонска студентска организација во Словенија">
<meta property="og:title" content="Во спомен на жртвите од трагедијата во Кочани - MSOS">
<meta property="og:description" content="На 21 март 2025 година, повеќе од 600 луѓе се собраа на Конгресниот плоштад во Љубљана на мирен јавен собир за да ги почестат жртвите од трагичниот пожар во Кочани.">
<meta property="og:url" content="https://msosorg.com/mk/projects/in-memory-of-the-kochani-victims/">
<meta property="og:image" content="https://msosorg.com/images/kochani-1.webp">
<meta property="og:locale" content="mk_MK">
<meta property="og:locale:alternate" content="en_GB">
<meta property="og:locale:alternate" content="sl_SI">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Во спомен на жртвите од трагедијата во Кочани - MSOS">
<meta name="twitter:description" content="На 21 март 2025 година, повеќе од 600 луѓе се собраа на Конгресниот плоштад во Љубљана на мирен јавен собир за да ги почестат жртвите од трагичниот пожар во Кочани.">
<meta name="twitter:image" content="https://msosorg.com/images/kochani-1.webp">
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Македонска студентска организација во Словенија","alternateName":"MSOS","url":"https://msosorg.com/mk/","logo":"https://msosorg.com/images/1-logo.png","email":"info@msosorg.com","address":{"@type":"PostalAddress","streetAddress":"Masarykova cesta 24","postalCode":"1000","addressLocality":"Ljubljana","addressCountry":"SI"},"sameAs":["https://www.facebook.com/msos.org","https://www.instagram.com/msosorg_com","https://www.linkedin.com/company/msos-org","https://www.youtube.com/@msosorg"]}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Article","headline":"Во спомен на жртвите од трагедијата во Кочани","description":"На 21 март 2025 година, повеќе од 600 луѓе се собраа на Конгресниот плоштад во Љубљана на мирен јавен собир за да ги почестат жртвите од трагичниот пожар во Кочани.","image":"https://msosorg.com/images/kochani-1.webp","inLanguage":"mk","author":{"@type":"Organization","name":"Македонска студентска организација во Словенија","url":"https://msosorg.com/mk/"},"publisher":{"@type":"Organization","name":"Македонска студентска организација во Словенија","logo":{"@type":"ImageObject","url":"https://msosorg.com/images/1-logo.png"}},"mainEntityOfPage":"https://msosorg.com/mk/projects/in-memory-of-the-kochani-victims/","datePublished":"2025-03-21","dateModified":"2025-03-21"}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Дома","item":"https://msosorg.com/mk/"},{"@type":"ListItem","position":2,"name":"Настани и проекти","item":"https://msosorg.com/mk/projects/"},{"@type":"ListItem","position":3,"name":"Во спомен на жртвите од трагедијата во Кочани","item":"https://msosorg.com/mk/projects/in-memory-of-the-kochani-victims/"}]}</script>
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<!-- SEO:END -->
<!-- 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/msos-logo-mk.svg" 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="../../../mk/timeline-and-milestones/">Времеплов и достигнувања</a></li>
<li><a href="../../../mk/about-us/">Нашиот тим, мисија, визија и вредности</a></li>
<li><a href="../../../mk/msos-hub/">МСОС Хаб</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="../../../mk/blog/">Блог</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">За студенти</a>
<ul class="dropdown-menu">
<li><a href="../../../mk/student-welcome-guide/">Водич за добредојде</a></li>
<li><a href="../../../mk/faq/">Често поставувани прашања</a></li>
<li><a href="../../../mk/get-to-know-slovenia/">Запознај ја Словенија</a></li>
<li><a href="../../../mk/get-to-know-macedonia/">Запознај ја Македонија</a></li>
</ul>
</li>
<li class="menu-item"><a href="../../../mk/news/">Новости</a></li>
</ul>
</nav>
<div class="navigation-actions">
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<a href="../../../mk/support/" class="btn btn-primary">Поддржи го МСОС ❤️</a>
<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="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></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="../../../mk/timeline-and-milestones/">Времеплов и достигнувања</a></li>
<li><a href="../../../mk/about-us/">Нашиот тим, мисија, визија и вредности</a></li>
<li><a href="../../../mk/msos-hub/">МСОС Хаб</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="../../../mk/blog/">Блог</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">За студенти</a>
<ul class="dropdown-menu">
<li><a href="../../../mk/student-welcome-guide/">Водич за добредојде</a></li>
<li><a href="../../../mk/faq/">Често поставувани прашања</a></li>
<li><a href="../../../mk/get-to-know-slovenia/">Запознај ја Словенија</a></li>
<li><a href="../../../mk/get-to-know-macedonia/">Запознај ја Македонија</a></li>
</ul>
</li>
<li class="menu-item"><a href="../../../mk/news/">Новости</a></li>
</ul>
</nav>
<div class="navigation-actions">
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<a href="../../../mk/support/" class="btn btn-primary">Поддржи го МСОС ❤️</a>
<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="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></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 fetchpriority="high" src="../../../images/kochani-1.webp" alt="Свеќи и цвеќе на Конгресниот плоштад во спомен на жртвите од трагедијата во Кочани">
</figure>
<div class="article-body">
<p>На 16 март 2025 година, во ноќниот клуб Pulse во Кочани, Северна Македонија, избувна пожар што одзеде 60 животи и остави длабоки лузни низ целата земја. За македонските студенти во странство, веста беше поразителна. Иако далеку од дома, чувството на загуба беше споделено, а потребата да застанеме заедно беше непобитна.</p>
<p>Заедницата на МСОС одлучи да создаде момент на солидарност во Словенија, не како чин на протест или политика, туку како начин да се изрази хуманост, тага и единство пред трагедијата.</p>
<figure class="article-inline-image">
<img loading="lazy" decoding="async" src="../../../images/kochani-2.webp" alt="Светлина од свеќи и цвеќе на жалниот собир во Љубљана">
</figure>
<h2>Собирот во Љубљана</h2>
<p>На 21 март, плоштадот во Љубљана беше исполнет со тишина и светлина од свеќи. Тоа што започна како очекување за околу 200 присутни, прерасна во собир на повеќе од 600 луѓе од сите возрасти. Програмата започна со краток говор на претседателот на МСОС, проследена со 16-минутна тишина во чест на жртвите, по една минута за секој мартовски ден до трагедијата.</p>
<p>Студенти, семејства и членови на пошироката заедница оставаа цвеќе и палеа свеќи, создавајќи море од светлина и боја што остана недопрено со недели потоа, бидејќи никој не се осмели да го наруши меморијалот. Атмосферата беше свечена, почитувачка и длабоко емотивна.</p>
<figure class="article-inline-image">
<img loading="lazy" decoding="async" src="../../../images/kochani-3.webp" alt="Море од свеќи и цвеќе оставени од присутните">
</figure>
<h2>Порака преку границите</h2>
<p>Овој собир беше потсетник дека и далеку од дома, студентите ги носат своите корени, своето сочувство и својот глас за правда. Не беше промотивен чин, туку човечки, знак дека новата генерација сака да гради иднина каде солидарноста и грижата го определуваат тоа што сме.</p>
<p>Настанот доби покриеност и во Словенија, каде претседателот на МСОС даде краток интервју за РТВ Словенија, размислувајќи за важноста на единството во тешки времиња.</p>
<figure class="article-inline-image">
<img loading="lazy" decoding="async" src="../../../images/kochani-4.webp" alt="Присутните стојат заедно за време на минутата тишина">
</figure>
<h2>Завршни зборови</h2>
<p>Трагедијата во Кочани ни покажа колку е кревок животот, но и колку силни можеме да бидеме кога сме заедно. Во Љубљана, студентската заедница застана рамо до рамо, испраќајќи љубов и почит дома.</p>
<p>Нека жртвите почиваат во мир.</p>
</div>
</article>
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
<h2>Не пропуштајте ниту една новост од МСОС</h2>
<p>Вести, соопштенија и отворени повици — директно во вашето сандаче.</p>
<form class="subscribe-form-bottom">
<div class="input-wrapper">
<input type="email" placeholder="Внесете ја вашата е-пошта">
</div>
<button type="submit" class="btn btn-primary-orange">Претплати се</button>
</form>
<p class="privacy-note">Ние се грижиме за вашите податоци во нашата <a href="../../../mk/privacy-policy/">политика за приватност</a></p>
</div>
</div>
</section>
</main>
<!-- START_FOOTER -->
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img loading="lazy" decoding="async" src="../../../images/msos-logo-white-mk.svg" alt="Логотип на Македонската студентска организација во Словенија">
</div>
<p class="footer-legal-name">Društvo Makedonska Študentska Organizacija v Sloveniji za študentsko podporo in kulturno sodelovanje</p>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Словенија<br>
<a href="mailto:info@msosorg.com">info@msosorg.com</a>
</p>
<div class="social-icons">
<a href="https://www.facebook.com/msos.org" aria-label="Facebook" target="_blank" rel="noopener"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.instagram.com/msosorg_com" aria-label="Instagram" target="_blank" rel="noopener"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/company/msos-org" aria-label="LinkedIn" target="_blank" rel="noopener"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/@msosorg" aria-label="YouTube" target="_blank" rel="noopener"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-links">
<div class="links-column">
<h4>Студентски водич</h4>
<a href="../../../mk/student-welcome-guide/">Студентски водич за добредојде</a>
<a href="../../../mk/student-welcome-guide/complete-student-journey/">Целосниот пат</a>
<a href="../../../mk/student-welcome-guide/application-deadlines/">Рокови за пријава</a>
<a href="../../../mk/student-welcome-guide/evs-application-guide/">Пријава преку eVŠ</a>
<a href="../../../mk/student-welcome-guide/student-residence-permit/">Дозвола за престој</a>
<a href="../../../mk/student-welcome-guide/student-accommodation/">Сместување</a>
</div>
<div class="links-column">
<h4>Истражи</h4>
<a href="../../../mk/get-to-know-slovenia/">Запознај ја Словенија</a>
<a href="../../../mk/get-to-know-macedonia/">Запознај ја Македонија</a>
<a href="../../../mk/projects/">Проекти и настани</a>
</div>
<div class="links-column">
<h4>Организација</h4>
<a href="../../../mk/about-us/">За нас</a>
<a href="../../../mk/timeline-and-milestones/">Времеплов и достигнувања</a>
<a href="mailto:info@msosorg.com">Контактирајте нè</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© 2026 МСОС. Сите права задржани.</p>
<div class="legal-links">
<a href="../../../mk/privacy-policy/">Политика за приватност</a>
<a href="../../../mk/cookie-policy/">Политика за колачиња</a>
<a href="../../../mk/legal/">Официјални информации</a>
<a href="#" class="js-manage-cookies" onclick="if(window.msosOpenConsent){msosOpenConsent();}return false;">Управувај со колачиња</a>
</div>
</div>
<div class="footer-credit">
<span>Изработено со помош на Марк и Домен од <a href="https://www.spletnimojster.si" target="_blank" rel="noopener">Сплетни Мојстер</a> и Кристијан од МСОС. Голема благодарност до нив!</span>
</div>
</div>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
</html>