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

+42 -34
View File
@@ -1,11 +1,13 @@
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="{{ROOT_PREFIX}}en/" class="logo-link">
<img src="{{ROOT_PREFIX}}images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Desktop Navigation -->
<!-- Logotip je zdaj samostojen element na levi strani -->
<a href="{{ROOT_PREFIX}}en/" class="logo-link">
<img src="{{ROOT_PREFIX}}images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" 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">
@@ -50,28 +52,25 @@
</li>
</ul>
</nav>
</div>
<!-- Desktop Buttons -->
<div class="navigation-actions">
<button class="btn btn-secondary">Become a member</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">EN</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 class="navigation-actions">
<button class="btn btn-secondary">Become a member</button>
<button class="btn btn-primary">Donate</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">EN</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>
<!-- Mobile Menu Icon (Hamburger/X) -->
<!-- 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>
@@ -79,7 +78,7 @@
</div>
</header>
<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
@@ -128,18 +127,27 @@
<div class="navigation-actions">
<button class="btn btn-secondary">Become a member</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher (for mobile) -->
<div class="language-selector">
<div class="current-lang">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">EN</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>
<span>EN</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro jezika (ostaja enako) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Select Language</h3>
<button id="language-modal-close" aria-label="Close language selection">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
+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 -->
+135 -48
View File
@@ -1,67 +1,154 @@
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="{{ROOT_PREFIX}}si/" class="logo-link">
<img src="{{ROOT_PREFIX}}images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
</a>
<!-- Navigacija za namizje -->
<nav class="navigation desktop-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="{{ROOT_PREFIX}}si/projects/">Projekti</a>
</nav>
</div>
<!-- Gumbi za namizje -->
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Zamenjan preklopnik jezika -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">SI</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>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="{{ROOT_PREFIX}}si/projects/">Projekti</a>
<!-- Logotip je zdaj samostojen element na levi strani -->
<a href="{{ROOT_PREFIX}}si/" class="logo-link">
<img src="{{ROOT_PREFIX}}images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" 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="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="{{ROOT_PREFIX}}si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">SI</span>
<span id="current-lang-code">SI</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>
<!-- Ikona za mobilni meni (Hamburger/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="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="{{ROOT_PREFIX}}si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span>SI</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro jezika (za mobilni) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Izberi jezik</h3>
<button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (МК)</a>
</div>
</div>
</div>
<!-- END_HEADER -->