posodobitve headerjev in optimizacija slik

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

@@ -18,29 +18,55 @@
 </head>
 <body>
 
-    <header class="dropdown-header-navigation">
-        <div class="container">
-            <div class="header-content">
-                <a href="../../../mk/" class="logo-link">
-                    <img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
-                </a>
-                <!-- Навигација за десктоп -->
-                <nav class="navigation desktop-nav">
-                    <a href="#">За нас</a>
-                    <a href="#">За студенти</a>
-                    <a href="../../">Проекти</a>
-                </nav>
-            </div>
+    <!-- START_HEADER -->
+<header class="dropdown-header-navigation">
+    <div class="container">
+        <div class="header-content">
+            <a href="../../../mk/" class="logo-link">
+                <img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
+            </a>
+            <!-- Навигација за десктоп -->
+            <nav class="navigation desktop-nav">
+                <a href="#">За нас</a>
+                <a href="#">За студенти</a>
+                <a href="../../../mk/projects/">Проекти</a>
+            </nav>
+        </div>
 
-            <!-- Копчиња за десктоп -->
+        <!-- Копчиња за десктоп -->
+        <div class="navigation-actions">
+            <button class="btn btn-secondary">Стани партнер</button>
+            <button class="btn btn-primary">Донирај</button>
+            <!-- Преклопник за јазик -->
+            <div class="language-selector">
+                <div class="current-lang">
+                    <i class="fas fa-globe"></i>
+                    <span id="current-lang-code">MK</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-nav-panel">
+            <nav class="navigation mobile-nav">
+                <a href="#">За нас</a>
+                <a href="#">За студенти</a>
+                <a href="../../../mk/projects/">Проекти</a>
+            </nav>
             <div class="navigation-actions">
                 <button class="btn btn-secondary">Стани партнер</button>
                 <button class="btn btn-primary">Донирај</button>
-                <!-- Преклопник за јазик -->
+                <!-- Преклопник за јазик (за мобилен) -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
-                        <span id="current-lang-code">MK</span>
+                        <span id="current-lang-code-mobile">MK</span>
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
@@ -51,39 +77,14 @@
                 </div>
             </div>
 
-            <!-- Панел за мобилна навигација -->
-            <div class="mobile-nav-panel">
-                <nav class="navigation mobile-nav">
-                    <a href="#">За нас</a>
-                    <a href="#">За студенти</a>
-                    <a href="../../">Проекти</a>
-                </nav>
-                <div class="navigation-actions">
-                    <button class="btn btn-secondary">Стани партнер</button>
-                    <button class="btn btn-primary">Донирај</button>
-                    <!-- Преклопник за јазик (за мобилен) -->
-                    <div class="language-selector">
-                        <div class="current-lang">
-                            <i class="fas fa-globe"></i>
-                            <span id="current-lang-code-mobile">MK</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>
-
              <!-- Икона за мобилно мени (Хамбургер/X) -->
             <div class="mobile-menu-icon">
                 <i class="fas fa-bars"></i>
                 <i class="fas fa-times"></i>
             </div>
         </div>
-    </header>
+</header>
+<!-- END_HEADER -->
 
     <main class="article-page">
         <article class="article-container">
@@ -94,7 +95,7 @@
             </header>
 
             <figure class="article-main-image">
-                <img src="../../../images/event3-photo-1.jpg" alt="Панел дискусија на настанот „Запознај ја студентска Словенија 2023“">
+                <img src="../../../images/event3-photo-1.webp" alt="Панел дискусија на настанот „Запознај ја студентска Словенија 2023“">
             </figure>
 
             <div class="article-body">
@@ -104,7 +105,7 @@
                 <p>Наместо суви информации, студентите имаа можност да слушнат вистински приказни – од оние што веќе го минуваат истиот пат. Студенти од Љубљана, Марибор и Копер зборуваа за своите предизвици, првите впечатоци, смешни ситуации и моментите кога поддршката од заедницата била пресудна. А публиката? Со огромно внимание впиваше сè, бидејќи токму тие прашања што никогаш не ги пишува на брошурите – тука добија во вид на искрени одговори.</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event3-photo-2.jpg" alt="Учесници на панел дискусијата">
