Add four new blog articles + blog listing/styling updates

New posts (Ad futura scholarship, learning Slovene, welcome days,
study in North Macedonia) across EN/MK/SI, plus blog index and _blog.css
updates. (Also carries the site-wide nav reorder and the illustrative-image
caption tag on the bank-account post.)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskikandClaude Opus 4.8 committed 2026-08-05 15:54:17 +02:00
1 parent 4c27ebb105
commit bec7e26dd4
20 files changed
+5138 -60

No files matched your search

@@ -56,7 +56,7 @@
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Font Awesome (for icons) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" media="print" onload="this.media=&#39;all&#39;" /><noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /></noscript>
<!-- Correct path to the main CSS file -->
<link rel="stylesheet" href="../../../css/main.css">
@@ -78,8 +78,8 @@
<li class="menu-item menu-item-has-children">
<a href="#">Who We Are</a>
<ul class="dropdown-menu">
<li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
<li><a href="../../../en/about-us/">Our team</a></li>
<li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
<li><a href="../../../en/msos-hub/">MSOS Hub</a></li>
</ul>
</li>
@@ -137,8 +137,8 @@
<li class="menu-item menu-item-has-children">
<a href="#">Who We Are</a>
<ul class="dropdown-menu">
<li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
<li><a href="../../../en/about-us/">Our team</a></li>
<li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
<li><a href="../../../en/msos-hub/">MSOS Hub</a></li>
</ul>
</li>
@@ -233,8 +233,8 @@
</header>
<figure class="article-main-image">
<img fetchpriority="high" src="../../../images/blog-slovenian-bank-account.webp" alt="International student using mobile banking after opening a Slovenian bank account">
<figcaption>Photo by <a href="https://www.pexels.com/photo/4691474/" target="_blank" rel="noopener">Aukid Phumsirichat</a> on <a href="https://www.pexels.com/" target="_blank" rel="noopener">Pexels</a></figcaption>
<img width="6048" height="4024" fetchpriority="high" src="../../../images/blog-slovenian-bank-account.webp" alt="International student using mobile banking after opening a Slovenian bank account">
<figcaption><span class="fig-illustrative"><i class="fas fa-circle-info" aria-hidden="true"></i> Illustrative image</span> &middot; Photo by <a href="https://www.pexels.com/photo/4691474/" target="_blank" rel="noopener">Aukid Phumsirichat</a> on <a href="https://www.pexels.com/" target="_blank" rel="noopener">Pexels</a></figcaption>
</figure>
<div class="article-body">
@@ -328,7 +328,7 @@
<hr>
<div class="author-share-section">
<div class="author-details">
<img loading="lazy" decoding="async" src="../../../images/msos-emblem-avatar.png" alt="MSOS emblem">
<img width="150" height="150" loading="lazy" decoding="async" src="../../../images/msos-emblem-avatar.png" alt="MSOS emblem">
<div class="author-text">
<p class="author-name">MSOS Team</p>
<p class="author-title">Macedonian Student Organisation in Slovenia</p>
@@ -351,7 +351,7 @@
<p>News, announcements and open calls, straight to your inbox.</p>
<form class="subscribe-form-bottom">
<div class="input-wrapper">
<input type="email" placeholder="Enter your email">
<input type="email" placeholder="Enter your email" aria-label="Email address">
</div>
<button type="submit" class="btn btn-primary-orange">Subscribe</button>
</form>
@@ -426,5 +426,7 @@
<script src="../../../main.js"></script>
<link rel="stylesheet" href="/assistant.css">
<script src="/assistant.js" defer></script>
</body>
</html>