popravki

2025-09-04 23:46:04 +02:00 · 2025-09-04 23:46:04 +02:00 · 0346b10f6e
parent 66c4631769
commit 0346b10f6e
46 changed files with 236 additions and 230 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1 @@
+.venv/
--- a/css/pages/_about.css
+++ b/css/pages/_about.css
@ -153,11 +153,11 @@
 }


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


 /* ==========================================================================
--- a/en/about-us/index.html
+++ b/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_kristijan_min.jpg" alt="Avatar of Kristijan" class="avatar large">
-                     <img src="../../images/about_lea_min.jpg" alt="Avatar of Lea" class="avatar">
+                     <img src="../../images/about_marija_min.webp" alt="Avatar of Marija" class="avatar">
+                     <img src="../../images/about_kristijan_min.webp" alt="Avatar of Kristijan" class="avatar large">
+                     <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>
--- a/en/about-us/index.html.bak
+++ b/en/about-us/index.html.bak
@ -19,152 +19,159 @@
 <body>

    <!-- START_HEADER -->
-    <header class="dropdown-header-navigation">
-        <div class="container">
-            <a href="../../en/" class="logo-link">
-                <img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
-            </a>
-            <div class="header-right-wrapper">
-                <nav>
-                    <ul class="navigation desktop-nav">
-                        <li class="menu-item menu-item-has-children">
-                            <a href="#">Who We Are</a>
-                            <ul class="dropdown-menu">
-                                <li><a href="#">Timeline & Milestones</a></li>
-                                <li><a href="#">Our team, mission, vision & core values</a></li>
-                            </ul>
-                        </li>
-                        <li class="menu-item menu-item-has-children">
-                            <a href="#">What We Do</a>
-                            <ul class="dropdown-menu">
-                                <li><a href="../../en/projects/">Event & Projects</a></li>
-                                <li><a href="#">Blog</a></li>
-                                <li><a href="#">Gallery</a></li>
-                            </ul>
-                        </li>
-                        <li class="menu-item menu-item-has-children">
-                            <a href="#">Get Involved</a>
-                            <ul class="dropdown-menu">
-                                <li><a href="#">Become a member</a></li>
-                                <li><a href="#">Support MSOS</a></li>
-                            </ul>
-                        </li>
-                        <li class="menu-item menu-item-has-children">
-                            <a href="#">For Students</a>
-                            <ul class="dropdown-menu">
-                                <li><a href="#">Student Welcome Guide</a></li>
-                                <li><a href="#">Mentorship Programme</a></li>
-                                <li><a href="#">FAQs</a></li>
-                                <li><a href="#">Get to know Slovenia</a></li>
-                                <li><a href="#">Get to know North Macedonia</a></li>
-                            </ul>
-                        </li>
-                        <li class="menu-item menu-item-has-children">
-                            <a href="#">News</a>
-                            <ul class="dropdown-menu">
-                                <li><a href="#">Announcements</a></li>
-                                <li><a href="#">Open calls</a></li>
-                                <li><a href="#">Press releases</a></li>
-                            </ul>
-                        </li>
-                    </ul>
-                </nav>
-                <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>
+<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">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Who We Are</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Timeline & Milestones</a></li>
+                            <li><a href="#">Our team, mission, vision & core values</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">What We Do</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../en/projects/">Event & Projects</a></li>
+                            <li><a href="#">Blog</a></li>
+                            <li><a href="#">Gallery</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Get Involved</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Become a member</a></li>
+                            <li><a href="#">Support MSOS</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">For Students</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Student Welcome Guide</a></li>
+                            <li><a href="#">Mentorship Programme</a></li>
+                            <li><a href="#">FAQs</a></li>
+                            <li><a href="#">Get to know Slovenia</a></li>
+                            <li><a href="#">Get to know North Macedonia</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">News</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Announcements</a></li>
+                            <li><a href="#">Open calls</a></li>
+                            <li><a href="#">Press releases</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
+            <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 class="mobile-menu-icon">
-                <i class="fas fa-bars"></i>
-                <i class="fas fa-times"></i>
-            </div>
        </div>
-    </header>

-    <div class="mobile-nav-panel">
-        <nav>
-            <ul class="navigation mobile-nav">
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Who We Are</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Timeline & Milestones</a></li>
-                        <li><a href="#">Our team, mission, vision & core values</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">What We Do</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="../../en/projects/">Event & Projects</a></li>
-                        <li><a href="#">Blog</a></li>
-                        <li><a href="#">Gallery</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Get Involved</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Become a member</a></li>
-                        <li><a href="#">Support MSOS</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">For Students</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Student Welcome Guide</a></li>
-                        <li><a href="#">Mentorship Programme</a></li>
-                        <li><a href="#">FAQs</a></li>
-                        <li><a href="#">Get to know Slovenia</a></li>
-                        <li><a href="#">Get to know North Macedonia</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">News</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Announcements</a></li>
-                        <li><a href="#">Open calls</a></li>
-                        <li><a href="#">Press releases</a></li>
-                    </ul>
-                </li>
-            </ul>
-        </nav>
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <div class="language-selector">
-                <button class="current-lang" id="mobile-lang-trigger">
-                    <i class="fas fa-globe"></i>
-                    <span>EN</span>
-                    <i class="fas fa-chevron-right"></i>
-                </button>
-            </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>

-    <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>
+<!-- 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">
+                <a href="#">Who We Are</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Timeline & Milestones</a></li>
+                    <li><a href="#">Our team, mission, vision & core values</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">What We Do</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../en/projects/">Event & Projects</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Gallery</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Get Involved</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Become a member</a></li>
+                    <li><a href="#">Support MSOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">For Students</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Student Welcome Guide</a></li>
+                    <li><a href="#">Mentorship Programme</a></li>
+                    <li><a href="#">FAQs</a></li>
+                    <li><a href="#">Get to know Slovenia</a></li>
+                    <li><a href="#">Get to know North Macedonia</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">News</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Announcements</a></li>
+                    <li><a href="#">Open calls</a></li>
+                    <li><a href="#">Press releases</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Become a member</button>
+        <button class="btn btn-primary">Donate</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>EN</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
        </div>
    </div>
-    <!-- END_HEADER -->
+</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>
+<!-- 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_lea_min.jpg" alt="Avatar of Lea" class="avatar">
+                     <img src="../../images/about_kristijan_min.webp" alt="Avatar of Kristijan" class="avatar large">
+                     <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,59 +342,59 @@
    </main>

    <!-- START_FOOTER -->
-    <footer>
-        <div class="footer-container">
-            <div class="footer-main">
-                <div class="footer-info">
-                    <div class="footer-logo">
-                        <img src="../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
-                    </div>
-                    <p>
-                        Masarykova cesta 24<br>
-                        1000 Ljubljana, Slovenia<br>
-                        +389 02 123 4567<br>
-                        info.msosorg@gmail.com
-                    </p>
-                    <div class="social-icons">
-                        <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
-                        <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
-                        <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
-                    </div>
+<footer>
+    <div class="footer-container">
+        <div class="footer-main">
+            <div class="footer-info">
+                <div class="footer-logo">
+                    <img src="../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
                </div>
-                <div class="footer-links">
-                    <div class="links-column">
-                        <h4>For students</h4>
-                        <a href="#">Blog</a>
-                        <a href="#">Gallery</a>
-                        <a href="#">FAQs</a>
-                        <a href="#">Brochure</a>
-                    </div>
-                    <div class="links-column">
-                        <h4>Projects</h4>
-                        <a href="#">Upcoming</a>
-                        <a href="#">Previous</a>
-                    </div>
-                    <div class="links-column">
-                        <h4>Organisation</h4>
-                        <a href="#">About us</a>
-                        <a href="#">Contact</a>
-                        <a href="#">Documentation</a>
-                    </div>
+                <p>
+                    Masarykova cesta 24<br>
+                    1000 Ljubljana, Slovenia<br>
+                    +389 02 123 4567<br>
+                    info.msosorg@gmail.com
+                </p>
+                <div class="social-icons">
+                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
+                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
+                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
-            <hr>
-            <div class="footer-bottom">
-                 <p>© MSOS org 2023 All rights reserved.</p>
-                <div class="legal-links">
-                    <a href="#">Privacy policy</a>
-                    <a href="#">Cookie Policy</a>
-                    <a href="#">Legal Terms</a>
+            <div class="footer-links">
+                <div class="links-column">
+                    <h4>For students</h4>
+                    <a href="#">Blog</a>
+                    <a href="#">Gallery</a>
+                    <a href="#">FAQs</a>
+                    <a href="#">Brochure</a>
+                </div>
+                <div class="links-column">
+                    <h4>Projects</h4>
+                    <a href="#">Upcoming</a>
+                    <a href="#">Previous</a>
+                </div>
+                <div class="links-column">
+                    <h4>Organisation</h4>
+                    <a href="#">About us</a>
+                    <a href="#">Contact</a>
+                    <a href="#">Documentation</a>
                </div>
            </div>
        </div>
-        <script src="../../main.js"></script>
-    </footer>
-    <!-- END_FOOTER -->
+        <hr>
+        <div class="footer-bottom">
+             <p>© MSOS org 2023 All rights reserved.</p>
+            <div class="legal-links">
+                <a href="#">Privacy policy</a>
+                <a href="#">Cookie Policy</a>
+                <a href="#">Legal Terms</a>
+            </div>
+        </div>
+    </div>
+    <script src="../../main.js"></script>
+</footer>
+<!-- END_FOOTER -->
    
 </body>
 </html>
--- a/en/about-us/timeline-and-milestones/index.html
+++ b/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 -->
--- a/en/about-us/timeline-and-milestones/index.html.bak
+++ b/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">
-            <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 (Desktop Dropdown) -->
-            <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 -->
+<!-- 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">
--- a/images/about_kristijan.webp
+++ b/images/about_kristijan.webp
--- a/images/about_kristijan_min.webp
+++ b/images/about_kristijan_min.webp
--- a/images/about_lea.webp
+++ b/images/about_lea.webp
--- a/images/about_lea_min.webp
+++ b/images/about_lea_min.webp
--- a/images/about_love_for_our_roots_ambition_for_the_future.webp
+++ b/images/about_love_for_our_roots_ambition_for_the_future.webp
--- a/images/about_marija.webp
+++ b/images/about_marija.webp
--- a/images/about_marija_min.webp
+++ b/images/about_marija_min.webp
--- a/images/about_marko.webp
+++ b/images/about_marko.webp
--- a/images/about_mission.webp
+++ b/images/about_mission.webp
--- a/images/about_monika.webp
+++ b/images/about_monika.webp
--- a/images/about_solidarity_and_care_for_each_other.webp
+++ b/images/about_solidarity_and_care_for_each_other.webp
--- a/images/about_us-timeline-milestones_img0.webp
+++ b/images/about_us-timeline-milestones_img0.webp
--- a/images/about_vision.webp
+++ b/images/about_vision.webp
--- a/images/about_volunteer_spirit.webp
+++ b/images/about_volunteer_spirit.webp
--- a/images/amazing_team.webp
+++ b/images/amazing_team.webp
--- a/images/bisera_nikolovska.webp
+++ b/images/bisera_nikolovska.webp
--- a/images/kiara_lazic.webp
+++ b/images/kiara_lazic.webp
--- a/images/kristijan_popovski.webp
+++ b/images/kristijan_popovski.webp
--- a/images/leon_shumanski.webp
+++ b/images/leon_shumanski.webp
--- a/images/msos_foundation.webp
+++ b/images/msos_foundation.webp
--- a/images/original/about_kristijan.jpg
+++ b/images/original/about_kristijan.jpg
--- a/images/original/about_kristijan_min.jpg
+++ b/images/original/about_kristijan_min.jpg
--- a/images/original/about_lea.jpg
+++ b/images/original/about_lea.jpg
--- a/images/original/about_lea_min.jpg
+++ b/images/original/about_lea_min.jpg
--- a/images/original/about_love_for_our_roots_ambition_for_the_future.jpg
+++ b/images/original/about_love_for_our_roots_ambition_for_the_future.jpg
--- a/images/original/about_marija.jpg
+++ b/images/original/about_marija.jpg
--- a/images/original/about_marija_min.jpg
+++ b/images/original/about_marija_min.jpg
--- a/images/original/about_marko.jpg
+++ b/images/original/about_marko.jpg
--- a/images/original/about_mission.png
+++ b/images/original/about_mission.png
--- a/images/original/about_monika.jpg
+++ b/images/original/about_monika.jpg
--- a/images/original/about_solidarity_and_care_for_each_other.jpg
+++ b/images/original/about_solidarity_and_care_for_each_other.jpg
--- a/images/original/about_us-timeline-milestones_img0.JPG
+++ b/images/original/about_us-timeline-milestones_img0.JPG
--- a/images/original/about_vision.png
+++ b/images/original/about_vision.png
--- a/images/original/about_volunteer_spirit.jpg
+++ b/images/original/about_volunteer_spirit.jpg
--- a/images/original/amazing_team.png
+++ b/images/original/amazing_team.png
--- a/images/original/bisera_nikolovska.jpg
+++ b/images/original/bisera_nikolovska.jpg
--- a/images/original/kiara_lazic.jpg
+++ b/images/original/kiara_lazic.jpg
--- a/images/original/kristijan_popovski.jpg
+++ b/images/original/kristijan_popovski.jpg
--- a/images/original/leon_shumanski.jpg
+++ b/images/original/leon_shumanski.jpg
--- a/images/original/msos_foundation.jpg
+++ b/images/original/msos_foundation.jpg