+                    <img src="../../../images/event3-photo-2.webp" alt="Учесници на панел дискусијата">
                     <figcaption>Игор Арсов од Универзитетот во Приморска го раскажува своето студентско искуство на Факултетот за менаџмент.</figcaption>
                 </figure>
                 
@@ -112,12 +113,12 @@
                 <p>На сцената се појавија нашите членови Киара Лазиќ, Ангел Наумов, Климентина Чаповска и Игор Арсов – секој со своја приказна, свој факултет, свој град. Заедно со модераторот Леон Шумански и водителот Васил Ханџиски, тие го претворија панелот во вистински разговор кој изгледаше повеќе како другарска дружба отколку како формална дискусија. Зборуваа за испити, за нови пријателства, за живот во студентски домови и за тоа колку е важно да не се откажуваш дури и кога ти изгледа најтешко.</p>
 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event3-photo-3.jpg" alt="Васил Ханџиски на отворањето на настанот">
+                    <img src="../../../images/event3-photo-3.webp" alt="Васил Ханџиски на отворањето на настанот">
                     <figcaption>Фотографија од отварањето на настанот со водителот Васил Ханџиски.</figcaption>
                 </figure>
 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event3-photo-4.jpg" alt="Публиката на настанот">
+                    <img src="../../../images/event3-photo-4.webp" alt="Публиката на настанот">
                     <figcaption>Фотографија од учесниците на настанот. Малку нè изненадија со интересот, ама некако ги сместивме сите!♡</figcaption>
                 </figure>
 
@@ -126,15 +127,15 @@
                 <p>На настанот значајна поддршка и помош добивме и од Мелита Секуловска при организирањето на просторот и Александар Поповски при дизајнирање на веб страната на организација. Свечено им се заблагодаривме за нивната посветена работа, како и на работата на координаторката на настанот, Леа Јаначковска која го направи овој настан извонреден.</p>
 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event3-photo-5.png" alt="Господин Бранко Грегановиќ и Н.Е. Грегор Прескер">
-                    <img src="../../../images/event3-photo-6.jpg" alt="Кристијан Поповски, Мелита Секуловска, Леа Јаначковска, Марија Коштревска и Александар Поповски со благодарници">
+                    <img src="../../../images/event3-photo-5.webp" alt="Господин Бранко Грегановиќ и Н.Е. Грегор Прескер">
+                    <img src="../../../images/event3-photo-6.webp" alt="Кристијан Поповски, Мелита Секуловска, Леа Јаначковска, Марија Коштревска и Александар Поповски со благодарници">
                     <figcaption>На горните две слики се господинот Бранко Грегановиќ, претседател на Управниот одбор на НЛБ Банка Скопје, на десната страна е Н.Е. амбасадор на Република Словенија во Северна Македонија, господинот Грегор Прескер. На долните слики се претставени претседателот Кристијан Поповски, Мелита Секуловска, Леа Јаначковска, Марија Коштревска и Александар Поповски.</figcaption>
                 </figure>
                 
                 <p>На Амбасадата и на НЛБ Банка со помош на компанијата Дијаг доо им изработивме и две плаќети во знак на благодарност за сета помош и поддршка која ни ја пружија.</p>
 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event3-photo-7.png" alt="Плакети за НЛБ Банка Скопје и Амбасадата на Република Словенија">
+                    <img src="../../../images/event3-photo-7.webp" alt="Плакети за НЛБ Банка Скопје и Амбасадата на Република Словенија">
                     <figcaption>Фотографија од плакетите кои им ги подаривме на НЛБ Банка Скопје и Амбасадата на Република Словенија во Северна Македонија.</figcaption>
                 </figure>
 
@@ -142,7 +143,7 @@
                 <p>Затоа што овој настан не беше само уште една презентација. Тој беше рака подадена кон идните студенти – порака дека не се сами, дека веќе постои заедница што ги чека. Некои од нив заминаа со нови пријатели, други со конкретни одговори на прашања што ги мачеле со месеци. Но сите заминаа со исто чувство: дека Словенија повеќе не е непознато место, туку нов дом во кој ќе бидат дел од нешто поголемо.</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event3-photo-8.jpg" alt="Присутните на настанот">
+                    <img src="../../../images/event3-photo-8.webp" alt="Присутните на настанот">
                     <figcaption>Фотографии од присутните на настанот!</figcaption>
                 </figure>
 
