posodobitve headerjev in optimizacija slik

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

@@ -19,29 +19,54 @@
 <body>
 
     <!-- START_HEADER -->
-    <header class="dropdown-header-navigation">
-        <div class="container">
-            <div class="header-content">
-                <a href="../../../si/" class="logo-link">
-                    <img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
-                </a>
-                <!-- Navigacija za namizje -->
-                <nav class="navigation desktop-nav">
-                    <a href="#">O nas</a>
-                    <a href="#">Za študente</a>
-                    <a href="../">Projekti</a>
-                </nav>
-            </div>
+<header class="dropdown-header-navigation">
+    <div class="container">
+        <div class="header-content">
+            <a href="../../../si/" class="logo-link">
+                <img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
+            </a>
+            <!-- Navigacija za namizje -->
+            <nav class="navigation desktop-nav">
+                <a href="#">O nas</a>
+                <a href="#">Za študente</a>
+                <a href="../../../si/projects/">Projekti</a>
+            </nav>
+        </div>
 
-            <!-- Gumbi za namizje -->
+        <!-- Gumbi za namizje -->
+        <div class="navigation-actions">
+            <button class="btn btn-secondary">Postanite partner</button>
+            <button class="btn btn-primary">Donirajte</button>
+            <!-- Zamenjan preklopnik jezika -->
+            <div class="language-selector">
+                <div class="current-lang">
+                    <i class="fas fa-globe"></i>
+                    <span id="current-lang-code">SI</span>
+                    <i class="fas fa-chevron-down"></i>
+                </div>
+                <div class="lang-dropdown">
+                    <a href="#" data-lang="si">Slovenščina (SI)</a>
+                    <a href="#" data-lang="en">English (EN)</a>
+                    <a href="#" data-lang="mk">Македонски (MK)</a>
+                </div>
+            </div>
+        </div>
+
+        <!-- Panel za mobilno navigacijo -->
+        <div class="mobile-nav-panel">
+            <nav class="navigation mobile-nav">
+                <a href="#">O nas</a>
+                <a href="#">Za študente</a>
+                <a href="../../../si/projects/">Projekti</a>
+            </nav>
             <div class="navigation-actions">
                 <button class="btn btn-secondary">Postanite partner</button>
                 <button class="btn btn-primary">Donirajte</button>
-                <!-- Preklopnik jezika -->
+                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
-                        <span id="current-lang-code">SI</span>
+                        <span id="current-lang-code-mobile">SI</span>
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
@@ -52,40 +77,14 @@
                 </div>
             </div>
 
-            <!-- Panel za mobilno navigacijo -->
-            <div class="mobile-nav-panel">
-                <nav class="navigation mobile-nav">
-                    <a href="#">O nas</a>
-                    <a href="#">Za študente</a>
-                    <a href="../">Projekti</a>
-                </nav>
-                <div class="navigation-actions">
-                    <button class="btn btn-secondary">Postanite partner</button>
-                    <button class="btn btn-primary">Donirajte</button>
-                    <!-- Preklopnik jezika (za mobilni meni) -->
-                    <div class="language-selector">
-                        <div class="current-lang">
-                            <i class="fas fa-globe"></i>
-                            <span id="current-lang-code-mobile">SI</span>
-                            <i class="fas fa-chevron-down"></i>
-                        </div>
-                        <div class="lang-dropdown">
-                            <a href="#" data-lang="si">Slovenščina (SI)</a>
-                            <a href="#" data-lang="en">English (EN)</a>
-                            <a href="#" data-lang="mk">Македонски (MK)</a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
              <!-- Ikona za mobilni meni (Hamburger/X) -->
             <div class="mobile-menu-icon">
                 <i class="fas fa-bars"></i>
                 <i class="fas fa-times"></i>
             </div>
         </div>
-    </header>
-    <!-- END_HEADER -->
+</header>
+<!-- END_HEADER -->
 
     <main class="article-page">
         <article class="article-container">
@@ -96,7 +95,7 @@
             </header>
 
             <figure class="article-main-image">
-                <img src="../../../images/msnl-1.jpg" alt="Vzdušje z Makedonske študentske noči v Ljubljani">
+                <img src="../../../images/msnl-1.webp" alt="Vzdušje z Makedonske študentske noči v Ljubljani">
             </figure>
 
             <div class="article-body">
@@ -106,7 +105,7 @@
                 <p>Vse se je začelo s preprosto željo – da se zberemo, spoznamo in začutimo Makedonijo, čeprav smo daleč od nje. Kristijan Popovski, takrat študent Ekonomske fakultete v Ljubljani, je svojo idejo delil z nekaj kolegi, odziv pa je bil neverjeten. V manj kot dveh tednih se je v organizacijsko ekipo vključilo več kot 40 študentov. Vsak je prispeval svoj entuziazem in čas, skupni duh in želja po povezovanju pa sta to spontano pobudo spremenila v dogodek, ki si ga bomo dolgo zapomnili.</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/msnl-2.png" alt="Priprave in sestanki za Makedonsko študentsko noč">
