Posodobljen mobilni meni
Deploy to Production on Develop Push / deploy (push) Successful in 1m7s

This commit is contained in:
Mark Poljanšek committed 2025-09-04 20:43:28 +02:00
1 parent c1094898b7
commit 37b72526d8
51 files changed
+4294 -2776

No files matched your search

+134 -47
View File
@@ -1,67 +1,154 @@
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="{{ROOT_PREFIX}}mk/" class="logo-link">
<img src="{{ROOT_PREFIX}}images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
</a>
<!-- Навигација за десктоп -->
<nav class="navigation desktop-nav">
<a href="#">За нас</a>
<a href="#">За студенти</a>
<a href="{{ROOT_PREFIX}}mk/projects/">Проекти</a>
</nav>
</div>
<!-- Копчиња за десктоп -->
<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">MK</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 class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">За нас</a>
<a href="#">За студенти</a>
<a href="{{ROOT_PREFIX}}mk/projects/">Проекти</a>
<!-- Logotip je zdaj samostojen element na levi strani -->
<a href="{{ROOT_PREFIX}}mk/" class="logo-link">
<img src="{{ROOT_PREFIX}}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="{{ROOT_PREFIX}}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-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-mobile">MK</span>
<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">Македонски (MK)</a>
<a href="#" data-lang="mk">Македонски (МК)</a>
</div>
</div>
</div>
<!-- Икона за мобилно мени (Хамбургер/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</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="{{ROOT_PREFIX}}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 -->