posodobitve headerjev in optimizacija slik

si/projects/meet-student-slovenia-2023/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/event3-photo-1.jpg" alt="Panelna razprava na dogodku 'Spoznaj študentsko Slovenijo 2023'">
+                <img src="../../../images/event3-photo-1.webp" alt="Panelna razprava na dogodku 'Spoznaj študentsko Slovenijo 2023'">
             </figure>
 
             <div class="article-body">
@@ -106,7 +105,7 @@
                 <p>Namesto suhih informacij so študenti imeli priložnost slišati resnične zgodbe – od tistih, ki že hodijo po isti poti. Študenti iz Ljubljane, Maribora in Kopra so govorili o svojih izzivih, prvih vtisih, smešnih situacijah in trenutkih, ko je bila podpora skupnosti ključna. In občinstvo? Z ogromno pozornostjo so vpijali vse, saj so prav na ta vprašanja, ki jih nikoli ne piše na brošurah – tukaj dobili iskrene odgovore.</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event3-photo-2.jpg" alt="Udeleženci panelne razprave">
+                    <img src="../../../images/event3-photo-2.webp" alt="Udeleženci panelne razprave">
                     <figcaption>Igor Arsov z Univerze na Primorskem pripoveduje o svoji študentski izkušnji na Fakulteti za management.</figcaption>
                 </figure>
                 
@@ -114,12 +113,12 @@
                 <p>Na odru so se pojavili naši člani Kiara Lazić, Angel Naumov, Klimentina Čapovska in Igor Arsov – vsak s svojo zgodbo, svojo fakulteto, svojim mestom. Skupaj z moderatorjem Leonom Šumanskim in voditeljem Vasilom Hanџiskim so panel spremenili v pravi pogovor, ki je bolj spominjal na prijateljsko druženje kot na formalno diskusijo. Govorili so o izpitih, novih prijateljstvih, življenju v študentskih domovih in o tem, kako pomembno je, da ne obupaš, tudi ko se ti zdi najtežje.</p>
 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event3-photo-3.jpg" alt="Vasil Hanџiski ob otvoritvi dogodka">
+                    <img src="../../../images/event3-photo-3.webp" alt="Vasil Hanџiski ob otvoritvi dogodka">
                     <figcaption>Fotografija z otvoritve dogodka z voditeljem Vasilom Hanџiskim.</figcaption>
                 </figure>
 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event3-photo-4.jpg" alt="Občinstvo na dogodku">
+                    <img src="../../../images/event3-photo-4.webp" alt="Občinstvo na dogodku">
                     <figcaption>Fotografija udeležencev dogodka. Zanimanje nas je malo presenetilo, a nekako smo se vsi stlačili!♡</figcaption>
                 </figure>
 
@@ -128,15 +127,15 @@
                 <p>Na dogodku smo dobili pomembno podporo in pomoč tudi od Melite Sekulovske pri organizaciji prostora in Aleksandra Popovskega pri oblikovanju spletne strani organizacije. Iskreno smo se jim zahvalili za njihovo predano delo, kot tudi koordinatorki dogodka, Lei Janačkovski, ki je ta dogodek naredila izjemen.</p>
 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event3-photo-5.png" alt="Gospod Branko Greganović in N.E. Gregor Presker">
-                    <img src="../../../images/event3-photo-6.jpg" alt="Kristijan Popovski, Melita Sekulovska, Lea Janačkovska, Marija Koštrevska in Aleksandar Popovski s priznanji">
+                    <img src="../../../images/event3-photo-5.webp" alt="Gospod Branko Greganović in N.E. Gregor Presker">
+                    <img src="../../../images/event3-photo-6.webp" alt="Kristijan Popovski, Melita Sekulovska, Lea Janačkovska, Marija Koštrevska in Aleksandar Popovski s priznanji">
                     <figcaption>Na zgornjih dveh slikah sta gospod Branko Greganović, predsednik Uprave NLB Banke Skopje, na desni pa N.E. veleposlanik Republike Slovenije v Severni Makedoniji, gospod Gregor Presker. Na spodnjih slikah so predsednik Kristijan Popovski, Melita Sekulovska, Lea Janačkovska, Marija Koštrevska in Aleksandar Popovski.</figcaption>
                 </figure>
                 
                 <p>Veleposlaništvu in NLB Banki smo s pomočjo podjetja Dijag doo izdelali tudi dve plaketi v znak hvaležnosti za vso pomoč in podporo, ki sta nam jo nudila.</p>
 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event3-photo-7.png" alt="Plaketi za NLB Banko Skopje in Veleposlaništvo Republike Slovenije">