@@ -155,7 +156,7 @@
                 <p>Посебен момент на настанот беше обраќањето на конзулот од Амбасадата на Република Словенија во Северна Македонија, господинот Мартин Глазар. Тој накратко ги претстави најважните чекори од процесот за добивање дозвола за привремен престој – една од најголемите грижи и предизвици за сите странски студенти во Словенија. На тој начин, идните студенти добија појасна слика за тоа што ги очекува и како полесно да се справат со административните процедури.</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event3-photo-9.png" alt="Конзулот ги запознава студентите со процесот за добивање привремена дозвола за престој">
+                    <img src="../../../images/event3-photo-9.webp" alt="Конзулот ги запознава студентите со процесот за добивање привремена дозвола за престој">
                     <figcaption>Фотографија од конзулот кој на интересен начин ги запознава студентите со процесот за добивање на привремена дозвола за престој!</figcaption>
                 </figure>
 
@@ -163,7 +164,7 @@
                 <p>Не секој успеа да биде присутен во салата, но затоа се потрудивме никој да не остане без ова искуство. Настанот го пренесувавме во живо преку нашата Фејсбук страница, а снимката сè уште е достапна. Ако сакаш да ја доживееш атмосферата и да ги чуеш приказните од прва рака, можеш да го погледнеш целиот настан на овој линк тука.</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event3-photo-10.png" alt="Постер за настанот „Запознај ја студентска Словенија“">
+                    <img src="../../../images/event3-photo-10.webp" alt="Постер за настанот „Запознај ја студентска Словенија“">
                     <figcaption>Фотографија од постерот за настанот!</figcaption>
                 </figure>
 
@@ -189,7 +190,7 @@
                 <hr>
                 <div class="author-share-section">
                     <div class="author-details">
-                        <img src="../../../images/11-boy.jpg" alt="Аватар на Кристијан Поповски">
+                        <img src="../../../images/11-boy.webp" alt="Аватар на Кристијан Поповски">
                         <div class="author-text">
                             <p class="author-name">Кристијан Поповски</p>
                             <p class="author-title">Претседател и основач</p>
@@ -222,57 +223,60 @@
         </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="Лого на Македонска студентска организација во Словенија">
-                    </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>
+    <!-- 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="Лого на Македонска студентска организација во Словенија">
                 </div>
-                <div class="footer-links">
-                    <div class="links-column">
-                        <h4>За студенти</h4>
-                        <a href="#">Блог</a>
-                        <a href="#">Галерија</a>
-                        <a href="#">ЧПП</a>
-                        <a href="#">Брошура</a>
-                    </div>
-                    <div class="links-column">
-                        <h4>Проекти</h4>
-                        <a href="#">Претстојни</a>
-                        <a href="#">Претходни</a>
-                    </div>
-                    <div class="links-column">
-                        <h4>Организација</h4>
-                        <a href="#">За нас</a>
-                        <a href="#">Контакт</a>
-                        <a href="#">Документација</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>© МСОС орг 2023 Сите права се задржани.</p>
-                <div class="legal-links">
-                    <a href="#">Политика за приватност</a>
-                    <a href="#">Политика за колачиња</a>
-                    <a href="#">Правни услови</a>
+            <div class="footer-links">
+                <div class="links-column">
+                    <h4>За студенти</h4>
+                    <a href="#">Блог</a>
+                    <a href="#">Галерија</a>
+                    <a href="#">ЧПП</a>
+                    <a href="#">Брошура</a>
+                </div>
+                <div class="links-column">
+                    <h4>Проекти</h4>
+                    <a href="#">Претстојни</a>
+                    <a href="#">Претходни</a>
+                </div>
+                <div class="links-column">
+                    <h4>Организација</h4>
+                    <a href="#">За нас</a>
+                    <a href="#">Контакт</a>
+                    <a href="#">Документација</a>
                 </div>
             </div>
         </div>
-    </footer>
+        <hr>
+        <div class="footer-bottom">
+             <p>© МСОС орг 2023 Сите права се задржани.</p>
+            <div class="legal-links">
+                <a href="#">Политика за приватност</a>
+                <a href="#">Политика за колачиња</a>
+                <a href="#">Правни услови</a>
+            </div>
+        </div>
+    </div>
+    <script src="../../../main.js"></script>
+</footer>
+<!-- END_FOOTER -->
 
     <script src="../../../main.js"></script>
 </body>