posodobitve headerjev in optimizacija slik

mk/projects/meet-student-slovenia-2024/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/event4-img-1.JPG" alt="Група студенти на настанот „Запознај ја студентска Словенија 2024“">
+                <img src="../../../images/event4-img-1.webp" alt="Група студенти на настанот „Запознај ја студентска Словенија 2024“">
             </figure>
 
             <div class="article-body">
@@ -104,12 +105,12 @@
                 <p>Нашата цел никогаш не била да правиме „суви презентации“. Наместо тоа, организиравме панел – вистински муабет со четворица студенти кои веќе го живеат словенечкиот студентски живот. Марија Коштревска од Универзитетот во Љубљана, Васил Ханџиски од Универзитетот во Марибор, Софија Матовска од Универзитетот во Нова Горица и Игор Арсов од Универзитетот во Приморска зборуваа за се: првите денови далеку од дома, како е да се најде сместување, што се студентските „бони“ и како изгледа да се гради нов круг на пријатели. Секој сподели нешто свое, а публиката прашуваше и се вклучуваше – баш како муабет на кафе.</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event4-img-2.JPG" alt="Панел дискусија со говорници">
+                    <img src="../../../images/event4-img-2.webp" alt="Панел дискусија со говорници">
                     <figcaption>Фотографија од модераторот и панелистите по следниот редослед: Климентина Чаповска (лево, модератор), Васил Ханџиски, Марија Коштревска, Игор Арсов и Софија Матовска.</figcaption>
                 </figure>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event4-img-3.png" alt="Марија Коштревска и Софија Матовска го раскажуваат своето студентско искуство во Словенија.">
+                    <img src="../../../images/event4-img-3.webp" alt="Марија Коштревска и Софија Матовска го раскажуваат своето студентско искуство во Словенија.">
                     <figcaption>Марија Коштревска (на горната слика) и Софија Матовска (на долната слика) го раскажуваат своето студентско искуство во Словенија.</figcaption>
                 </figure>
 
@@ -117,20 +118,20 @@
                 <p>Оваа вечер не беше само размена на информации. Беше момент кога идните студенти разбраа дека не се сами во своите грижи и стравови. Секое прашање доби одговор од искуство, секоја дилема беше растопена со пример од реалноста. Многумина заминаа охрабрени со нови пријатели и со чувство дека Словенија веќе не е толку далечна и непозната.</p>
 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event4-img-4.png" alt="Марко Ивановски, водител на настанот">
+                    <img src="../../../images/event4-img-4.webp" alt="Марко Ивановски, водител на настанот">
                     <figcaption>Марко Ивановски, водител на настанот.</figcaption>
                 </figure>
                 <figure class="article-inline-image">
-                    <img src="../../../images/event4-img-5.png" alt="Леа Јаначковска, координатор на настанот">
+                    <img src="../../../images/event4-img-5.webp" alt="Леа Јаначковска, координатор на настанот">
                     <figcaption>Леа Јаначковска, координатор на настанот.</figcaption>
                 </figure>
                 <figure class="article-inline-image">
-                    <img src="../../../images/event4-img-6.JPG" alt="Марко Арсов, презентер">
+                    <img src="../../../images/event4-img-6.webp" alt="Марко Арсов, презентер">
                     <figcaption>Марко Арсов, презентер.</figcaption>
                 </figure>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event4-img-7.png" alt="Претставници на Амбасадата, Управниот одбор на НЛБ Банка и Управниот одбор на МСОС.">
+                    <img src="../../../images/event4-img-7.webp" alt="Претставници на Амбасадата, Управниот одбор на НЛБ Банка и Управниот одбор на МСОС.">
                     <figcaption>На долната слика се претставниците на Амбасадата, Управниот одбор на НЛБ Банка и Управниот одбор на МСОС.</figcaption>
                 </figure>
 
@@ -138,12 +139,12 @@
                 <p>„Запознај ја студентска Словенија 2024" немаше да изгледа вака без помошта на нашите партнери и пријатели. Голема благодарност упатуваме до Амбасадата на Република Словенија во Северна Македонија, НЛБ Банка Скопје како покровител и главен спонзор на целиот настан и Капитал Финансиски Центар, кои со својата поддршка овозможија настанот да се реализира на ова високо ниво.</p>
 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event4-img-8.JPG" alt="Новопечатени налепници на МСОС">
+                    <img src="../../../images/event4-img-8.webp" alt="Новопечатени налепници на МСОС">
                     <figcaption>Фотографија од новопечатените налепници на МСОС.</figcaption>
                 </figure>
 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event4-img-9.png" alt="Врачување цвеќе како благодарност до Амбасадата, Капитал Финансиски центар и НЛБ Банка Скопје">
+                    <img src="../../../images/event4-img-9.webp" alt="Врачување цвеќе како благодарност до Амбасадата, Капитал Финансиски центар и НЛБ Банка Скопје">
                     <figcaption>Фотографија од врачувањето на цвеќиња во знак на благодарност до Амбасадата, Капитал Финансиски центар и НЛБ Банка Скопје.</figcaption>
                 </figure>
                 
@@ -151,7 +152,7 @@
                 <p>Овојпат спомените од вечерта ги должиме на Христина Траковска, која беше фотограф и се погрижи сите тие моменти да останат забележани и да можеме повторно да ги проживуваме преку фотографии.</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event4-img-10.png" alt="Поздравен говор на Н.Е. амбасадор господинот Грегор Прескер.">
+                    <img src="../../../images/event4-img-10.webp" alt="Поздравен говор на Н.Е. амбасадор господинот Грегор Прескер.">
                     <figcaption>Фотографија од поздравниот говор на Н.Е. амбасадор господинот Грегор Прескер.</figcaption>
                 </figure>
 
@@ -159,7 +160,7 @@
                 <p>Затоа што овој настан не беше само уште една презентација. Тој беше рака подадена кон идните студенти – порака дека не се сами, дека веќе постои заедница што ги чека. Некои од нив заминаа со нови пријатели, други со конкретни одговори на прашања што ги мачеле со месеци. Но сите заминаа со исто чувство: дека Словенија повеќе не е непознато место, туку нов дом во кој ќе бидат дел од нешто поголемо.</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event4-img-11.JPG" alt="Учесниците поставуваат прашања на панелистите">
+                    <img src="../../../images/event4-img-11.webp" alt="Учесниците поставуваат прашања на панелистите">
                     <figcaption>Моменти кога учесниците им поставуваат прашања на панелистите!&#128522;✨</figcaption>
                 </figure>
 
@@ -167,7 +168,7 @@
                 <p>Знаеме дека не секој успеа да присуствува во НЛБ Галерија, но затоа овозможивме квалитетен livestream. Настанот беше пренесуван во живо и сега е достапен за повторно гледање. Доколку сакате да ја почувствувате атмосферата и да ги чуете искрените приказни од панелот, можете да го погледнете на овој линк <a href="#">Погледни го видеото тука.</a></p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event4-img-12.jpeg" alt="Постер за настанот „Запознај ја студентска Словенија“">
+                    <img src="../../../images/event4-img-12.webp" alt="Постер за настанот „Запознај ја студентска Словенија“">
                     <figcaption>Фотографија од постерот за настанот!</figcaption>
                 </figure>
 
@@ -181,7 +182,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>
@@ -214,57 +215,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>