+                    <img src="../../../images/event3-photo-7.webp" alt="Plaketi za NLB Banko Skopje in Veleposlaništvo Republike Slovenije">
                     <figcaption>Fotografija plaket, ki smo jih podarili NLB Banki Skopje in Veleposlaništvu Republike Slovenije v Severni Makedoniji.</figcaption>
                 </figure>
 
@@ -144,7 +143,7 @@
                 <p>Zato ker ta dogodek ni bil le še ena predstavitev. Bil je iztegnjena roka bodočim študentom – sporočilo, da niso sami, da jih skupnost že čaka. Nekateri so odšli z novimi prijatelji, drugi s konkretnimi odgovori na vprašanja, ki so jih mučila mesece. Vsi pa so odšli z enakim občutkom: da Slovenija ni več neznan kraj, ampak nov dom, v katerem bodo del nečesa večjega.</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event3-photo-8.jpg" alt="Udeleženci dogodka">
+                    <img src="../../../images/event3-photo-8.webp" alt="Udeleženci dogodka">
                     <figcaption>Fotografije prisotnih na dogodku!</figcaption>
                 </figure>
 
@@ -157,7 +156,7 @@
                 <p>Poseben trenutek dogodka je bil nagovor konzula Veleposlaništva Republike Slovenije v Severni Makedoniji, gospoda Martina Glazarja. Na kratko je predstavil najpomembnejše korake postopka za pridobitev začasnega dovoljenja za prebivanje – eno največjih skrbi in izzivov za vse tuje študente v Sloveniji. Na ta način so bodoči študenti dobili jasnejšo sliko o tem, kaj jih čaka in kako se lažje spopasti z administrativnimi postopki.</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event3-photo-9.png" alt="Konzul seznanja študente s postopkom pridobitve začasnega dovoljenja za prebivanje">
+                    <img src="../../../images/event3-photo-9.webp" alt="Konzul seznanja študente s postopkom pridobitve začasnega dovoljenja za prebivanje">
                     <figcaption>Fotografija konzula, ki na zanimiv način seznanja študente s postopkom pridobitve začasnega dovoljenja za prebivanje!</figcaption>
                 </figure>
 
@@ -165,7 +164,7 @@
                 <p>Ni vsem uspelo biti prisotnim v dvorani, zato smo se potrudili, da nihče ne bi ostal brez te izkušnje. Dogodek smo prenašali v živo preko naše Facebook strani, posnetek pa je še vedno na voljo. Če želite doživeti vzdušje in slišati zgodbe iz prve roke, si lahko celoten dogodek ogledate na tej povezavi tukaj.</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event3-photo-10.png" alt="Plakat za dogodek 'Spoznaj študentsko Slovenijo'">
+                    <img src="../../../images/event3-photo-10.webp" alt="Plakat za dogodek 'Spoznaj študentsko Slovenijo'">
                     <figcaption>Fotografija plakata za dogodek!</figcaption>
                 </figure>
 
@@ -191,7 +190,7 @@
                 <hr>
                 <div class="author-share-section">
                     <div class="author-details">
-                        <img src="../../../images/11-boy.jpg" alt="Avatar Kristijana Popovskega">
+                        <img src="../../../images/11-boy.webp" alt="Avatar Kristijana Popovskega">
                         <div class="author-text">
                             <p class="author-name">Kristijan Popovski</p>
                             <p class="author-title">Predsednik in ustanovitelj</p>
@@ -225,58 +224,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="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>
+<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>
-                <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>
+                <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>
-            <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="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>
         </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>