popovskikandClaude Opus 4.8
8ca03d5886
Launch the two country sections as a cultural bridge, following the approved Phase A spec and reusing the Events & Projects structure. Hubs (6 pages, EN/SI/MK each): - get-to-know-slovenia and get-to-know-macedonia - Section header + newsletter form, 6-category filter (Places & Nature, Culture & Traditions, Food & Flavours, History & Heritage, People & Identity), 6 launch cards, empty state, client-side pagination. - Five cards per hub link to articles that arrive in later batches. Articles (6 pages, EN/SI/MK each): - Welcome to Slovenia and Welcome to Macedonia, full text with the auto-generated table of contents and sticky mobile header. - Real, sourced images with attribution captions (place, photographer, source link). Wikimedia photos also link the CC BY-SA licence and note that the image was cropped. Images center-cropped to a uniform 3:2 and downscaled. Each article's hero image is reused on its hub card. Site-wide: - Wire the For Students menu links (desktop and mobile) to the new hubs on every page and in the header templates; rename the menu label from North Macedonia to Macedonia (formal name kept in body content). - Placeholder styles for images and cards still awaiting a sourced photo. - Add caption styling for the hero image and give the article table of contents clear separation from the footer. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
274 lines
15 KiB
HTML
274 lines
15 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="../../../mk/get-to-know-slovenia/">Запознај ја Словенија</a></li>
|
|
<li><a href="../../../mk/get-to-know-macedonia/">Запознај ја Македонија</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="../../../mk/get-to-know-slovenia/">Запознај ја Словенија</a></li>
|
|
<li><a href="../../../mk/get-to-know-macedonia/">Запознај ја Македонија</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="Затвори избор на јазик">×</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>
|