posodobitve headerjev in optimizacija slik
Deploy to Production on Develop Push / deploy (push) Successful in 1m7s

This commit is contained in:
Mark Poljanšek committed 2025-08-25 16:16:29 +02:00
1 parent 4e2eda277f
commit 0b5d53abb9
137 files changed
+8109 -2138

No files matched your search

@@ -18,29 +18,55 @@
</head>
<body>
<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 -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../">Projects</a>
</nav>
</div>
<!-- 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 -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../../en/projects/">Projects</a>
</nav>
</div>
<!-- Desktop Buttons -->
<!-- Desktop Buttons -->
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<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>
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../../en/projects/">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<!-- Language Switcher (for mobile) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">EN</span>
<span id="current-lang-code-mobile">EN</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
@@ -51,39 +77,14 @@
</div>
</div>
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher (for mobile) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">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) -->
<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-image1.jpg" alt="Students enjoying coffee and burek in front of CTK library.">
<img src="../../../images/event4-image1.webp" alt="Students enjoying coffee and burek in front of CTK library.">
</figure>
<div class="article-body">
@@ -104,19 +105,19 @@
<p>The exam session always brings stress – hours and hours of studying, conversations revolving only around exams, first and second attempts, passed or not, some taking the exam for the first time, and some for the fifth time. That's why we decided to take a short break to catch our breath: to relax, to laugh, and to remind ourselves that we're in this study stress together.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-image2.jpg" alt="Students lining up in front of the CTK library building.">
<img src="../../../images/event4-image2.webp" alt="Students lining up in front of the CTK library building.">
<figcaption>Hundreds of students lined up in front of CTK, waiting even before opening to secure a spot in the library on time.</figcaption>
</figure>
<p>With a cup of hot coffee in hand, and thanks to <strong>Burek Olimpija</strong>, we enjoyed delicious burek with meat and with cheese. We also tried to bring in a bit of fun – we invited students to bring their own cups, and there was a prize for the most creative ones.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-image3.jpg" alt="A student smiling while eating a piece of burek.">
<img src="../../../images/event4-image3.webp" alt="A student smiling while eating a piece of burek.">
<figcaption>Free warm burek – the secret formula for solving even the toughest mathematical problems 😉</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event4-image4.jpg" alt="A group of students with hot coffee posing for the camera.">
<img src="../../../images/event4-image4.webp" alt="A group of students with hot coffee posing for the camera.">
<figcaption>A group of students with hot coffee, posing for the camera.</figcaption>
</figure>
@@ -125,7 +126,7 @@
<p>The reactions were instant – students rushed to write, and the answers were everything but boring: from "chaotic" and “We want to sleep! (not in CTK)!" to "chill", "stressed", "exhausted", "happy" and "sleepy". In other words – a whole spectrum of student emotions, honestly poured into just a few words.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-image5.jpg" alt="A white board with handwritten student answers about their feelings during the exam period.">
<img src="../../../images/event4-image5.webp" alt="A white board with handwritten student answers about their feelings during the exam period.">
<figcaption>Witty and sincere answers on the big question boards at CTK.</figcaption>
</figure>
@@ -136,14 +137,14 @@
<p>Around 150 people visited the joint stand of MSOS, Skupina Povezani, and CTK to hang out, have coffee, grab a snack, and exchange stories among books and deadlines. The event took place in an excellent atmosphere – lots of smiles, new acquaintances, and a small reminder that even in the most stressful periods, there's always time for coffee and good company.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-image6.jpg" alt="Students gathered at the joint stand during the event.">
<img src="../../../images/event4-image6.webp" alt="Students gathered at the joint stand during the event.">
<figcaption>Part of the atmosphere at the joint stand</figcaption>
</figure>
<p>See you again next year – even more relaxed and with even more coffee!</p>
<figure class="article-inline-image">
<img src="../../../images/event4-image7.png" alt="A collage of photos showing students, coffee cups, and burek.">
<img src="../../../images/event4-image7.webp" alt="A collage of photos showing students, coffee cups, and burek.">
<figcaption>Good company, lots of memories, and exam stress overcome together.</figcaption>
</figure>
</div>
@@ -152,7 +153,7 @@
<hr>
<div class="author-share-section">
<div class="author-details">
<img src="../../../images/11-boy.jpg" alt="Avatar of Kristijan Popovski">
<img src="../../../images/11-boy.webp" alt="Avatar of Kristijan Popovski">
<div class="author-text">
<p class="author-name">Kristijan Popovski</p>
<p class="author-title">President and Founder</p>
@@ -183,57 +184,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="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>
<!-- 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>
<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>
</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 -->
<script src="../../../main.js"></script>
</body>