Posodobljen mobilni meni

en/projects/index.html

@@ -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>

en/projects/index.html.bak

@@ -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>
@@ -322,7 +332,7 @@
             </div>
         </div>
     </div>
-    
+    <script src="../../main.js"></script>
 </footer>
 <!-- END_FOOTER -->
 

en/projects/macedonian-student-night-in-ljubljana/index.html

@@ -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>

en/projects/macedonian-student-night-in-ljubljana/index.html.bak

@@ -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>

en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html

@@ -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>

en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html.bak

@@ -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>

en/projects/meet-student-slovenia-2023/index.html

@@ -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>

en/projects/meet-student-slovenia-2023/index.html.bak

@@ -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>

en/projects/meet-student-slovenia-2024/index.html

@@ -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>

en/projects/meet-student-slovenia-2024/index.html.bak

@@ -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>

en/projects/morning-coffee-in-front-of-ctk/index.html

@@ -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>

en/projects/morning-coffee-in-front-of-ctk/index.html.bak

@@ -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>

en/projects/testproject/index.html

@@ -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>

en/projects/testproject/index.html.bak

@@ -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>