Files
msos/mk/projects/watching-handball-together-in-slovenia/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

336 lines
27 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="Од Љубљана до Марибор, македонските студенти ги наполнија кафулињата со навивачки извици, знамиња и смеа додека ја гледаа ракометната репрезентација.">
<link rel="canonical" href="https://msosorg.com/mk/projects/watching-handball-together-in-slovenia/">
<link rel="alternate" hreflang="en" href="https://msosorg.com/en/projects/watching-handball-together-in-slovenia/">
<link rel="alternate" hreflang="mk" href="https://msosorg.com/mk/projects/watching-handball-together-in-slovenia/">
<link rel="alternate" hreflang="sl" href="https://msosorg.com/si/projects/watching-handball-together-in-slovenia/">
<link rel="alternate" hreflang="x-default" href="https://msosorg.com/en/projects/watching-handball-together-in-slovenia/">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Македонска студентска организација во Словенија">
<meta property="og:title" content="Навивање за Македонија, заедничко гледање ракомет во Словенија - MSOS">
<meta property="og:description" content="Од Љубљана до Марибор, македонските студенти ги наполнија кафулињата со навивачки извици, знамиња и смеа додека ја гледаа ракометната репрезентација.">
<meta property="og:url" content="https://msosorg.com/mk/projects/watching-handball-together-in-slovenia/">
<meta property="og:image" content="https://msosorg.com/images/handball-2025-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="Од Љубљана до Марибор, македонските студенти ги наполнија кафулињата со навивачки извици, знамиња и смеа додека ја гледаа ракометната репрезентација.">
<meta name="twitter:image" content="https://msosorg.com/images/handball-2025-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":"Од Љубљана до Марибор, македонските студенти ги наполнија кафулињата со навивачки извици, знамиња и смеа додека ја гледаа ракометната репрезентација.","image":"https://msosorg.com/images/handball-2025-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/watching-handball-together-in-slovenia/","datePublished":"2025-01-25","dateModified":"2025-01-25"}</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/watching-handball-together-in-slovenia/"}]}</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">Објавено на 25 јануари 2025</p>
<h1>Навивање за Македонија, заедничко гледање ракомет во Словенија</h1>
<p class="article-subtitle">Од Љубљана до Марибор, македонските студенти ги наполнија кафулињата со навивачки извици, знамиња и смеа додека ја гледаа ракометната репрезентација.</p>
</header>
<figure class="article-main-image">
<img fetchpriority="high" src="../../../images/handball-2025-1.webp" alt="Навивачка атмосфера додека се гледа ракомет во Марибор">
</figure>
<div class="article-body">
<p>Во јануари 2025 година, македонските студенти во Љубљана и Марибор ги претворија кафулињата во навивачки зони, собирајќи се да навиваат, пеат и ја споделат возбудата од ракометот, докажувајќи дека дури и далеку од дома, духот на Македонија живее гласно.</p>
<figure class="article-inline-image">
<img loading="lazy" decoding="async" src="../../../images/handball-2025-2.webp" alt="Момент од навивачката атмосфера во Марибор.">
<figcaption>Момент од навивачката атмосфера во Марибор.</figcaption>
</figure>
<h2>Два града, еден дух</h2>
<p>Оваа зима, Светското првенство во ракомет донесе повеќе од само натпревари на екран. Ги собра македонските студенти заедно. Во Љубљана, иницијативата дојде од студентот Љубен Најдовски, кој предложи МСОС да организира групно гледање на натпреварот против Гвинеја на 19 јануари 2025 година. Со брза организација и поддршка од локалното кафуле Lepa Žoga, беше резервиран простор, беа собрани пријави и наскоро 25 студенти го наполнија местото со знамиња, извици и смеа.</p>
<figure class="article-inline-image">
<img loading="lazy" decoding="async" src="../../../images/handball-2025-3.webp" alt="Навивачите собрани во базата во Љубљана навиваат заедно за Македонија.">
<figcaption>Навивачите собрани во базата во Љубљана навиваат заедно за Македонија.</figcaption>
</figure>
<p>Само една недела подоцна, енергијата се пренесе во Марибор, каде што локалниот тим на МСОС организираше свое навивачко собирање за натпреварот против Франција на 25 јануари 2025 година. Во кафулето CLC во центарот на градот, настанот собра 35 студенти и пријатели, со грицки, музика и вистинска навивачка атмосфера. И покрај тоа што резултатот на семафорот не беше во корист на Македонија, вечерта заврши со славење, нови пријателства и дури и дружба по настанот што траеше долго по последниот свирок.</p>
<figure class="article-inline-image">
<img loading="lazy" decoding="async" src="../../../images/handball-2025-4.webp" alt="Навивачите собрани во базата во Марибор навиваат заедно за Македонија.">
<figcaption>Навивачите собрани во базата во Марибор навиваат заедно за Македонија.</figcaption>
</figure>
<h2>Повеќе од само гледање на натпреварот</h2>
<p>Тоа што ги направи овие настани посебни не беше само спортот. Беше начинот на кој студентите создадоа парче дом во странство: мавтање со знамиња, споделување пијалаци, извикување „Ајде Македонија!“ кон екранот и заеднички смеа при промашени шутови или брилијантни одбрани. За новодојдените, тоа беше можност веднаш да се почувствуваат дел од заедницата. За другите, тоа беше потсетник дека дури и стотици километри од дома, не навиваа сами.</p>
<figure class="article-inline-image">
<img loading="lazy" decoding="async" src="../../../images/handball-2025-5.webp" alt="Двајца наши организатори од МСОС Марибор уживаат во вечерта на навивачкиот настан.">
<figcaption>Двајца наши организатори од МСОС Марибор уживаат во вечерта на навивачкиот настан.</figcaption>
</figure>
<h2>Нова традиција во создавање</h2>
<p>Од Љубљана до Марибор, овие навивачки собири покажаа дека поддршката на репрезентацијата може да биде повеќе од спорт. Тоа е начин да се градат пријателства, да се зајакне заедницата и да се носи парче Македонија каде и да одиме. Со секој натпревар, енергијата расте, и едно е сигурно: овие собири ќе продолжат да бидат дел од приказната на МСОС.</p>
<figure class="article-inline-image">
<img loading="lazy" decoding="async" src="../../../images/handball-2025-6.webp" alt="Момент од нашиот тим во Марибор.">
<figcaption>Момент од нашиот тим во Марибор.</figcaption>
</figure>
<figure class="article-inline-image">
<img loading="lazy" decoding="async" src="../../../images/handball-2025-7.webp" alt="Момент од нашиот тим во Љубљана.">
<figcaption>Момент од нашиот тим во Љубљана.</figcaption>
</figure>
</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>