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
@@ -21,11 +21,13 @@
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../en/" class="logo-link">
<img src="../../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="../../en/" class="logo-link">
<img src="../../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">
@@ -70,28 +72,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>
@@ -99,7 +98,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">
@@ -148,18 +147,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>
+23 -13
View File
@@ -76,7 +76,7 @@
<div class="navigation-actions">
<button class="btn btn-secondary">Become a member</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<!-- Language Switcher (Desktop Dropdown) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
@@ -99,7 +99,7 @@
</div>
</header>
<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
@@ -148,18 +148,28 @@
<div class="navigation-actions">
<button class="btn btn-secondary">Become a member</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher (for mobile) -->
<!-- Language Switcher (Mobile Button - Triggers Modal) -->
<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>
<!-- Language Selection Modal (for Mobile) -->
<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>
@@ -367,7 +377,7 @@
</div>
</div>
</div>
<script src="../../main.js"></script>
</footer>
<!-- END_FOOTER -->
+42 -34
View File
@@ -21,11 +21,13 @@
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../../en/" class="logo-link">
<img src="../../../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="../../../en/" class="logo-link">
<img src="../../../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">
@@ -70,28 +72,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>
@@ -99,7 +98,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">
@@ -148,18 +147,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>
@@ -76,7 +76,7 @@
<div class="navigation-actions">
<button class="btn btn-secondary">Become a member</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<!-- Language Switcher (Desktop Dropdown) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
@@ -99,7 +99,7 @@
</div>
</header>
<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
@@ -148,18 +148,28 @@
<div class="navigation-actions">
<button class="btn btn-secondary">Become a member</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher (for mobile) -->
<!-- Language Switcher (Mobile Button - Triggers Modal) -->
<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>
<!-- Language Selection Modal (for Mobile) -->
<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>