+                    <img src="../../../images/msnl-2.webp" alt="Priprave in sestanki za Makedonsko študentsko noč">
                     <figcaption>Fotografije s priprav in sestankov za organizacijo Makedonske študentske noči.</figcaption>
                 </figure>
                 
@@ -114,7 +113,7 @@
                 <p>Teden dni pred dogodkom smo vsak dan objavljali zanimivosti o Makedoniji, njenih nacionalnih zakladih, glasbi in kulturi. Počasi, a vztrajno, smo gradili vzdušje in navdušenje, ne le med makedonskimi študenti, temveč tudi med mnogimi drugimi, ki so želeli občutiti našo energijo.</p>
 
                 <figure class="article-inline-image">
-                    <img src="../../../images/msnl-3.jpg" alt="Plakat, kjer se Slovenci učijo makedonsko abecedo">
+                    <img src="../../../images/msnl-3.webp" alt="Plakat, kjer se Slovenci učijo makedonsko abecedo">
                     <figcaption>Plakat s cirilico in latinico. Slovenci se učijo makedonsko abecedo, medtem ko jih Makedonci poučujejo.</figcaption>
                 </figure>
 
@@ -127,14 +126,14 @@
                 <p>Zabava se je začela ob 20. uri in je bila zasnovana v dveh delih. Prvi del je bil pravo gastronomsko in kulturno popotovanje po Makedoniji. Študentje so lahko poskusili kruhke z ajvarjem in sirom, makedonsko vino, okusne prigrizke in tradicionalne pijače. Mize so bile obložene tudi z drugimi avtentičnimi izdelki, ki so vse spominjali na dom. Vse te okuse in vonjave je omogočila podpora trgovine z makedonskimi izdelki <strong>"Makedonija Trade"</strong>, ki je nesebično prispevala k temu, da je bil ta del večera resnično doživetje.</p>
 
                 <figure class="article-inline-image">
-                    <img src="../../../images/msnl-4.png" alt="Stojnice z makedonskimi simboli, hrano in pijačo">
+                    <img src="../../../images/msnl-4.webp" alt="Stojnice z makedonskimi simboli, hrano in pijačo">
                     <figcaption>Fotografije stojnic z makedonskimi simboli, tradicionalno hrano in pijačo.</figcaption>
                 </figure>
 
                 <p>Poleg hrane so si obiskovalci lahko ogledali zanimivosti o državi, fotografije znanih makedonskih osebnosti in kulturnih znamenitosti ter si od blizu ogledali tradicionalne noše in <strong>gajdo</strong>. Vzdušje je bilo toplo in polno radovednosti – kot majhna razstava v sklopu velike študentske zabave.</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/msnl-5.jpg" alt="Mini kviz o Makedoniji">
+                    <img src="../../../images/msnl-5.webp" alt="Mini kviz o Makedoniji">
                     <figcaption>Mini kviz z vprašanji o Makedoniji, kjer študenti v enem delu kluba tekmujejo.</figcaption>
                 </figure>
 
@@ -142,7 +141,7 @@
                 <p>Večer je obogatila tudi prisotnost pomembnih gostov iz makedonske skupnosti v Sloveniji. Dogodku se nam je pridružil <strong>predsednik Zveze makedonskih kulturnih društev v Sloveniji, g. Blagoja Nasteski</strong>, ki je s svojo prisotnostjo potrdil pomen takšnih pobud za ohranjanje makedonskega duha in tradicije v diaspori.</p>
 
                 <figure class="article-inline-image">
-                    <img src="../../../images/msnl-6.jpg" alt="Kristijan in Bisera z veleposlanico Zelenkovsko in g. Nasteskim">
+                    <img src="../../../images/msnl-6.webp" alt="Kristijan in Bisera z veleposlanico Zelenkovsko in g. Nasteskim">
                     <figcaption>Kristijan in Bisera skupaj z veleposlanico Zelenkovsko in predsednikom Zveze makedonskih društev, g. Nasteskim.</figcaption>
                 </figure>
 
@@ -159,99 +158,65 @@
                 <p>Ta noč je postavila temelje za Makedonsko študentsko organizacijo v Sloveniji in nam pokazala, da je z navdušenjem, enotnostjo in malo poguma mogoče ustvariti nekaj, kar združuje ljudi in jim daje občutek doma – tudi ko so daleč od njega.</p>
 
                 <figure class="article-inline-image">
