popravki

.gitignore

@@ -0,0 +1 @@
+.venv/

css/pages/_about.css

@@ -153,11 +153,11 @@
 }
 
 
-#member-kristijan { background-image: url('../../images/about_kristijan.jpg'); }
+#member-kristijan { background-image: url('../../images/about_kristijan.webp'); }
-#member-lea { background-image: url('../../images/about_lea.jpg'); }
+#member-lea { background-image: url('../../images/about_lea.webp'); }
-#member-marko { background-image: url('../../images/about_marko.jpg'); }
+#member-marko { background-image: url('../../images/about_marko.webp'); }
-#member-marija { background-image: url('../../images/about_marija.jpg'); }
+#member-marija { background-image: url('../../images/about_marija.webp'); }
-#member-monika { background-image: url('../../images/about_monika.jpg'); }
+#member-monika { background-image: url('../../images/about_monika.webp'); }
 
 
 /* ==========================================================================

en/about-us/index.html

@@ -275,12 +275,12 @@
                         <p>The strength of MSOS comes from giving our time and energy selflessly. Every project, event, and idea in MSOS is built on the hard work of our amazing volunteers. Our volunteer spirit is a testament to the dedication, passion, and collaborative energy of our community and the reason why we grow stronger together.</p>
                     </div>
                     <div class="value-image">
-                        <img src="../../images/about_volunteer_spirit.jpg" alt="A group of volunteers working together with positive energy.">
+                        <img src="../../images/about_volunteer_spirit.webp" alt="A group of volunteers working together with positive energy.">
                     </div>
                 </div>
                 <div class="value-row">
                     <div class="value-image">
-                        <img src="../../images/about_solidarity_and_care_for_each_other.jpg" alt="Students supporting each other in a friendly and caring manner.">
+                        <img src="../../images/about_solidarity_and_care_for_each_other.webp" alt="Students supporting each other in a friendly and caring manner.">
                     </div>
                     <div class="value-content">
                         <h3>Solidarity & care for each other</h3>
@@ -293,7 +293,7 @@
                         <p>We are proud of where we come from and carry our Macedonian heritage with us, while striving for a brighter future. Our roots give us strength, and our ambition pushes us forward. Our ambition drives us to be professional, innovative, and influential leaders and role models in our host country.</p>
                     </div>
                     <div class="value-image">
-                        <img src="../../images/about_love_for_our_roots_ambition_for_the_future.jpg" alt="A blend of traditional Macedonian culture and modern ambitious students.">
+                        <img src="../../images/about_love_for_our_roots_ambition_for_the_future.webp" alt="A blend of traditional Macedonian culture and modern ambitious students.">
                     </div>
                 </div>
             </div>
@@ -311,7 +311,7 @@
                         <p>The mission of MSOS is to represent the interests, improve the lives, and ease the studies of Macedonian students in the Republic of Slovenia.</p>
                     </div>
                     <div class="box-content mission-icon-content">
-                        <img src="../../images/about_mission.png" alt="Mission Icon">
+                        <img src="../../images/about_mission.webp" alt="Mission Icon">
                     </div>
                 </div>
                 <!-- Vision Box -->
@@ -320,7 +320,7 @@
                         <p>The vision of the MSOS is to provide a voice, a home, and support for Macedonian students in the Republic of Slovenia, while encouraging their active involvement in projects of common interest.</p>
                     </div>
                     <div class="box-content vision-icon-content">
-                        <img src="../../images/about_vision.png" alt="Vision Icon">
+                        <img src="../../images/about_vision.webp" alt="Vision Icon">
                     </div>
                 </div>
             </div>
@@ -330,9 +330,9 @@
         <section class="faq-cta-section">
              <div class="faq-cta-container">
                 <div class="avatar-group">
-                     <img src="../../images/about_marija_min.jpg" alt="Avatar of Marija" class="avatar">
+                     <img src="../../images/about_marija_min.webp" alt="Avatar of Marija" class="avatar">
-                     <img src="../../images/about_kristijan_min.jpg" alt="Avatar of Kristijan" class="avatar large">
+                     <img src="../../images/about_kristijan_min.webp" alt="Avatar of Kristijan" class="avatar large">
-                     <img src="../../images/about_lea_min.jpg" alt="Avatar of Lea" class="avatar">
+                     <img src="../../images/about_lea_min.webp" alt="Avatar of Lea" class="avatar">
                 </div>
                 <h3>Have any questions?</h3>
                 <p class="page-description" style="margin: 0;">Can't find the answer you're looking for? Please chat to our friendly team.</p>

en/about-us/index.html.bak

@@ -19,11 +19,14 @@
 <body>
 
     <!-- START_HEADER -->
-    <header class="dropdown-header-navigation">
+<header class="dropdown-header-navigation">
     <div class="container">
+        <!-- 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">
@@ -86,14 +89,17 @@
                 </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>
+</header>
 
-    <div class="mobile-nav-panel">
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
+<div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
             <li class="menu-item menu-item-has-children">
@@ -149,9 +155,10 @@
             </button>
         </div>
     </div>
-    </div>
+</div>
 
-    <div id="language-modal-overlay">
+<!-- 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>
@@ -163,8 +170,8 @@
             <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
-    </div>
+</div>
-    <!-- END_HEADER -->
+<!-- END_HEADER -->
 
     <main class="page-content">
         <!-- About Us Header Section -->
@@ -268,12 +275,12 @@
                         <p>The strength of MSOS comes from giving our time and energy selflessly. Every project, event, and idea in MSOS is built on the hard work of our amazing volunteers. Our volunteer spirit is a testament to the dedication, passion, and collaborative energy of our community and the reason why we grow stronger together.</p>
                     </div>
                     <div class="value-image">
-                        <img src="../../images/about_volunteer_spirit.jpg" alt="A group of volunteers working together with positive energy.">
+                        <img src="../../images/about_volunteer_spirit.webp" alt="A group of volunteers working together with positive energy.">
                     </div>
                 </div>
                 <div class="value-row">
                     <div class="value-image">
-                        <img src="../../images/about_solidarity_and_care_for_each_other.jpg" alt="Students supporting each other in a friendly and caring manner.">
+                        <img src="../../images/about_solidarity_and_care_for_each_other.webp" alt="Students supporting each other in a friendly and caring manner.">
                     </div>
                     <div class="value-content">
                         <h3>Solidarity & care for each other</h3>
@@ -286,7 +293,7 @@
                         <p>We are proud of where we come from and carry our Macedonian heritage with us, while striving for a brighter future. Our roots give us strength, and our ambition pushes us forward. Our ambition drives us to be professional, innovative, and influential leaders and role models in our host country.</p>
                     </div>
                     <div class="value-image">
-                        <img src="../../images/about_love_for_our_roots_ambition_for_the_future.jpg" alt="A blend of traditional Macedonian culture and modern ambitious students.">
+                        <img src="../../images/about_love_for_our_roots_ambition_for_the_future.webp" alt="A blend of traditional Macedonian culture and modern ambitious students.">
                     </div>
                 </div>
             </div>
@@ -304,7 +311,7 @@
                         <p>The mission of MSOS is to represent the interests, improve the lives, and ease the studies of Macedonian students in the Republic of Slovenia.</p>
                     </div>
                     <div class="box-content mission-icon-content">
-                        <img src="../../images/about_mission.png" alt="Mission Icon">
+                        <img src="../../images/about_mission.webp" alt="Mission Icon">
                     </div>
                 </div>
                 <!-- Vision Box -->
@@ -313,7 +320,7 @@
                         <p>The vision of the MSOS is to provide a voice, a home, and support for Macedonian students in the Republic of Slovenia, while encouraging their active involvement in projects of common interest.</p>
                     </div>
                     <div class="box-content vision-icon-content">
-                        <img src="../../images/about_vision.png" alt="Vision Icon">
+                        <img src="../../images/about_vision.webp" alt="Vision Icon">
                     </div>
                 </div>
             </div>
@@ -324,8 +331,8 @@
              <div class="faq-cta-container">
                 <div class="avatar-group">
                      <img src="../../images/about_marija_min.jpg" alt="Avatar of Marija" class="avatar">
-                     <img src="../../images/about_kristijan_min.jpg" alt="Avatar of Kristijan" class="avatar large">
+                     <img src="../../images/about_kristijan_min.webp" alt="Avatar of Kristijan" class="avatar large">
-                     <img src="../../images/about_lea_min.jpg" alt="Avatar of Lea" class="avatar">
+                     <img src="../../images/about_lea_min.webp" alt="Avatar of Lea" class="avatar">
                 </div>
                 <h3>Have any questions?</h3>
                 <p class="page-description" style="margin: 0;">Can't find the answer you're looking for? Please chat to our friendly team.</p>
@@ -335,7 +342,7 @@
     </main>
 
     <!-- START_FOOTER -->
-    <footer>
+<footer>
     <div class="footer-container">
         <div class="footer-main">
             <div class="footer-info">
@@ -386,8 +393,8 @@
         </div>
     </div>
     <script src="../../main.js"></script>
-    </footer>
+</footer>
-    <!-- END_FOOTER -->
+<!-- END_FOOTER -->
     
 </body>
 </html>

en/about-us/timeline-and-milestones/index.html

@@ -185,7 +185,7 @@
 
         <!-- Timeline Banner -->
         <div class="timeline-banner">
-            <img src="../../../images/about_us-timeline-milestones_img0.JPG" alt="MSOS Team Group Photo">
+            <img src="../../../images/about_us-timeline-milestones_img0.webp" alt="MSOS Team Group Photo">
         </div>
 
         <!-- Timeline Section -->

en/about-us/timeline-and-milestones/index.html.bak

@@ -21,11 +21,13 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
+        <!-- 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>
-            <!-- Desktop Navigation -->
+        
+        <!-- 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,13 +72,9 @@
                     </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 (Desktop Dropdown) -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
@@ -90,8 +88,9 @@
                     </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 -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,7 +147,6 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
@@ -159,7 +157,7 @@
     </div>
 </div>
 
-<!-- Language Selection Modal (for Mobile) -->
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
 <div id="language-modal-overlay">
     <div class="language-modal-content">
         <div class="language-modal-header">