-                    <img src="../../../images/msnl-7.jpg" alt="Predana ekipa prostovoljcev po končanem pospravljanju prizorišča.">
+                    <img src="../../../images/msnl-7.webp" alt="Predana ekipa prostovoljcev po končanem pospravljanju prizorišča.">
                     <figcaption>Fotografija, posneta ob 4. uri zjutraj, po končanem pospravljanju prostora skupaj s predano ekipo prostovoljcev.</figcaption>
                 </figure>
             </div>
 
             <!-- START_FOOTER -->
-            <footer class="article-footer">
-                <hr>
-                <div class="author-share-section">
-                    <div class="author-details">
-                        <img src="../../../images/11-boy.jpg" alt="Avatar Kristijana Popovskega">
-                        <div class="author-text">
-                            <p class="author-name">Kristijan Popovski</p>
-                            <p class="author-title">Predsednik in ustanovitelj</p>
-                        </div>
-                    </div>
-                    <div class="share-buttons">
-                        <button class="btn btn-secondary"><i class="fas fa-link"></i> Kopiraj povezavo</button>
-                        <a href="#" class="social-icon-btn" aria-label="Deli na Twitterju"><i class="fab fa-twitter"></i></a>
-                        <a href="#" class="social-icon-btn" aria-label="Deli na Facebooku"><i class="fab fa-facebook-f"></i></a>
-                        <a href="#" class="social-icon-btn" aria-label="Deli na LinkedInu"><i class="fab fa-linkedin-in"></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="Logotip Makedonske študentske organizacije v Sloveniji">
                 </div>
-            </footer>
-        </article>
-
-        <section class="newsletter-cta">
-            <div class="container">
-                <div class="cta-content">
-                    <h2>Pridružite se 2.000+ naročnikom</h2>
-                    <p>Ostanite na tekočem z vsem, kar morate vedeti.</p>
-                    <form class="subscribe-form-bottom">
-                        <input type="email" placeholder="Vnesite svoj e-mail">
-                        <button type="submit" class="btn btn-primary-orange">Naroči se</button>
-                    </form>
-                    <p class="privacy-note">Skrbimo za vaše podatke v naši <a href="#">politiki zasebnosti</a>.</p>
+                <p>
+                    Masarykova cesta 24<br>
+                    1000 Ljubljana, Slovenija<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>
-        </section>
-    </main>
-
-    <footer>
-        <div class="footer-container">
-            <div class="footer-main">
-                <div class="footer-info">
-                    <div class="footer-logo">
-                        <img src="../../../images/13-whitelogo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji">
-                    </div>
-                    <p>
-                        Masarykova cesta 24<br>
-                        1000 Ljubljana, Slovenija<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 class="footer-links">
+                <div class="links-column">
+                    <h4>Za študente</h4>
+                    <a href="#">Blog</a>
+                    <a href="#">Galerija</a>
+                    <a href="#">Pogosta vprašanja</a>
+                    <a href="#">Brošura</a>
                 </div>
-                <div class="footer-links">
-                    <div class="links-column">
-                        <h4>Za študente</h4>
-                        <a href="#">Blog</a>
-                        <a href="#">Galerija</a>
-                        <a href="#">Pogosta vprašanja</a>
-                        <a href="#">Brošura</a>
-                    </div>
-                    <div class="links-column">
-                        <h4>Projekti</h4>
-                        <a href="#">Prihajajoči</a>
-                        <a href="#">Pretekli</a>
-                    </div>
-                    <div class="links-column">
-                        <h4>Organizacija</h4>
-                        <a href="#">O nas</a>
-                        <a href="#">Kontakt</a>
-                        <a href="#">Dokumentacija</a>
-                    </div>
+                <div class="links-column">
+                    <h4>Projekti</h4>
+                    <a href="#">Prihajajoči</a>
+                    <a href="#">Pretekli</a>
                 </div>
-            </div>
-            <hr>
-            <div class="footer-bottom">
-                 <p>© MŠOS org 2023 Vse pravice pridržane.</p>
-                <div class="legal-links">
-                    <a href="#">Politika zasebnosti</a>
-                    <a href="#">Politika piškotkov</a>
-                    <a href="#">Pravni pogoji</a>
+                <div class="links-column">
+                    <h4>Organizacija</h4>
+                    <a href="#">O nas</a>
+                    <a href="#">Kontakt</a>
+                    <a href="#">Dokumentacija</a>
                 </div>
             </div>
         </div>
-    </footer>
-    <!-- END_FOOTER -->
+        <hr>
+        <div class="footer-bottom">
+             <p>© MŠOS org 2023 Vse pravice pridržane.</p>
+            <div class="legal-links">
+                <a href="#">Politika zasebnosti</a>
+                <a href="#">Politika piškotkov</a>
+                <a href="#">Pravni pogoji</a>
+            </div>
+        </div>
+    </div>
+    <script src="../../../main.js"></script>
+</footer>
+<!-- END_FOOTER -->
 
     <script src="../../../main.js"></script>
 </body>