From b79ad2d0dec78bf8f77ca72b7484f0ec45df58f1 Mon Sep 17 00:00:00 2001
From: popovskik <aleksandar.popovski@proxify.io>
Date: Wed, 5 Aug 2026 18:01:17 +0200
Subject: [PATCH] Project pages: add ToC sidebar to all remaining articles
 (EN/MK/SI)

Give the 23 project pages that used a single-column layout the same scrollspy
table-of-contents sidebar as the others (built from their <h2> sections, with
language-agnostic section-N ids so it works for Cyrillic too), plus the mobile
ToC header. The "Like what we do?" sidebar CTA now sits under the ToC on every
non-memorial project page; the two memorial stories get the ToC but no CTA.
The full-width bottom CTA remains the mobile fallback.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 .../index.html                                | 42 +++++++++++++---
 .../in-memory-of-frosina-kulakova/index.html  | 28 +++++++++--
 .../index.html                                | 31 ++++++++++--
 .../paint-and-wine-at-sunset/index.html       | 39 +++++++++++++--
 .../index.html                                | 36 ++++++++++++--
 .../index.html                                | 42 +++++++++++++---
 .../in-memory-of-frosina-kulakova/index.html  | 28 +++++++++--
 .../index.html                                | 31 ++++++++++--
 .../index.html                                | 39 +++++++++++++--
 .../meet-student-slovenia-2023/index.html     | 48 +++++++++++++++----
 .../meet-student-slovenia-2024/index.html     | 45 ++++++++++++++---
 .../morning-coffee-in-front-of-ctk/index.html | 39 +++++++++++++--
 .../paint-and-wine-at-sunset/index.html       | 39 +++++++++++++--
 .../index.html                                | 36 ++++++++++++--
 .../index.html                                | 42 +++++++++++++---
 .../in-memory-of-frosina-kulakova/index.html  | 28 +++++++++--
 .../index.html                                | 31 ++++++++++--
 .../index.html                                | 39 +++++++++++++--
 .../meet-student-slovenia-2023/index.html     | 48 +++++++++++++++----
 .../meet-student-slovenia-2024/index.html     | 45 ++++++++++++++---
 .../morning-coffee-in-front-of-ctk/index.html | 39 +++++++++++++--
 .../paint-and-wine-at-sunset/index.html       | 39 +++++++++++++--
 .../index.html                                | 36 ++++++++++++--
 23 files changed, 754 insertions(+), 116 deletions(-)

diff --git a/en/projects/humanitarian-tournament-in-maribor/index.html b/en/projects/humanitarian-tournament-in-maribor/index.html
index bdd9280f..844ac78f 100644
--- a/en/projects/humanitarian-tournament-in-maribor/index.html
+++ b/en/projects/humanitarian-tournament-in-maribor/index.html
@@ -193,7 +193,36 @@
 <!-- END_HEADER -->
 
     <main class="article-page">
-        <article class="article-container">
+        <!-- Sticky Mobile Header -->
+        <div class="mobile-article-header">
+            <span id="mobile-article-title">Humanitarian Sports Tournament: Playing with Heart, Together for Kočani</span>
+            <i class="fas fa-chevron-down"></i>
+            <div class="progress-bar-container">
+                <div class="progress-bar"></div>
+            </div>
+            <div class="mobile-scrollspy-dropdown">
+                <ul id="mobile-scrollspy-links"></ul>
+            </div>
+        </div>
+
+                <div class="article-layout-container">
+            <aside class="article-sidebar">
+                <nav class="scrollspy-nav">
+                    <ul>
+                        <li><a href="#section-1" class="active">A day full of energy</a></li>
+                        <li><a href="#section-2">More than just a tournament</a></li>
+                        <li><a href="#section-3">The humanitarian impact</a></li>
+                        <li><a href="#section-4">Why it mattered</a></li>
+                        <li><a href="#section-5">Acknowledgments and thanks</a></li>
+                    </ul>
+                </nav>
+                <div class="sidebar-cta">
+                    <p class="sidebar-cta-title">Like what we do?</p>
+                    <a class="sidebar-cta-btn" href="../../../en/become-a-member/">Become a member</a>
+                    <p class="sidebar-cta-note">Or <a href="../../../en/support/">support MSOS</a> so we can create even more moments like this.</p>
+                </div>
+            </aside>
+            <article class="article-container">
             <header class="article-header">
                 <p class="article-publish-date">Published on April 5, 2025</p>
                 <h1>Humanitarian Sports Tournament: Playing with Heart, Together for Kočani</h1>
@@ -212,7 +241,7 @@
                     <figcaption>A snapshot of the MSOS Maribor team.</figcaption>
                 </figure>
 
-                <h2>A day full of energy</h2>
+                <h2 id="section-1">A day full of energy</h2>
 
                 <p>The event took place at the Leon Štukelj Sports Hall, which came alive with cheering, laughter, and the sound of basketballs and futsal balls bouncing across the courts. From the very beginning, you could feel that this was not just about competition. It was about community.</p>
 
@@ -228,7 +257,7 @@
                     <figcaption>Students giving their all on the futsal court, turning competition into energy, laughter, and unforgettable moments.</figcaption>
                 </figure>
 
-                <h2>More than just a tournament</h2>
+                <h2 id="section-2">More than just a tournament</h2>
 
                 <p>The matches lasted over six hours, and the atmosphere never slowed down. Friends came to support their teams, music kept the hall lively, and there was always someone explaining the background to newcomers: "We are doing this for Kočani." That constant reminder turned every point scored into something bigger than sports.</p>
 
@@ -244,7 +273,7 @@
                     <figcaption>Warming up before the basketball games, both men’s and women’s teams getting ready for action.</figcaption>
                 </figure>
 
-                <h2>The humanitarian impact</h2>
+                <h2 id="section-3">The humanitarian impact</h2>
 
                 <p>The most important result was not on the scoreboard but in the donations box. Together, we raised €1.010, which was split between two Macedonian families whose children were undergoing treatment in Slovenia. It was not just money. It was a message that they were not alone, that the student community stood with them during the hardest of times.</p>
 
@@ -253,7 +282,7 @@
                     <figcaption>High-fives, trophies, and smiles, celebrating victory on and off the court.</figcaption>
                 </figure>
 
-                <h2>Why it mattered</h2>
+                <h2 id="section-4">Why it mattered</h2>
 
                 <p>For MSOS, this tournament was more than a one-day event. It showed that our community has the strength to respond to challenges with compassion and action. We proved that student life is not only about lectures and exams, or even about parties and fun. It can also be about solidarity, empathy, and humanity.</p>
 
@@ -264,7 +293,7 @@
                     <figcaption>A memorable moment with the organizing team and the victorious basketball and futsal squads.</figcaption>
                 </figure>
 
-                <h2>Acknowledgments and thanks</h2>
+                <h2 id="section-5">Acknowledgments and thanks</h2>
 
                 <p>The tournament would not have been possible without the support of our partners and community. We are grateful to the University of Maribor for providing the entire Leon Štukelj Sports Hall free of charge, to Macedonia Trade for taking care of the refreshments and gifts for the winning teams, and to Radenska for supplying water for all participants.</p>
 
@@ -297,6 +326,7 @@
                     </div>
                 </section>
         </article>
+        </div>
         <section class="article-support-cta">
             <div class="asc-card">
                 <h3>Like what we do?</h3>
diff --git a/en/projects/in-memory-of-frosina-kulakova/index.html b/en/projects/in-memory-of-frosina-kulakova/index.html
index b0dd6c04..2946cf8a 100644
--- a/en/projects/in-memory-of-frosina-kulakova/index.html
+++ b/en/projects/in-memory-of-frosina-kulakova/index.html
@@ -193,7 +193,28 @@
 <!-- END_HEADER -->
 
     <main class="article-page">
-        <article class="article-container">
+        <!-- Sticky Mobile Header -->
+        <div class="mobile-article-header">
+            <span id="mobile-article-title">In Memory of Frosina Kulakova</span>
+            <i class="fas fa-chevron-down"></i>
+            <div class="progress-bar-container">
+                <div class="progress-bar"></div>
+            </div>
+            <div class="mobile-scrollspy-dropdown">
+                <ul id="mobile-scrollspy-links"></ul>
+            </div>
+        </div>
+
+                <div class="article-layout-container">
+            <aside class="article-sidebar">
+                <nav class="scrollspy-nav">
+                    <ul>
+                        <li><a href="#section-1" class="active">A message of unity</a></li>
+                        <li><a href="#section-2">Closing thoughts</a></li>
+                    </ul>
+                </nav>
+            </aside>
+            <article class="article-container">
             <header class="article-header">
                 <p class="article-publish-date">Published on February 8, 2025</p>
                 <h1>In Memory of Frosina Kulakova</h1>
@@ -211,7 +232,7 @@
                     <img width="720" height="480" loading="lazy" decoding="async" src="../../../images/frosina-2.webp" alt="Students lighting candles in memory of Frosina">
                 </figure>
 
-                <h2>A message of unity</h2>
+                <h2 id="section-1">A message of unity</h2>
 
                 <p>This gathering was not about politics or criticism. It was about togetherness, humanity, and shared responsibility. As students abroad, we wanted to show that we care, that we remember, and that we hope for a better tomorrow where such injustices will no longer happen.</p>
 
@@ -221,7 +242,7 @@
                     <img width="720" height="480" loading="lazy" decoding="async" src="../../../images/frosina-3.webp" alt="Flowers and candles laid in remembrance">
                 </figure>
 
-                <h2>Closing thoughts</h2>
+                <h2 id="section-2">Closing thoughts</h2>
 
                 <p>Frosina’s story reminded us of the fragility of life and the importance of solidarity. We are grateful to all who came, who lit a candle, or who simply stood with us in silence.</p>
 
@@ -239,6 +260,7 @@
                     </div>
                 </section>
         </article>
+        </div>
         <section class="newsletter-cta">
             <div class="container">
                 <div class="cta-content">
diff --git a/en/projects/in-memory-of-the-kochani-victims/index.html b/en/projects/in-memory-of-the-kochani-victims/index.html
index 9cfe9a4e..9f5c5e41 100644
--- a/en/projects/in-memory-of-the-kochani-victims/index.html
+++ b/en/projects/in-memory-of-the-kochani-victims/index.html
@@ -193,7 +193,29 @@
 <!-- END_HEADER -->
 
     <main class="article-page">
-        <article class="article-container">
+        <!-- Sticky Mobile Header -->
+        <div class="mobile-article-header">
+            <span id="mobile-article-title">In Memory of the Victims of the Kochani Tragedy</span>
+            <i class="fas fa-chevron-down"></i>
+            <div class="progress-bar-container">
+                <div class="progress-bar"></div>
+            </div>
+            <div class="mobile-scrollspy-dropdown">
+                <ul id="mobile-scrollspy-links"></ul>
+            </div>
+        </div>
+
+                <div class="article-layout-container">
+            <aside class="article-sidebar">
+                <nav class="scrollspy-nav">
+                    <ul>
+                        <li><a href="#section-1" class="active">The gathering in Ljubljana</a></li>
+                        <li><a href="#section-2">A message beyond borders</a></li>
+                        <li><a href="#section-3">Closing words</a></li>
+                    </ul>
+                </nav>
+            </aside>
+            <article class="article-container">
             <header class="article-header">
                 <p class="article-publish-date">Published on March 21, 2025</p>
                 <h1>In Memory of the Victims of the Kochani Tragedy</h1>
@@ -213,7 +235,7 @@
                     <img width="720" height="480" loading="lazy" decoding="async" src="../../../images/kochani-2.webp" alt="Candlelight and flowers at the memorial gathering in Ljubljana">
                 </figure>
 
-                <h2>The gathering in Ljubljana</h2>
+                <h2 id="section-1">The gathering in Ljubljana</h2>
 
                 <p>On March 21, the square in Ljubljana was filled with silence and candlelight. What began as an expectation of around 200 attendees grew into a gathering of more than 600 people of all ages. The program opened with a short address by the MSOS president, followed by a 16-minute silence to honor the victims, one minute for each March day leading up to the tragedy.</p>
 
@@ -223,7 +245,7 @@
                     <img width="720" height="480" loading="lazy" decoding="async" src="../../../images/kochani-3.webp" alt="A sea of candles and flowers left by attendees">
                 </figure>
 
-                <h2>A message beyond borders</h2>
+                <h2 id="section-2">A message beyond borders</h2>
 
                 <p>This gathering was a reminder that even away from home, students carry their roots, their compassion, and their voice for justice. It was not a promotional act but a human one, a sign that the new generation wants to build a future where solidarity and care define who we are.</p>
 
@@ -233,7 +255,7 @@
                     <img width="720" height="480" loading="lazy" decoding="async" src="../../../images/kochani-4.webp" alt="Attendees standing together during the moment of silence">
                 </figure>
 
-                <h2>Closing words</h2>
+                <h2 id="section-3">Closing words</h2>
 
                 <p>The tragedy in Kochani showed us how fragile life is, but also how strong we can be when we come together. In Ljubljana, the student community stood side by side, sending love and respect back home.</p>
 
@@ -250,6 +272,7 @@
                     </div>
                 </section>
         </article>
+        </div>
         <section class="newsletter-cta">
             <div class="container">
                 <div class="cta-content">
diff --git a/en/projects/paint-and-wine-at-sunset/index.html b/en/projects/paint-and-wine-at-sunset/index.html
index 15b5d94a..0427698b 100644
--- a/en/projects/paint-and-wine-at-sunset/index.html
+++ b/en/projects/paint-and-wine-at-sunset/index.html
@@ -193,7 +193,35 @@
 <!-- END_HEADER -->
 
     <main class="article-page">
-        <article class="article-container">
+        <!-- Sticky Mobile Header -->
+        <div class="mobile-article-header">
+            <span id="mobile-article-title">Paint &amp; Wine at Sunset, Celebrating Women’s Day with Art &amp; Music</span>
+            <i class="fas fa-chevron-down"></i>
+            <div class="progress-bar-container">
+                <div class="progress-bar"></div>
+            </div>
+            <div class="mobile-scrollspy-dropdown">
+                <ul id="mobile-scrollspy-links"></ul>
+            </div>
+        </div>
+
+                <div class="article-layout-container">
+            <aside class="article-sidebar">
+                <nav class="scrollspy-nav">
+                    <ul>
+                        <li><a href="#section-1" class="active">A first for MSOS Nova Gorica</a></li>
+                        <li><a href="#section-2">Art, music, and togetherness</a></li>
+                        <li><a href="#section-3">Why it mattered</a></li>
+                        <li><a href="#section-4">Looking ahead</a></li>
+                    </ul>
+                </nav>
+                <div class="sidebar-cta">
+                    <p class="sidebar-cta-title">Like what we do?</p>
+                    <a class="sidebar-cta-btn" href="../../../en/become-a-member/">Become a member</a>
+                    <p class="sidebar-cta-note">Or <a href="../../../en/support/">support MSOS</a> so we can create even more moments like this.</p>
+                </div>
+            </aside>
+            <article class="article-container">
             <header class="article-header">
                 <p class="article-publish-date">Published on March 8, 2025</p>
                 <h1>Paint &amp; Wine at Sunset, Celebrating Women’s Day with Art &amp; Music</h1>
@@ -211,7 +239,7 @@
                     <img width="720" height="480" loading="lazy" decoding="async" src="../../../images/paint-wine-2.webp" alt="Students painting during the Paint &amp; Wine evening">
                 </figure>
 
-                <h2>A first for MSOS Nova Gorica</h2>
+                <h2 id="section-1">A first for MSOS Nova Gorica</h2>
 
                 <p>This was more than just an event. It was the first official activity organized by our new MSOS Nova Gorica team. With support from the Macedonian Cultural Association "Ohridski Biseri", we transformed the cozy venue Etnoteca Mama Angela into a space filled with creativity and laughter.</p>
 
@@ -219,7 +247,7 @@
                     <img width="1600" height="1067" loading="lazy" decoding="async" src="../../../images/paint-wine-3.webp" alt="The cozy venue Etnoteca Mama Angela">
                 </figure>
 
-                <h2>Art, music, and togetherness</h2>
+                <h2 id="section-2">Art, music, and togetherness</h2>
 
                 <p>The concept was simple but powerful: a Paint &amp; Wine Night where anyone could sit down with a canvas, brushes, and a glass of wine, and let inspiration take over. No prior painting experience was needed. Some chose to create symbolic pieces honoring women, others painted freely from the heart.</p>
 
@@ -233,7 +261,7 @@
                     <img width="720" height="480" loading="lazy" decoding="async" src="../../../images/paint-wine-5.webp" alt="Students enjoying wine and music together">
                 </figure>
 
-                <h2>Why it mattered</h2>
+                <h2 id="section-3">Why it mattered</h2>
 
                 <p>Held on March 8, International Women’s Day, the event carried a deeper meaning. It was a chance to celebrate and appreciate women, not only through words but through art. The paintings that came out of the night were diverse, personal, and full of color, much like the student community itself.</p>
 
@@ -251,7 +279,7 @@
                     <img width="720" height="480" loading="lazy" decoding="async" src="../../../images/paint-wine-7.webp" alt="The group enjoying the celebration">
                 </figure>
 
-                <h2>Looking ahead</h2>
+                <h2 id="section-4">Looking ahead</h2>
 
                 <p>Paint &amp; Wine Night showed that MSOS Nova Gorica is ready to bring fresh ideas and energy to our student family. From wine glasses clinking to canvases filling with color, the night left everyone with memories and a few paint-stained fingers, that will not be forgotten.</p>
 
@@ -279,6 +307,7 @@
                     </div>
                 </section>
         </article>
+        </div>
         <section class="article-support-cta">
             <div class="asc-card">
                 <h3>Like what we do?</h3>
diff --git a/en/projects/watching-handball-together-in-slovenia/index.html b/en/projects/watching-handball-together-in-slovenia/index.html
index 2584435b..b56f4f7c 100644
--- a/en/projects/watching-handball-together-in-slovenia/index.html
+++ b/en/projects/watching-handball-together-in-slovenia/index.html
@@ -193,7 +193,34 @@
 <!-- END_HEADER -->
 
     <main class="article-page">
-        <article class="article-container">
+        <!-- Sticky Mobile Header -->
+        <div class="mobile-article-header">
+            <span id="mobile-article-title">Cheering for Macedonia, Watching Handball Together in Slovenia</span>
+            <i class="fas fa-chevron-down"></i>
+            <div class="progress-bar-container">
+                <div class="progress-bar"></div>
+            </div>
+            <div class="mobile-scrollspy-dropdown">
+                <ul id="mobile-scrollspy-links"></ul>
+            </div>
+        </div>
+
+                <div class="article-layout-container">
+            <aside class="article-sidebar">
+                <nav class="scrollspy-nav">
+                    <ul>
+                        <li><a href="#section-1" class="active">Two cities, one spirit</a></li>
+                        <li><a href="#section-2">More than just watching the game</a></li>
+                        <li><a href="#section-3">A new tradition in the making</a></li>
+                    </ul>
+                </nav>
+                <div class="sidebar-cta">
+                    <p class="sidebar-cta-title">Like what we do?</p>
+                    <a class="sidebar-cta-btn" href="../../../en/become-a-member/">Become a member</a>
+                    <p class="sidebar-cta-note">Or <a href="../../../en/support/">support MSOS</a> so we can create even more moments like this.</p>
+                </div>
+            </aside>
+            <article class="article-container">
             <header class="article-header">
                 <p class="article-publish-date">Published on January 25, 2025</p>
                 <h1>Cheering for Macedonia, Watching Handball Together in Slovenia</h1>
@@ -212,7 +239,7 @@
                     <figcaption>A snapshot of the fan atmosphere in Maribor.</figcaption>
                 </figure>
 
-                <h2>Two cities, one spirit</h2>
+                <h2 id="section-1">Two cities, one spirit</h2>
 
                 <p>This winter, the World Handball Championship brought more than just matches on screen. It brought Macedonian students together. In Ljubljana, the initiative came from a student, Ljuben Najdovski, who suggested that MSOS host a group watch of the match against Guinea held on January 19, 2025. With quick organization and support from the local café Lepa Žoga, a space was reserved, sign-ups were collected, and soon enough 25 students filled the place with flags, chants, and laughter.</p>
 
@@ -228,7 +255,7 @@
                     <figcaption>Fans gathered at the Maribor base to cheer for Macedonia together.</figcaption>
                 </figure>
 
-                <h2>More than just watching the game</h2>
+                <h2 id="section-2">More than just watching the game</h2>
 
                 <p>What made these events special was not only the sport. It was the way students created a piece of home abroad: waving flags, sharing drinks, shouting "Ајде Македонија!" at the screen, and laughing together at missed shots or brilliant saves. For newcomers, it was a chance to instantly feel part of a community. For others, it was a reminder that even hundreds of kilometers from home, they were not cheering alone.</p>
 
@@ -237,7 +264,7 @@
                     <figcaption>Two of our MSOS Maribor organizers enjoying the evening at the fan event.</figcaption>
                 </figure>
 
-                <h2>A new tradition in the making</h2>
+                <h2 id="section-3">A new tradition in the making</h2>
 
                 <p>From Ljubljana to Maribor, these watch parties showed that supporting the national team can be more than sports. It is a way to build friendships, strengthen community, and carry a piece of Macedonia wherever we go. With each match, the energy grows, and one thing is certain: these gatherings will continue to be part of the MSOS story.</p>
 
@@ -265,6 +292,7 @@
                     </div>
                 </section>
         </article>
+        </div>
         <section class="article-support-cta">
             <div class="asc-card">
                 <h3>Like what we do?</h3>
diff --git a/mk/projects/humanitarian-tournament-in-maribor/index.html b/mk/projects/humanitarian-tournament-in-maribor/index.html
index ab953e10..a6ba5f14 100644
--- a/mk/projects/humanitarian-tournament-in-maribor/index.html
+++ b/mk/projects/humanitarian-tournament-in-maribor/index.html
@@ -193,7 +193,36 @@
 <!-- END_HEADER -->
 
     <main class="article-page">
-        <article class="article-container">
+        <!-- Sticky Mobile Header -->
+        <div class="mobile-article-header">
+            <span id="mobile-article-title">Хуманитарен спортски турнир: Играме со срце, заедно за Кочани</span>
+            <i class="fas fa-chevron-down"></i>
+            <div class="progress-bar-container">
+                <div class="progress-bar"></div>
+            </div>
+            <div class="mobile-scrollspy-dropdown">
+                <ul id="mobile-scrollspy-links"></ul>
+            </div>
+        </div>
+
+                <div class="article-layout-container">
+            <aside class="article-sidebar">
+                <nav class="scrollspy-nav">
+                    <ul>
+                        <li><a href="#section-1" class="active">Ден полн со енергија</a></li>
+                        <li><a href="#section-2">Повеќе од турнир</a></li>
+                        <li><a href="#section-3">Хуманитарното влијание</a></li>
+                        <li><a href="#section-4">Зошто беше важно</a></li>
+                        <li><a href="#section-5">Благодарности</a></li>
+                    </ul>
+                </nav>
+                <div class="sidebar-cta">
+                    <p class="sidebar-cta-title">Ти се допаѓа тоа што го правиме?</p>
+                    <a class="sidebar-cta-btn" href="../../../mk/become-a-member/">Стани член</a>
+                    <p class="sidebar-cta-note">Или <a href="../../../mk/support/">поддржи го МСОС</a> за да создаваме уште повеќе вакви моменти.</p>
+                </div>
+            </aside>
+            <article class="article-container">
             <header class="article-header">
                 <p class="article-publish-date">Објавено на 5 април 2025</p>
                 <h1>Хуманитарен спортски турнир: Играме со срце, заедно за Кочани</h1>
@@ -212,7 +241,7 @@
                     <figcaption>Момент од тимот на МСОС Марибор.</figcaption>
                 </figure>
 
-                <h2>Ден полн со енергија</h2>
+                <h2 id="section-1">Ден полн со енергија</h2>
 
                 <p>Настанот се одржа во спортската сала „Леон Штукељ“, која оживеа со навивање, смеа и звукот на кошаркарските и футсал топки што отскокнуваа по теренот. Уште од самиот почеток се чувствуваше дека ова не беше само за натпревар. Беше за заедницата.</p>
 
@@ -228,7 +257,7 @@
                     <figcaption>Студентите даваат сè од себе на футсал теренот, претворајќи го натпреварот во енергија, смеа и незаборавни моменти.</figcaption>
                 </figure>
 
-                <h2>Повеќе од турнир</h2>
+                <h2 id="section-2">Повеќе од турнир</h2>
 
                 <p>Натпреварите траеја повеќе од шест часа, а атмосферата ниту за момент не стивна. Пријателите дојдоа да ги поддржат своите тимови, музиката ја одржуваше салата жива, а секогаш имаше некој што на новодојдените им ја објаснуваше позадината: „Ова го правиме за Кочани.“ Тој постојан потсетник го претвораше секој освоен поен во нешто поголемо од спорт.</p>
 
@@ -244,7 +273,7 @@
                     <figcaption>Загревање пред кошаркарските натпревари, машките и женските тимови се подготвуваат за акција.</figcaption>
                 </figure>
 
-                <h2>Хуманитарното влијание</h2>
+                <h2 id="section-3">Хуманитарното влијание</h2>
 
                 <p>Најважниот резултат не беше на семафорот, туку во кутијата за донации. Заедно собравме 1.010 €, кои беа поделени меѓу две македонски семејства чии деца се лекуваа во Словенија. Тоа не беа само пари. Тоа беше порака дека не се сами, дека студентската заедница стои со нив во најтешките моменти.</p>
 
@@ -253,7 +282,7 @@
                     <figcaption>Плескања, пехари и насмевки, славење на победата на теренот и надвор од него.</figcaption>
                 </figure>
 
-                <h2>Зошто беше важно</h2>
+                <h2 id="section-4">Зошто беше важно</h2>
 
                 <p>За МСОС, овој турнир беше повеќе од еднодневен настан. Покажа дека нашата заедница има сила да одговори на предизвиците со сочувство и дела. Докажавме дека студентскиот живот не е само предавања и испити, ниту само забави и веселба. Може да биде и солидарност, емпатија и хуманост.</p>
 
@@ -264,7 +293,7 @@
                     <figcaption>Незаборавен момент со организацискиот тим и победничките кошаркарски и футсал екипи.</figcaption>
                 </figure>
 
-                <h2>Благодарности</h2>
+                <h2 id="section-5">Благодарности</h2>
 
                 <p>Турнирот немаше да биде можен без поддршката на нашите партнери и заедницата. Благодарни сме на Универзитетот во Марибор што бесплатно ја обезбеди целата спортска сала „Леон Штукељ“, на Macedonia Trade што се погрижи за освежувањето и подароците за победничките тимови, и на Radenska што обезбеди вода за сите учесници.</p>
 
@@ -297,6 +326,7 @@
                     </div>
                 </section>
         </article>
+        </div>
         <section class="article-support-cta">
             <div class="asc-card">
                 <h3>Ти се допаѓа тоа што го правиме?</h3>
diff --git a/mk/projects/in-memory-of-frosina-kulakova/index.html b/mk/projects/in-memory-of-frosina-kulakova/index.html
index b2e5b8f4..d165405b 100644
--- a/mk/projects/in-memory-of-frosina-kulakova/index.html
+++ b/mk/projects/in-memory-of-frosina-kulakova/index.html
@@ -193,7 +193,28 @@
 <!-- END_HEADER -->
 
     <main class="article-page">
-        <article class="article-container">
+        <!-- Sticky Mobile Header -->
+        <div class="mobile-article-header">
+            <span id="mobile-article-title">Во спомен на Фросина Кулакова</span>
+            <i class="fas fa-chevron-down"></i>
+            <div class="progress-bar-container">
+                <div class="progress-bar"></div>
+            </div>
+            <div class="mobile-scrollspy-dropdown">
+                <ul id="mobile-scrollspy-links"></ul>
+            </div>
+        </div>
+
+                <div class="article-layout-container">
+            <aside class="article-sidebar">
+                <nav class="scrollspy-nav">
+                    <ul>
+                        <li><a href="#section-1" class="active">Порака на единство</a></li>
+                        <li><a href="#section-2">Завршни мисли</a></li>
+                    </ul>
+                </nav>
+            </aside>
+            <article class="article-container">
             <header class="article-header">
                 <p class="article-publish-date">Објавено на 8 февруари 2025</p>
                 <h1>Во спомен на Фросина Кулакова</h1>
@@ -211,7 +232,7 @@
                     <img width="720" height="480" loading="lazy" decoding="async" src="../../../images/frosina-2.webp" alt="Студенти палат свеќи во спомен на Фросина">
                 </figure>
 
-                <h2>Порака на единство</h2>
+                <h2 id="section-1">Порака на единство</h2>
 
                 <p>Овој собир не беше за политика или критика. Беше за заедништво, хуманост и споделена одговорност. Како студенти во странство, сакавме да покажеме дека ни е грижа, дека помниме и дека се надеваме на подобро утро каде таквите неправди повеќе нема да се случуваат.</p>
 
@@ -221,7 +242,7 @@
                     <img width="720" height="480" loading="lazy" decoding="async" src="../../../images/frosina-3.webp" alt="Цвеќе и свеќи оставени во спомен">
                 </figure>
 
-                <h2>Завршни мисли</h2>
+                <h2 id="section-2">Завршни мисли</h2>
 
                 <p>Приказната на Фросина нè потсети на кревкоста на животот и важноста на солидарноста. Благодарни сме им на сите што дојдоа, што запалија свеќа или што едноставно застанаа со нас во тишина.</p>
 
@@ -239,6 +260,7 @@
                     </div>
                 </section>
         </article>
+        </div>
         <section class="newsletter-cta">
             <div class="container">
                 <div class="cta-content">
diff --git a/mk/projects/in-memory-of-the-kochani-victims/index.html b/mk/projects/in-memory-of-the-kochani-victims/index.html
index 73178767..2d9d9a0c 100644
--- a/mk/projects/in-memory-of-the-kochani-victims/index.html
+++ b/mk/projects/in-memory-of-the-kochani-victims/index.html
@@ -193,7 +193,29 @@
 <!-- END_HEADER -->
 
     <main class="article-page">
-        <article class="article-container">
+        <!-- Sticky Mobile Header -->
+        <div class="mobile-article-header">
+            <span id="mobile-article-title">Во спомен на жртвите од трагедијата во Кочани</span>
+            <i class="fas fa-chevron-down"></i>
+            <div class="progress-bar-container">
+                <div class="progress-bar"></div>
+            </div>
+            <div class="mobile-scrollspy-dropdown">
+                <ul id="mobile-scrollspy-links"></ul>
+            </div>
+        </div>
+
+                <div class="article-layout-container">
+            <aside class="article-sidebar">
+                <nav class="scrollspy-nav">
+                    <ul>
+                        <li><a href="#section-1" class="active">Собирот во Љубљана</a></li>
+                        <li><a href="#section-2">Порака преку границите</a></li>
+                        <li><a href="#section-3">Завршни зборови</a></li>
+                    </ul>
+                </nav>
+            </aside>
+            <article class="article-container">
             <header class="article-header">
                 <p class="article-publish-date">Објавено на 21 март 2025</p>
                 <h1>Во спомен на жртвите од трагедијата во Кочани</h1>
@@ -213,7 +235,7 @@
                     <img width="720" height="480" loading="lazy" decoding="async" src="../../../images/kochani-2.webp" alt="Светлина од свеќи и цвеќе на жалниот собир во Љубљана">
                 </figure>
 
-                <h2>Собирот во Љубљана</h2>
+                <h2 id="section-1">Собирот во Љубљана</h2>
 
                 <p>На 21 март, плоштадот во Љубљана беше исполнет со тишина и светлина од свеќи. Тоа што започна како очекување за околу 200 присутни, прерасна во собир на повеќе од 600 луѓе од сите возрасти. Програмата започна со краток говор на претседателот на МСОС, проследена со 16-минутна тишина во чест на жртвите, по една минута за секој мартовски ден до трагедијата.</p>
 
@@ -223,7 +245,7 @@
                     <img width="720" height="480" loading="lazy" decoding="async" src="../../../images/kochani-3.webp" alt="Море од свеќи и цвеќе оставени од присутните">
                 </figure>
 
-                <h2>Порака преку границите</h2>
+                <h2 id="section-2">Порака преку границите</h2>
 
                 <p>Овој собир беше потсетник дека и далеку од дома, студентите ги носат своите корени, своето сочувство и својот глас за правда. Не беше промотивен чин, туку човечки, знак дека новата генерација сака да гради иднина каде солидарноста и грижата го определуваат тоа што сме.</p>
 
@@ -233,7 +255,7 @@
                     <img width="720" height="480" loading="lazy" decoding="async" src="../../../images/kochani-4.webp" alt="Присутните стојат заедно за време на минутата тишина">
                 </figure>
 
-                <h2>Завршни зборови</h2>
+                <h2 id="section-3">Завршни зборови</h2>
 
                 <p>Трагедијата во Кочани ни покажа колку е кревок животот, но и колку силни можеме да бидеме кога сме заедно. Во Љубљана, студентската заедница застана рамо до рамо, испраќајќи љубов и почит дома.</p>
 
@@ -250,6 +272,7 @@
                     </div>
                 </section>
         </article>
+        </div>
         <section class="newsletter-cta">
             <div class="container">
                 <div class="cta-content">
diff --git a/mk/projects/macedonian-student-night-in-ljubljana/index.html b/mk/projects/macedonian-student-night-in-ljubljana/index.html
index ca372ed8..ee5aeb99 100644
--- a/mk/projects/macedonian-student-night-in-ljubljana/index.html
+++ b/mk/projects/macedonian-student-night-in-ljubljana/index.html
@@ -193,7 +193,35 @@
 <!-- END_HEADER -->
 
     <main class="article-page">
-        <article class="article-container">
+        <!-- Sticky Mobile Header -->
+        <div class="mobile-article-header">
+            <span id="mobile-article-title">Македонска студентска вечер во Љубљана</span>
+            <i class="fas fa-chevron-down"></i>
+            <div class="progress-bar-container">
+                <div class="progress-bar"></div>
+            </div>
+            <div class="mobile-scrollspy-dropdown">
+                <ul id="mobile-scrollspy-links"></ul>
+            </div>
+        </div>
+
+                <div class="article-layout-container">
+            <aside class="article-sidebar">
+                <nav class="scrollspy-nav">
+                    <ul>
+                        <li><a href="#section-1" class="active">Како една идеја за дружење стана почеток на движење</a></li>
+                        <li><a href="#section-2">Вкусот и мирисот на Македонија во срцето на Љубљана</a></li>
+                        <li><a href="#section-3">Поддршка од македонската заедница и дипломатијата</a></li>
+                        <li><a href="#section-4">Почеток што ќе го паметиме</a></li>
+                    </ul>
+                </nav>
+                <div class="sidebar-cta">
+                    <p class="sidebar-cta-title">Ти се допаѓа тоа што го правиме?</p>
+                    <a class="sidebar-cta-btn" href="../../../mk/become-a-member/">Стани член</a>
+                    <p class="sidebar-cta-note">Или <a href="../../../mk/support/">поддржи го МСОС</a> за да создаваме уште повеќе вакви моменти.</p>
+                </div>
+            </aside>
+            <article class="article-container">
             <header class="article-header">
                 <p class="article-publish-date">Објавено на 8 октомври 2022</p>
                 <h1>Македонска студентска вечер во Љубљана</h1>
@@ -207,7 +235,7 @@
             <div class="article-body">
                 <p>На 8 октомври 2022 година, во срцето на Студентскиот кампус во Љубљана, се одржа првата македонска студентска вечер во Словенија. Под мотото #FeelsLikeHome, повеќе од 500 млади уживаа во македонска музика, вкусна традиционална храна и атмосфера која потсетуваше на дома. Овој настан не беше само журка, беше почеток на една нова приказна, која подоцна ќе прерасне во Македонска студентска организација во Словенија (МСОС).</p>
                 
-                <h2>Како една идеја за дружење стана почеток на движење</h2>
+                <h2 id="section-1">Како една идеја за дружење стана почеток на движење</h2>
                 <p>Сè започна со едноставна желба, да се собереме, да се запознаеме и да ја почувствуваме Македонија, иако сме далеку од неа. Кристијан Поповски, тогаш студент на Економскиот факултет во Љубљана, ја сподели својата идеја со неколку колеги, а одговорот беше неверојатен. За помалку од две недели, преку 40 студенти се пријавија во организацискиот тим. Секој понесе дел од својот ентузијазам и време, а заедничкиот дух и желбата за поврзување ја претворија оваа спонтана иницијатива во настан што долго ќе го паметиме.</p>
                 
                 <figure class="article-inline-image">
@@ -228,7 +256,7 @@
                     <footer>, Марко, студент во прва година</footer>
                 </blockquote>
 
-                <h2>Вкусот и мирисот на Македонија во срцето на Љубљана</h2>
+                <h2 id="section-2">Вкусот и мирисот на Македонија во срцето на Љубљана</h2>
                 <p>Журката започна во 20:00 часот и беше замислена во два дела. Првиот дел беше вистинско гастрономско и културно патување низ Македонија. Студентите можеа да пробаат лебчиња со ајвар и биено сирење, македонско вино, вкусни грицки и традиционални пијалоци. На масите имаше изложени и други автентични производи што сите ги потсетуваа на дома. Сите овие вкусови и мириси беа овозможени благодарение на поддршката од продавницата за македонски производи <strong>„Македонија Трејд“</strong>, кои несебично придонесоа овој дел од вечерта да биде вистинско уживање.</p>
 
                 <figure class="article-inline-image">
@@ -243,7 +271,7 @@
                     <figcaption>Мини квиз со прашања за Македонија, каде студентите во едниот дел од клубот се натпреваруваат</figcaption>
                 </figure>
 
-                <h2>Поддршка од македонската заедница и дипломатијата</h2>
+                <h2 id="section-3">Поддршка од македонската заедница и дипломатијата</h2>
                 <p>Вечерта беше збогатена и со присуството на важни гости од македонската заедница во Словенија. На настанот ни се придружи <strong>претседателот на Сојузот на македонските културни друштва во Словенија, г-н Благоја Настески</strong>, кој со своето присуство ја потврди важноста на ваквите иницијативи за одржување на македонскиот дух и традиција во дијаспората.</p>
 
                 <figure class="article-inline-image">
@@ -259,7 +287,7 @@
                     <footer>, Христијан, студент во втора година</footer>
                 </blockquote>
 
-                <h2>Почеток што ќе го паметиме</h2>
+                <h2 id="section-4">Почеток што ќе го паметиме</h2>
                 <p>Таа вечер не беше само уште една студентска забава, беше моментот кога сфативме дека сме започнале нешто поголемо. Наместо очекуваните 100 гости, во клубот влегоа околу <strong>500 студенти</strong>, а енергијата беше неверојатна. Се создадоа нови пријателства, се слушаа песни што ги пеевме од срце, а македонската култура и традиција беа во прв план цела вечер.</p>
                 <p>Оваа ноќ го постави темелот за Македонската студентска организација во Словенија и ни покажа дека со ентузијазам, заедништво и малку храброст, може да се создаде нешто што ќе ги обедини луѓето и ќе им даде чувство на дом, дури и кога се далеку од него.</p>
 
@@ -301,6 +329,7 @@
                 </div>
             </footer>
         </article>
+        </div>
 
         <section class="article-support-cta">
             <div class="asc-card">
diff --git a/mk/projects/meet-student-slovenia-2023/index.html b/mk/projects/meet-student-slovenia-2023/index.html
index 58f2e65b..047cfec5 100644
--- a/mk/projects/meet-student-slovenia-2023/index.html
+++ b/mk/projects/meet-student-slovenia-2023/index.html
@@ -193,7 +193,38 @@
 <!-- END_HEADER -->
 
     <main class="article-page">
-        <article class="article-container">
+        <!-- Sticky Mobile Header -->
+        <div class="mobile-article-header">
+            <span id="mobile-article-title">Запознај ја студентска Словенија 2023</span>
+            <i class="fas fa-chevron-down"></i>
+            <div class="progress-bar-container">
+                <div class="progress-bar"></div>
+            </div>
+            <div class="mobile-scrollspy-dropdown">
+                <ul id="mobile-scrollspy-links"></ul>
+            </div>
+        </div>
+
+                <div class="article-layout-container">
+            <aside class="article-sidebar">
+                <nav class="scrollspy-nav">
+                    <ul>
+                        <li><a href="#section-1" class="active">Што се крие зад студентскиот живот во Словенија?</a></li>
+                        <li><a href="#section-2">Гласови што инспирираат</a></li>
+                        <li><a href="#section-3">Зад сцената, нашите поддржувачи</a></li>
+                        <li><a href="#section-4">Зошто беше посебно?</a></li>
+                        <li><a href="#section-5">Практични совети од прва рака</a></li>
+                        <li><a href="#section-6">За оние што не беа физички присутни со нас</a></li>
+                        <li><a href="#section-7">Се гледаме во Словенија!</a></li>
+                    </ul>
+                </nav>
+                <div class="sidebar-cta">
+                    <p class="sidebar-cta-title">Ти се допаѓа тоа што го правиме?</p>
+                    <a class="sidebar-cta-btn" href="../../../mk/become-a-member/">Стани член</a>
+                    <p class="sidebar-cta-note">Или <a href="../../../mk/support/">поддржи го МСОС</a> за да создаваме уште повеќе вакви моменти.</p>
+                </div>
+            </aside>
+            <article class="article-container">
             <header class="article-header">
                 <p class="article-publish-date">Објавено на 18 септември 2023</p>
                 <h1>Запознај ја студентска Словенија 2023</h1>
@@ -207,7 +238,7 @@
             <div class="article-body">
                 <p>Како изгледа првиот чекор кон студентскиот живот во Словенија? На ова прашање се обидовме да дадеме одговор преку настанот „Запознај ја студентска Словенија“, кој го организиравме на 18 септември 2023 во НЛБ Галерија во Скопје. Атмосферата беше полна со возбуда, повеќе од 100 идни студенти и нивните семејства дојдоа со едно исто чувство: желба да откријат што ги чека таму каде што ќе го започнат своето ново поглавје.</p>
                 
-                <h2>Што се крие зад студентскиот живот во Словенија?</h2>
+                <h2 id="section-1">Што се крие зад студентскиот живот во Словенија?</h2>
                 <p>Наместо суви информации, студентите имаа можност да слушнат вистински приказни, од оние што веќе го минуваат истиот пат. Студенти од Љубљана, Марибор и Копер зборуваа за своите предизвици, првите впечатоци, смешни ситуации и моментите кога поддршката од заедницата била пресудна. А публиката? Со огромно внимание впиваше сè, бидејќи токму тие прашања што никогаш не ги пишува на брошурите, тука добија во вид на искрени одговори.</p>
                 
                 <figure class="article-inline-image">
@@ -215,7 +246,7 @@
                     <figcaption>Игор Арсов од Универзитетот во Приморска го раскажува своето студентско искуство на Факултетот за менаџмент.</figcaption>
                 </figure>
                 
-                <h2>Гласови што инспирираат</h2>
+                <h2 id="section-2">Гласови што инспирираат</h2>
                 <p>На сцената се појавија нашите членови Киара Лазиќ, Ангел Наумов, Климентина Чаповска и Игор Арсов, секој со своја приказна, свој факултет, свој град. Заедно со модераторот Леон Шумански и водителот Васил Ханџиски, тие го претворија панелот во вистински разговор кој изгледаше повеќе како другарска дружба отколку како формална дискусија. Зборуваа за испити, за нови пријателства, за живот во студентски домови и за тоа колку е важно да не се откажуваш дури и кога ти изгледа најтешко.</p>
 
                 <figure class="article-inline-image">
@@ -228,7 +259,7 @@
                     <figcaption>Фотографија од учесниците на настанот. Малку нè изненадија со интересот, ама некако ги сместивме сите!♡</figcaption>
                 </figure>
 
-                <h2>Зад сцената, нашите поддржувачи</h2>
+                <h2 id="section-3">Зад сцената, нашите поддржувачи</h2>
                 <p>Настанот не би бил можен без поддршката на Амбасадата на Република Словенија во Северна Македонија, НЛБ Банка Скопје, Капитал Финансиски Центар, Дијаг и Радио МОФ. Но вистинската сила ја дадоа МСОСци за подготвка на настанот и студентите со своите прашања, својата енергија и својата љубопитност.</p>
                 <p>На настанот значајна поддршка и помош добивме и од Мелита Секуловска при организирањето на просторот и Александар Поповски при дизајнирање на веб страната на организација. Свечено им се заблагодаривме за нивната посветена работа, како и на работата на координаторката на настанот, Леа Јаначковска која го направи овој настан извонреден.</p>
 
@@ -245,7 +276,7 @@
                     <figcaption>Фотографија од плакетите кои им ги подаривме на НЛБ Банка Скопје и Амбасадата на Република Словенија во Северна Македонија.</figcaption>
                 </figure>
 
-                <h2>Зошто беше посебно?</h2>
+                <h2 id="section-4">Зошто беше посебно?</h2>
                 <p>Затоа што овој настан не беше само уште една презентација. Тој беше рака подадена кон идните студенти, порака дека не се сами, дека веќе постои заедница што ги чека. Некои од нив заминаа со нови пријатели, други со конкретни одговори на прашања што ги мачеле со месеци. Но сите заминаа со исто чувство: дека Словенија повеќе не е непознато место, туку нов дом во кој ќе бидат дел од нешто поголемо.</p>
                 
                 <figure class="article-inline-image">
@@ -258,7 +289,7 @@
                     <footer>, Борјан Јовановски, иден студент и учесник на настанот</footer>
                 </blockquote>
 
-                <h2>Практични совети од прва рака</h2>
+                <h2 id="section-5">Практични совети од прва рака</h2>
                 <p>Посебен момент на настанот беше обраќањето на конзулот од Амбасадата на Република Словенија во Северна Македонија, господинот Мартин Глазар. Тој накратко ги претстави најважните чекори од процесот за добивање дозвола за привремен престој, една од најголемите грижи и предизвици за сите странски студенти во Словенија. На тој начин, идните студенти добија појасна слика за тоа што ги очекува и како полесно да се справат со административните процедури.</p>
                 
                 <figure class="article-inline-image">
@@ -266,7 +297,7 @@
                     <figcaption>Фотографија од конзулот кој на интересен начин ги запознава студентите со процесот за добивање на привремена дозвола за престој!</figcaption>
                 </figure>
 
-                <h2>За оние што не беа физички присутни со нас</h2>
+                <h2 id="section-6">За оние што не беа физички присутни со нас</h2>
                 <p>Не секој успеа да биде присутен во салата, но затоа се потрудивме никој да не остане без ова искуство. Настанот го пренесувавме во живо преку нашата Фејсбук страница, а снимката сè уште е достапна. Ако сакаш да ја доживееш атмосферата и да ги чуеш приказните од прва рака, можеш да го погледнеш целиот настан на овој линк тука.</p>
                 
                 <figure class="article-inline-image">
@@ -274,7 +305,7 @@
                     <figcaption>Фотографија од постерот за настанот!</figcaption>
                 </figure>
 
-                <h2>Се гледаме во Словенија!</h2>
+                <h2 id="section-7">Се гледаме во Словенија!</h2>
                 <p>Со „Запознај ја студентска Словенија 2023“ успеавме да им подадеме рака на новите студенти и да им покажеме дека пред нив стои возбудливо патување полно со нови пријателства, предизвици и успеси. Искрено се надеваме дека следниот пат ќе се сретнеме токму таму, во предавалните, студентските домови и улиците на Љубљана, Марибор и Копер.</p>
                 <p>Овој настан немаше да биде можен без поддршката на нашите партнери и пријатели, на кои им упатуваме огромна благодарност:</p>
                 <ol>
@@ -322,6 +353,7 @@
                 </div>
             </footer>
         </article>
+        </div>
 
         <section class="article-support-cta">
             <div class="asc-card">
diff --git a/mk/projects/meet-student-slovenia-2024/index.html b/mk/projects/meet-student-slovenia-2024/index.html
index 0786e81d..0c974acc 100644
--- a/mk/projects/meet-student-slovenia-2024/index.html
+++ b/mk/projects/meet-student-slovenia-2024/index.html
@@ -193,7 +193,37 @@
 <!-- END_HEADER -->
 
     <main class="article-page">
-        <article class="article-container">
+        <!-- Sticky Mobile Header -->
+        <div class="mobile-article-header">
+            <span id="mobile-article-title">Запознај ја студентска Словенија 2024</span>
+            <i class="fas fa-chevron-down"></i>
+            <div class="progress-bar-container">
+                <div class="progress-bar"></div>
+            </div>
+            <div class="mobile-scrollspy-dropdown">
+                <ul id="mobile-scrollspy-links"></ul>
+            </div>
+        </div>
+
+                <div class="article-layout-container">
+            <aside class="article-sidebar">
+                <nav class="scrollspy-nav">
+                    <ul>
+                        <li><a href="#section-1" class="active">„Кафе муабет“ со идни колеги, но на панел дискусија</a></li>
+                        <li><a href="#section-2">Што остана зад нас</a></li>
+                        <li><a href="#section-3">Поддршката што ја направи разликата</a></li>
+                        <li><a href="#section-4">Зошто беше посебно?</a></li>
+                        <li><a href="#section-5">За оние што не беа физички присутни со нас</a></li>
+                        <li><a href="#section-6">Се гледаме во Словенија!</a></li>
+                    </ul>
+                </nav>
+                <div class="sidebar-cta">
+                    <p class="sidebar-cta-title">Ти се допаѓа тоа што го правиме?</p>
+                    <a class="sidebar-cta-btn" href="../../../mk/become-a-member/">Стани член</a>
+                    <p class="sidebar-cta-note">Или <a href="../../../mk/support/">поддржи го МСОС</a> за да создаваме уште повеќе вакви моменти.</p>
+                </div>
+            </aside>
+            <article class="article-container">
             <header class="article-header">
                 <p class="article-publish-date">Објавено на 16 септември 2024</p>
                 <h1>Запознај ја студентска Словенија 2024</h1>
@@ -207,7 +237,7 @@
             <div class="article-body">
                 <p>По успехот во 2023 година, „Запознај ја студентска Словенија“ оваа година се врати со уште поголема енергија. На 16 септември 2024 година во НЛБ Галерија Скопје, го одржавме второто издание на настанот кој стана вистинска традиција. Интересот беше огромен, имавме двојно повеќе пријави од капацитетот на просторот. Атмосферата беше полна со возбуда, прашања и желба за нови почетоци.</p>
                 
-                <h2>„Кафе муабет“ со идни колеги, но на панел дискусија</h2>
+                <h2 id="section-1">„Кафе муабет“ со идни колеги, но на панел дискусија</h2>
                 <p>Нашата цел никогаш не била да правиме „суви презентации“. Наместо тоа, организиравме панел, вистински муабет со четворица студенти кои веќе го живеат словенечкиот студентски живот. Марија Коштревска од Универзитетот во Љубљана, Васил Ханџиски од Универзитетот во Марибор, Софија Матовска од Универзитетот во Нова Горица и Игор Арсов од Универзитетот во Приморска зборуваа за се: првите денови далеку од дома, како е да се најде сместување, што се студентските „бони“ и како изгледа да се гради нов круг на пријатели. Секој сподели нешто свое, а публиката прашуваше и се вклучуваше, баш како муабет на кафе.</p>
                 
                 <figure class="article-inline-image">
@@ -220,7 +250,7 @@
                     <figcaption>Марија Коштревска (на горната слика) и Софија Матовска (на долната слика) го раскажуваат своето студентско искуство во Словенија.</figcaption>
                 </figure>
 
-                <h2>Што остана зад нас</h2>
+                <h2 id="section-2">Што остана зад нас</h2>
                 <p>Оваа вечер не беше само размена на информации. Беше момент кога идните студенти разбраа дека не се сами во своите грижи и стравови. Секое прашање доби одговор од искуство, секоја дилема беше растопена со пример од реалноста. Многумина заминаа охрабрени со нови пријатели и со чувство дека Словенија веќе не е толку далечна и непозната.</p>
 
                 <figure class="article-inline-image">
@@ -241,7 +271,7 @@
                     <figcaption>На долната слика се претставниците на Амбасадата, Управниот одбор на НЛБ Банка и Управниот одбор на МСОС.</figcaption>
                 </figure>
 
-                <h2>Поддршката што ја направи разликата</h2>
+                <h2 id="section-3">Поддршката што ја направи разликата</h2>
                 <p>„Запознај ја студентска Словенија 2024" немаше да изгледа вака без помошта на нашите партнери и пријатели. Голема благодарност упатуваме до Амбасадата на Република Словенија во Северна Македонија, НЛБ Банка Скопје како покровител и главен спонзор на целиот настан и Капитал Финансиски Центар, кои со својата поддршка овозможија настанот да се реализира на ова високо ниво.</p>
 
                 <figure class="article-inline-image">
@@ -262,7 +292,7 @@
                     <figcaption>Фотографија од поздравниот говор на Н.Е. амбасадор господинот Грегор Прескер.</figcaption>
                 </figure>
 
-                <h2>Зошто беше посебно?</h2>
+                <h2 id="section-4">Зошто беше посебно?</h2>
                 <p>Затоа што овој настан не беше само уште една презентација. Тој беше рака подадена кон идните студенти, порака дека не се сами, дека веќе постои заедница што ги чека. Некои од нив заминаа со нови пријатели, други со конкретни одговори на прашања што ги мачеле со месеци. Но сите заминаа со исто чувство: дека Словенија повеќе не е непознато место, туку нов дом во кој ќе бидат дел од нешто поголемо.</p>
                 
                 <figure class="article-inline-image">
@@ -270,7 +300,7 @@
                     <figcaption>Моменти кога учесниците им поставуваат прашања на панелистите!&#128522;✨</figcaption>
                 </figure>
 
-                <h2>За оние што не беа физички присутни со нас</h2>
+                <h2 id="section-5">За оние што не беа физички присутни со нас</h2>
                 <p>Знаеме дека не секој успеа да присуствува во НЛБ Галерија, но затоа овозможивме квалитетен livestream. Настанот беше пренесуван во живо и сега е достапен за повторно гледање. Доколку сакате да ја почувствувате атмосферата и да ги чуете искрените приказни од панелот, можете да го погледнете на овој линк <a href="#">Погледни го видеото тука.</a></p>
                 
                 <figure class="article-inline-image">
@@ -278,7 +308,7 @@
                     <figcaption>Фотографија од постерот за настанот!</figcaption>
                 </figure>
 
-                <h2>Се гледаме во Словенија!</h2>
+                <h2 id="section-6">Се гледаме во Словенија!</h2>
                 <p>„Запознај ја студентска Словенија“ не е само настан. Тоа е место каде идните студенти го прават првиот чекор, со поддршка, со совети од прва рака и со чувство дека не се сами. И оваа година успеавме да го создадеме тоа чувство, а тоа е најголемата победа.</p>
                 <p>Се гледаме повторно наредната година!</p>
                 <p>П.С. Секоја година после успешно оранизираниот настан тимот на МСОС традиционално се упатува кон најблиската кафана, на вечер полна дружење, пеење и емоции! &#129322; Затоа вреди да си и ти дел од нашиот тим! Придружи ни се.</p>
@@ -321,6 +351,7 @@
                 </div>
             </footer>
         </article>
+        </div>
 
         <section class="article-support-cta">
             <div class="asc-card">
diff --git a/mk/projects/morning-coffee-in-front-of-ctk/index.html b/mk/projects/morning-coffee-in-front-of-ctk/index.html
index d6e1fb87..09972da1 100644
--- a/mk/projects/morning-coffee-in-front-of-ctk/index.html
+++ b/mk/projects/morning-coffee-in-front-of-ctk/index.html
@@ -193,7 +193,35 @@
 <!-- END_HEADER -->
 
     <main class="article-page">
-        <article class="article-container">
+        <!-- Sticky Mobile Header -->
+        <div class="mobile-article-header">
+            <span id="mobile-article-title">Утринско кафе пред ЦТК, 2024: Кафе, бурек и многу насмевки</span>
+            <i class="fas fa-chevron-down"></i>
+            <div class="progress-bar-container">
+                <div class="progress-bar"></div>
+            </div>
+            <div class="mobile-scrollspy-dropdown">
+                <ul id="mobile-scrollspy-links"></ul>
+            </div>
+        </div>
+
+                <div class="article-layout-container">
+            <aside class="article-sidebar">
+                <nav class="scrollspy-nav">
+                    <ul>
+                        <li><a href="#section-1" class="active">Кафе против стресот</a></li>
+                        <li><a href="#section-2">Поставивме две прашања што ни открија цела палета студентски емоции</a></li>
+                        <li><a href="#section-3">Како стигнавме од кафе до симулатор на летање и принтери за ЗД моделирање</a></li>
+                        <li><a href="#section-4">Кафе и бурек = желба да станувам секој ден за да учам по 12 часа</a></li>
+                    </ul>
+                </nav>
+                <div class="sidebar-cta">
+                    <p class="sidebar-cta-title">Ти се допаѓа тоа што го правиме?</p>
+                    <a class="sidebar-cta-btn" href="../../../mk/become-a-member/">Стани член</a>
+                    <p class="sidebar-cta-note">Или <a href="../../../mk/support/">поддржи го МСОС</a> за да создаваме уште повеќе вакви моменти.</p>
+                </div>
+            </aside>
+            <article class="article-container">
             <header class="article-header">
                 <p class="article-publish-date">Објавено на 8 јуни 2024</p>
                 <h1>Утринско кафе пред ЦТК, 2024: Кафе, бурек и многу насмевки</h1>
@@ -207,7 +235,7 @@
             <div class="article-body">
                 <p>На 8 јуни 2024, од 9 до 12 часот, пред Централната техничка библиотека на Универзитетот во Љубљана (ЦТК), ја организиравме нашата веќе традиционална студентска пауза, Утринско кафе пред ЦТК заедно со тимот на Скупина Повезани и ЦТК. Ова беше втора година по ред како се дружиме на истото место, но секој пат носи нови моменти за паметење.</p>
                 
-                <h2>Кафе против стресот</h2>
+                <h2 id="section-1">Кафе против стресот</h2>
                 <p>Испитната сесија секогаш носи стрес, часови и часови учење, разговори што се вртат само околу испити, први и втори рокови, положени или не, некои за прв пат, а некои и по петти пат. Затоа решивме да направиме мала пауза за воздишка: да се опуштиме, да се насмееме и да се потсетиме дека сме тука заедно во овој студиски стрес.</p>
 
                 <figure class="article-inline-image">
@@ -227,7 +255,7 @@
                     <figcaption>Група студенти со топло кафе, насмеани пред ЦТК.</figcaption>
                 </figure>
 
-                <h2>Поставивме две прашања што ни открија цела палета студентски емоции</h2>
+                <h2 id="section-2">Поставивме две прашања што ни открија цела палета студентски емоции</h2>
                 <p>За дополнителна доза интеракција, поставивме две големи табли со прашања што едноставно те тераат да одговориш: <strong>„Како ја преживувам испитната сесија?“</strong> и <strong>„Kako bi opisal počutje med izpitnem obdobjem?“</strong>.</p>
                 <p>Реакциите беа моментални, студентите се нафрлија да пишуваат, а одговорите беа сè, само не досадни: од „хаотично“ и „Сакаме да спиеме! (не во ЦТК)!" до „лагано“, „под стрес“, „исцрпено“, „среќно“ и „заспано“. Со други зборови, цел спектар на студентски емоции, искрено преточени во неколку зборови.</p>
                 
@@ -236,10 +264,10 @@
                     <figcaption>Духовити и искрени одговори на големите табли со прашања пред ЦТК.</figcaption>
                 </figure>
 
-                <h2>Како стигнавме од кафе до симулатор на летање и принтери за ЗД моделирање</h2>
+                <h2 id="section-3">Како стигнавме од кафе до симулатор на летање и принтери за ЗД моделирање</h2>
                 <p>Како бонус за студентите во договор со универзитетската техничка библиотека, програмата беше збогатена и со изложба на ЦТК, каде што беа претставени симулатор за летање, ЗД принтери и друга интересна опрема која студентите можеа да ја пробаат, а потоа и бесплатно да ја изнајмат во Креативното студио на ЦТК, дел од нивната едукативна програма.</p>
                 
-                <h2>Кафе и бурек = желба да станувам секој ден за да учам по 12 часа</h2>
+                <h2 id="section-4">Кафе и бурек = желба да станувам секој ден за да учам по 12 часа</h2>
                 <p>Околу 150 луѓе го посетија заедничкиот штанд на МСОС, Повезани и ЦТК за да се подружат, да се напијат кафе, да грицнат нешто и да си разменат приказни меѓу книгите и роковите. Настанот помина во одлична атмосфера, многу насмевки, нови познанства и еден мал потсетник дека и во најстресните периоди, секогаш има време за кафе и добро друштво.</p>
                 
                 <figure class="article-inline-image">
@@ -287,6 +315,7 @@
                 </div>
             </footer>
         </article>
+        </div>
 
         <section class="article-support-cta">
             <div class="asc-card">
diff --git a/mk/projects/paint-and-wine-at-sunset/index.html b/mk/projects/paint-and-wine-at-sunset/index.html
index 83fcdab2..60119fa7 100644
--- a/mk/projects/paint-and-wine-at-sunset/index.html
+++ b/mk/projects/paint-and-wine-at-sunset/index.html
@@ -193,7 +193,35 @@
 <!-- END_HEADER -->
 
     <main class="article-page">
-        <article class="article-container">
+        <!-- Sticky Mobile Header -->
+        <div class="mobile-article-header">
+            <span id="mobile-article-title">Сликање и вино на зајдисонце, славење на Денот на жената со уметност и музика</span>
+            <i class="fas fa-chevron-down"></i>
+            <div class="progress-bar-container">
+                <div class="progress-bar"></div>
+            </div>
+            <div class="mobile-scrollspy-dropdown">
+                <ul id="mobile-scrollspy-links"></ul>
+            </div>
+        </div>
+
+                <div class="article-layout-container">
+            <aside class="article-sidebar">
+                <nav class="scrollspy-nav">
+                    <ul>
+                        <li><a href="#section-1" class="active">Прв пат за МСОС Нова Горица</a></li>
+                        <li><a href="#section-2">Уметност, музика и заедништво</a></li>
+                        <li><a href="#section-3">Зошто беше важно</a></li>
+                        <li><a href="#section-4">Поглед напред</a></li>
+                    </ul>
+                </nav>
+                <div class="sidebar-cta">
+                    <p class="sidebar-cta-title">Ти се допаѓа тоа што го правиме?</p>
+                    <a class="sidebar-cta-btn" href="../../../mk/become-a-member/">Стани член</a>
+                    <p class="sidebar-cta-note">Или <a href="../../../mk/support/">поддржи го МСОС</a> за да создаваме уште повеќе вакви моменти.</p>
+                </div>
+            </aside>
+            <article class="article-container">
             <header class="article-header">
                 <p class="article-publish-date">Објавено на 8 март 2025</p>
                 <h1>Сликање и вино на зајдисонце, славење на Денот на жената со уметност и музика</h1>
@@ -211,7 +239,7 @@
                     <img width="720" height="480" loading="lazy" decoding="async" src="../../../images/paint-wine-2.webp" alt="Студенти сликаат на вечерта на сликање и вино">
                 </figure>
 
-                <h2>Прв пат за МСОС Нова Горица</h2>
+                <h2 id="section-1">Прв пат за МСОС Нова Горица</h2>
 
                 <p>Ова беше повеќе од само настан. Беше првата официјална активност организирана од нашиот нов тим на МСОС Нова Горица. Со поддршка од Македонското културно друштво „Охридски Бисери“, го претворивме пријатното место Etnoteca Mama Angela во простор исполнет со креативност и смеа.</p>
 
@@ -219,7 +247,7 @@
                     <img width="1600" height="1067" loading="lazy" decoding="async" src="../../../images/paint-wine-3.webp" alt="Пријатното место Etnoteca Mama Angela">
                 </figure>
 
-                <h2>Уметност, музика и заедништво</h2>
+                <h2 id="section-2">Уметност, музика и заедништво</h2>
 
                 <p>Концептот беше едноставен, но моќен: вечер на сликање и вино каде секој можеше да седне со платно, четки и чаша вино, и да остави инспирацијата да преземе. Не беше потребно претходно искуство во сликање. Некои избраа да создадат симболични дела во чест на жените, други сликаа слободно, од срце.</p>
 
@@ -233,7 +261,7 @@
                     <img width="720" height="480" loading="lazy" decoding="async" src="../../../images/paint-wine-5.webp" alt="Студентите заедно уживаат во вино и музика">
                 </figure>
 
-                <h2>Зошто беше важно</h2>
+                <h2 id="section-3">Зошто беше важно</h2>
 
                 <p>Одржан на 8 март, Меѓународниот ден на жената, настанот носеше подлабоко значење. Беше можност да се прослават и ценат жените, не само со зборови, туку преку уметност. Сликите што настанаа таа вечер беа разновидни, лични и полни со боја, исто како и самата студентска заедница.</p>
 
@@ -251,7 +279,7 @@
                     <img width="720" height="480" loading="lazy" decoding="async" src="../../../images/paint-wine-7.webp" alt="Групата ужива во славењето">
                 </figure>
 
-                <h2>Поглед напред</h2>
+                <h2 id="section-4">Поглед напред</h2>
 
                 <p>Вечерта на сликање и вино покажа дека МСОС Нова Горица е подготвена да донесе свежи идеи и енергија во нашето студентско семејство. Од ѕвонењето на чашите вино до платната што се полнеа со боја, вечерта на сите им остави спомени и по некој прст обоен со боја, што нема да се заборават.</p>
 
@@ -279,6 +307,7 @@
                     </div>
                 </section>
         </article>
+        </div>
         <section class="article-support-cta">
             <div class="asc-card">
                 <h3>Ти се допаѓа тоа што го правиме?</h3>
diff --git a/mk/projects/watching-handball-together-in-slovenia/index.html b/mk/projects/watching-handball-together-in-slovenia/index.html
index f585d9a3..58d1344e 100644
--- a/mk/projects/watching-handball-together-in-slovenia/index.html
+++ b/mk/projects/watching-handball-together-in-slovenia/index.html
@@ -193,7 +193,34 @@
 <!-- END_HEADER -->
 
     <main class="article-page">
-        <article class="article-container">
+        <!-- Sticky Mobile Header -->
+        <div class="mobile-article-header">
+            <span id="mobile-article-title">Навивање за Македонија, заедничко гледање ракомет во Словенија</span>
+            <i class="fas fa-chevron-down"></i>
+            <div class="progress-bar-container">
+                <div class="progress-bar"></div>
+            </div>
+            <div class="mobile-scrollspy-dropdown">
+                <ul id="mobile-scrollspy-links"></ul>
+            </div>
+        </div>
+
+                <div class="article-layout-container">
+            <aside class="article-sidebar">
+                <nav class="scrollspy-nav">
+                    <ul>
+                        <li><a href="#section-1" class="active">Два града, еден дух</a></li>
+                        <li><a href="#section-2">Повеќе од само гледање на натпреварот</a></li>
+                        <li><a href="#section-3">Нова традиција во создавање</a></li>
+                    </ul>
+                </nav>
+                <div class="sidebar-cta">
+                    <p class="sidebar-cta-title">Ти се допаѓа тоа што го правиме?</p>
+                    <a class="sidebar-cta-btn" href="../../../mk/become-a-member/">Стани член</a>
+                    <p class="sidebar-cta-note">Или <a href="../../../mk/support/">поддржи го МСОС</a> за да создаваме уште повеќе вакви моменти.</p>
+                </div>
+            </aside>
+            <article class="article-container">
             <header class="article-header">
                 <p class="article-publish-date">Објавено на 25 јануари 2025</p>
                 <h1>Навивање за Македонија, заедничко гледање ракомет во Словенија</h1>
@@ -212,7 +239,7 @@
                     <figcaption>Момент од навивачката атмосфера во Марибор.</figcaption>
                 </figure>
 
-                <h2>Два града, еден дух</h2>
+                <h2 id="section-1">Два града, еден дух</h2>
 
                 <p>Оваа зима, Светското првенство во ракомет донесе повеќе од само натпревари на екран. Ги собра македонските студенти заедно. Во Љубљана, иницијативата дојде од студентот Љубен Најдовски, кој предложи МСОС да организира групно гледање на натпреварот против Гвинеја на 19 јануари 2025 година. Со брза организација и поддршка од локалното кафуле Lepa Žoga, беше резервиран простор, беа собрани пријави и наскоро 25 студенти го наполнија местото со знамиња, извици и смеа.</p>
 
@@ -228,7 +255,7 @@
                     <figcaption>Навивачите собрани во базата во Марибор навиваат заедно за Македонија.</figcaption>
                 </figure>
 
-                <h2>Повеќе од само гледање на натпреварот</h2>
+                <h2 id="section-2">Повеќе од само гледање на натпреварот</h2>
 
                 <p>Тоа што ги направи овие настани посебни не беше само спортот. Беше начинот на кој студентите создадоа парче дом во странство: мавтање со знамиња, споделување пијалаци, извикување „Ајде Македонија!“ кон екранот и заеднички смеа при промашени шутови или брилијантни одбрани. За новодојдените, тоа беше можност веднаш да се почувствуваат дел од заедницата. За другите, тоа беше потсетник дека дури и стотици километри од дома, не навиваа сами.</p>
 
@@ -237,7 +264,7 @@
                     <figcaption>Двајца наши организатори од МСОС Марибор уживаат во вечерта на навивачкиот настан.</figcaption>
                 </figure>
 
-                <h2>Нова традиција во создавање</h2>
+                <h2 id="section-3">Нова традиција во создавање</h2>
 
                 <p>Од Љубљана до Марибор, овие навивачки собири покажаа дека поддршката на репрезентацијата може да биде повеќе од спорт. Тоа е начин да се градат пријателства, да се зајакне заедницата и да се носи парче Македонија каде и да одиме. Со секој натпревар, енергијата расте, и едно е сигурно: овие собири ќе продолжат да бидат дел од приказната на МСОС.</p>
 
@@ -265,6 +292,7 @@
                     </div>
                 </section>
         </article>
+        </div>
         <section class="article-support-cta">
             <div class="asc-card">
                 <h3>Ти се допаѓа тоа што го правиме?</h3>
diff --git a/si/projects/humanitarian-tournament-in-maribor/index.html b/si/projects/humanitarian-tournament-in-maribor/index.html
index 5da540a1..cc9cbde9 100644
--- a/si/projects/humanitarian-tournament-in-maribor/index.html
+++ b/si/projects/humanitarian-tournament-in-maribor/index.html
@@ -193,7 +193,36 @@
 <!-- END_HEADER -->
 
     <main class="article-page">
-        <article class="article-container">
+        <!-- Sticky Mobile Header -->
+        <div class="mobile-article-header">
+            <span id="mobile-article-title">Humanitarni športni turnir: Igramo s srcem, skupaj za Kočane</span>
+            <i class="fas fa-chevron-down"></i>
+            <div class="progress-bar-container">
+                <div class="progress-bar"></div>
+            </div>
+            <div class="mobile-scrollspy-dropdown">
+                <ul id="mobile-scrollspy-links"></ul>
+            </div>
+        </div>
+
+                <div class="article-layout-container">
+            <aside class="article-sidebar">
+                <nav class="scrollspy-nav">
+                    <ul>
+                        <li><a href="#section-1" class="active">Dan, poln energije</a></li>
+                        <li><a href="#section-2">Več kot le turnir</a></li>
+                        <li><a href="#section-3">Humanitarni učinek</a></li>
+                        <li><a href="#section-4">Zakaj je bilo pomembno</a></li>
+                        <li><a href="#section-5">Zahvale</a></li>
+                    </ul>
+                </nav>
+                <div class="sidebar-cta">
+                    <p class="sidebar-cta-title">Vam je všeč, kar počnemo?</p>
+                    <a class="sidebar-cta-btn" href="../../../si/become-a-member/">Postani član</a>
+                    <p class="sidebar-cta-note">Ali <a href="../../../si/support/">podpri MSOS</a> da bomo ustvarili še več takšnih trenutkov.</p>
+                </div>
+            </aside>
+            <article class="article-container">
             <header class="article-header">
                 <p class="article-publish-date">Objavljeno 5. aprila 2025</p>
                 <h1>Humanitarni športni turnir: Igramo s srcem, skupaj za Kočane</h1>
@@ -212,7 +241,7 @@
                     <figcaption>Utrinek ekipe MŠOS Maribor.</figcaption>
                 </figure>
 
-                <h2>Dan, poln energije</h2>
+                <h2 id="section-1">Dan, poln energije</h2>
 
                 <p>Dogodek je potekal v športni dvorani Leon Štukelj, ki je oživela od navijanja, smeha in zvoka košarkarskih ter futsal žog, ki so poskakovale po igriščih. Že od samega začetka se je čutilo, da ne gre le za tekmovanje. Šlo je za skupnost.</p>
 
@@ -228,7 +257,7 @@
                     <figcaption>Študenti dajejo vse od sebe na futsal igrišču in tekmovanje spreminjajo v energijo, smeh in nepozabne trenutke.</figcaption>
                 </figure>
 
-                <h2>Več kot le turnir</h2>
+                <h2 id="section-2">Več kot le turnir</h2>
 
                 <p>Tekme so trajale več kot šest ur in vzdušje ni niti za trenutek popustilo. Prijatelji so prišli podpret svoje ekipe, glasba je ohranjala živahnost dvorane, vedno pa je bil nekdo, ki je novincem pojasnil ozadje: »To počnemo za Kočane.« Ta nenehni opomnik je vsako doseženo točko spremenil v nekaj večjega od športa.</p>
 
@@ -244,7 +273,7 @@
                     <figcaption>Ogrevanje pred košarkarskimi tekmami, moške in ženske ekipe se pripravljajo na akcijo.</figcaption>
                 </figure>
 
-                <h2>Humanitarni učinek</h2>
+                <h2 id="section-3">Humanitarni učinek</h2>
 
                 <p>Najpomembnejši rezultat ni bil na semaforju, ampak v škatli za donacije. Skupaj smo zbrali 1.010 €, ki smo jih razdelili med dve makedonski družini, katerih otroci so se zdravili v Sloveniji. To ni bil le denar. Bilo je sporočilo, da niso sami, da je študentska skupnost stala ob njih v najtežjih trenutkih.</p>
 
@@ -253,7 +282,7 @@
                     <figcaption>Dlani v zrak, pokali in nasmehi, praznovanje zmage na igrišču in izven njega.</figcaption>
                 </figure>
 
-                <h2>Zakaj je bilo pomembno</h2>
+                <h2 id="section-4">Zakaj je bilo pomembno</h2>
 
                 <p>Za MŠOS je bil ta turnir več kot enodnevni dogodek. Pokazal je, da ima naša skupnost moč, da se na izzive odzove s sočutjem in dejanji. Dokazali smo, da študentsko življenje ni le predavanja in izpiti, niti zgolj zabave in razvedrilo. Lahko je tudi solidarnost, empatija in človečnost.</p>
 
@@ -264,7 +293,7 @@
                     <figcaption>Nepozaben trenutek z organizacijsko ekipo ter zmagovalnima košarkarsko in futsal ekipo.</figcaption>
                 </figure>
 
-                <h2>Zahvale</h2>
+                <h2 id="section-5">Zahvale</h2>
 
                 <p>Turnir ne bi bil mogoč brez podpore naših partnerjev in skupnosti. Hvaležni smo Univerzi v Mariboru, ki je brezplačno zagotovila celotno športno dvorano Leon Štukelj, podjetju Macedonia Trade, ki je poskrbelo za osvežitev in darila za zmagovalne ekipe, ter Radenski za vodo za vse udeležence.</p>
 
@@ -297,6 +326,7 @@
                     </div>
                 </section>
         </article>
+        </div>
         <section class="article-support-cta">
             <div class="asc-card">
                 <h3>Vam je všeč, kar počnemo?</h3>
diff --git a/si/projects/in-memory-of-frosina-kulakova/index.html b/si/projects/in-memory-of-frosina-kulakova/index.html
index 5dbeae5b..742dca81 100644
--- a/si/projects/in-memory-of-frosina-kulakova/index.html
+++ b/si/projects/in-memory-of-frosina-kulakova/index.html
@@ -193,7 +193,28 @@
 <!-- END_HEADER -->
 
     <main class="article-page">
-        <article class="article-container">
+        <!-- Sticky Mobile Header -->
+        <div class="mobile-article-header">
+            <span id="mobile-article-title">V spomin na Frosino Kulakovo</span>
+            <i class="fas fa-chevron-down"></i>
+            <div class="progress-bar-container">
+                <div class="progress-bar"></div>
+            </div>
+            <div class="mobile-scrollspy-dropdown">
+                <ul id="mobile-scrollspy-links"></ul>
+            </div>
+        </div>
+
+                <div class="article-layout-container">
+            <aside class="article-sidebar">
+                <nav class="scrollspy-nav">
+                    <ul>
+                        <li><a href="#section-1" class="active">Sporočilo enotnosti</a></li>
+                        <li><a href="#section-2">Sklepne misli</a></li>
+                    </ul>
+                </nav>
+            </aside>
+            <article class="article-container">
             <header class="article-header">
                 <p class="article-publish-date">Objavljeno 8. februarja 2025</p>
                 <h1>V spomin na Frosino Kulakovo</h1>
@@ -211,7 +232,7 @@
                     <img width="720" height="480" loading="lazy" decoding="async" src="../../../images/frosina-2.webp" alt="Študenti prižigajo sveče v spomin na Frosino">
                 </figure>
 
-                <h2>Sporočilo enotnosti</h2>
+                <h2 id="section-1">Sporočilo enotnosti</h2>
 
                 <p>To srečanje ni bilo namenjeno politiki ali kritiki. Šlo je za sočutje, človečnost in skupno odgovornost. Kot študenti v tujini smo želeli pokazati, da nam ni vseeno, da se spominjamo in da upamo na boljši jutri, ko se takšne krivice ne bodo več dogajale.</p>
 
@@ -221,7 +242,7 @@
                     <img width="720" height="480" loading="lazy" decoding="async" src="../../../images/frosina-3.webp" alt="Cvetje in sveče, položene v spomin">
                 </figure>
 
-                <h2>Sklepne misli</h2>
+                <h2 id="section-2">Sklepne misli</h2>
 
                 <p>Frosinina zgodba nas je opomnila na krhkost življenja in pomen solidarnosti. Hvaležni smo vsem, ki so prišli, ki so prižgali svečo ali ki so preprosto stali z nami v tišini.</p>
 
@@ -239,6 +260,7 @@
                     </div>
                 </section>
         </article>
+        </div>
         <section class="newsletter-cta">
             <div class="container">
                 <div class="cta-content">
diff --git a/si/projects/in-memory-of-the-kochani-victims/index.html b/si/projects/in-memory-of-the-kochani-victims/index.html
index 0f1863d1..e8744dea 100644
--- a/si/projects/in-memory-of-the-kochani-victims/index.html
+++ b/si/projects/in-memory-of-the-kochani-victims/index.html
@@ -193,7 +193,29 @@
 <!-- END_HEADER -->
 
     <main class="article-page">
-        <article class="article-container">
+        <!-- Sticky Mobile Header -->
+        <div class="mobile-article-header">
+            <span id="mobile-article-title">V spomin na žrtve tragedije v Kočanih</span>
+            <i class="fas fa-chevron-down"></i>
+            <div class="progress-bar-container">
+                <div class="progress-bar"></div>
+            </div>
+            <div class="mobile-scrollspy-dropdown">
+                <ul id="mobile-scrollspy-links"></ul>
+            </div>
+        </div>
+
+                <div class="article-layout-container">
+            <aside class="article-sidebar">
+                <nav class="scrollspy-nav">
+                    <ul>
+                        <li><a href="#section-1" class="active">Zbor v Ljubljani</a></li>
+                        <li><a href="#section-2">Sporočilo onkraj meja</a></li>
+                        <li><a href="#section-3">Sklepne besede</a></li>
+                    </ul>
+                </nav>
+            </aside>
+            <article class="article-container">
             <header class="article-header">
                 <p class="article-publish-date">Objavljeno 21. marca 2025</p>
                 <h1>V spomin na žrtve tragedije v Kočanih</h1>
@@ -213,7 +235,7 @@
                     <img width="720" height="480" loading="lazy" decoding="async" src="../../../images/kochani-2.webp" alt="Svetloba sveč in cvetje na žalni slovesnosti v Ljubljani">
                 </figure>
 
-                <h2>Zbor v Ljubljani</h2>
+                <h2 id="section-1">Zbor v Ljubljani</h2>
 
                 <p>21. marca je bil trg v Ljubljani napolnjen s tišino in svetlobo sveč. Kar se je začelo s pričakovanjem okoli 200 udeležencev, je preraslo v zbor več kot 600 ljudi vseh starosti. Program se je začel s kratkim nagovorom predsednika MŠOS, ki mu je sledila 16-minutna tišina v počastitev žrtev, ena minuta za vsak marčevski dan do tragedije.</p>
 
@@ -223,7 +245,7 @@
                     <img width="720" height="480" loading="lazy" decoding="async" src="../../../images/kochani-3.webp" alt="Morje sveč in cvetja, ki so ga pustili udeleženci">
                 </figure>
 
-                <h2>Sporočilo onkraj meja</h2>
+                <h2 id="section-2">Sporočilo onkraj meja</h2>
 
                 <p>Ta zbor je bil opomnik, da študenti tudi daleč od doma nosijo svoje korenine, svoje sočutje in svoj glas za pravico. Ni bilo promocijsko dejanje, ampak človeško, znak, da nova generacija želi graditi prihodnost, v kateri nas opredeljujeta solidarnost in skrb.</p>
 
@@ -233,7 +255,7 @@
                     <img width="720" height="480" loading="lazy" decoding="async" src="../../../images/kochani-4.webp" alt="Udeleženci stojijo skupaj med trenutkom tišine">
                 </figure>
 
-                <h2>Sklepne besede</h2>
+                <h2 id="section-3">Sklepne besede</h2>
 
                 <p>Tragedija v Kočanih nam je pokazala, kako krhko je življenje, a tudi kako močni smo lahko, ko se povežemo. V Ljubljani je študentska skupnost stala z ramo ob rami in domov pošiljala ljubezen in spoštovanje.</p>
 
@@ -250,6 +272,7 @@
                     </div>
                 </section>
         </article>
+        </div>
         <section class="newsletter-cta">
             <div class="container">
                 <div class="cta-content">
diff --git a/si/projects/macedonian-student-night-in-ljubljana/index.html b/si/projects/macedonian-student-night-in-ljubljana/index.html
index ca845ee3..c543011f 100644
--- a/si/projects/macedonian-student-night-in-ljubljana/index.html
+++ b/si/projects/macedonian-student-night-in-ljubljana/index.html
@@ -193,7 +193,35 @@
 <!-- END_HEADER -->
 
     <main class="article-page">
-        <article class="article-container">
+        <!-- Sticky Mobile Header -->
+        <div class="mobile-article-header">
+            <span id="mobile-article-title">Makedonska študentska noč v Ljubljani</span>
+            <i class="fas fa-chevron-down"></i>
+            <div class="progress-bar-container">
+                <div class="progress-bar"></div>
+            </div>
+            <div class="mobile-scrollspy-dropdown">
+                <ul id="mobile-scrollspy-links"></ul>
+            </div>
+        </div>
+
+                <div class="article-layout-container">
+            <aside class="article-sidebar">
+                <nav class="scrollspy-nav">
+                    <ul>
+                        <li><a href="#section-1" class="active">Kako je ideja o druženju postala začetek gibanja</a></li>
+                        <li><a href="#section-2">Okus in vonj Makedonije v osrčju Ljubljane</a></li>
+                        <li><a href="#section-3">Podpora makedonske skupnosti in diplomacije</a></li>
+                        <li><a href="#section-4">Začetek, ki si ga bomo zapomnili</a></li>
+                    </ul>
+                </nav>
+                <div class="sidebar-cta">
+                    <p class="sidebar-cta-title">Vam je všeč, kar počnemo?</p>
+                    <a class="sidebar-cta-btn" href="../../../si/become-a-member/">Postani član</a>
+                    <p class="sidebar-cta-note">Ali <a href="../../../si/support/">podpri MSOS</a> da bomo ustvarili še več takšnih trenutkov.</p>
+                </div>
+            </aside>
+            <article class="article-container">
             <header class="article-header">
                 <p class="article-publish-date">Objavljeno 8. oktobra 2022</p>
                 <h1>Makedonska študentska noč v Ljubljani</h1>
@@ -207,7 +235,7 @@
             <div class="article-body">
                 <p>8. oktobra 2022 se je v osrčju Študentskega kampusa v Ljubljani odvila prva Makedonska študentska noč v Sloveniji. Pod sloganom #FeelsLikeHome je več kot 500 mladih uživalo v makedonski glasbi, okusni tradicionalni hrani in vzdušju, ki je spominjalo na dom. Ta dogodek ni bil le zabava, bil je začetek nove zgodbe, ki bo kasneje prerasla v Makedonsko študentsko organizacijo v Sloveniji (MŠOS).</p>
                 
-                <h2>Kako je ideja o druženju postala začetek gibanja</h2>
+                <h2 id="section-1">Kako je ideja o druženju postala začetek gibanja</h2>
                 <p>Vse se je začelo s preprosto željo, da se zberemo, spoznamo in začutimo Makedonijo, čeprav smo daleč od nje. Kristijan Popovski, takrat študent Ekonomske fakultete v Ljubljani, je svojo idejo delil z nekaj kolegi, odziv pa je bil neverjeten. V manj kot dveh tednih se je v organizacijsko ekipo vključilo več kot 40 študentov. Vsak je prispeval svoj entuziazem in čas, skupni duh in želja po povezovanju pa sta to spontano pobudo spremenila v dogodek, ki si ga bomo dolgo zapomnili.</p>
                 
                 <figure class="article-inline-image">
@@ -228,7 +256,7 @@
                     <footer>, Marko, študent prvega letnika</footer>
                 </blockquote>
 
-                <h2>Okus in vonj Makedonije v osrčju Ljubljane</h2>
+                <h2 id="section-2">Okus in vonj Makedonije v osrčju Ljubljane</h2>
                 <p>Zabava se je začela ob 20. uri in je bila zasnovana v dveh delih. Prvi del je bil pravo gastronomsko in kulturno popotovanje po Makedoniji. Študentje so lahko poskusili kruhke z ajvarjem in sirom, makedonsko vino, okusne prigrizke in tradicionalne pijače. Mize so bile obložene tudi z drugimi avtentičnimi izdelki, ki so vse spominjali na dom. Vse te okuse in vonjave je omogočila podpora trgovine z makedonskimi izdelki <strong>"Makedonija Trade"</strong>, ki je nesebično prispevala k temu, da je bil ta del večera resnično doživetje.</p>
 
                 <figure class="article-inline-image">
@@ -243,7 +271,7 @@
                     <figcaption>Mini kviz z vprašanji o Makedoniji, kjer študenti v enem delu kluba tekmujejo.</figcaption>
                 </figure>
 
-                <h2>Podpora makedonske skupnosti in diplomacije</h2>
+                <h2 id="section-3">Podpora makedonske skupnosti in diplomacije</h2>
                 <p>Večer je obogatila tudi prisotnost pomembnih gostov iz makedonske skupnosti v Sloveniji. Dogodku se nam je pridružil <strong>predsednik Zveze makedonskih kulturnih društev v Sloveniji, g. Blagoja Nasteski</strong>, ki je s svojo prisotnostjo potrdil pomen takšnih pobud za ohranjanje makedonskega duha in tradicije v diaspori.</p>
 
                 <figure class="article-inline-image">
@@ -259,7 +287,7 @@
                     <footer>, Hristijan, študent drugega letnika</footer>
                 </blockquote>
 
-                <h2>Začetek, ki si ga bomo zapomnili</h2>
+                <h2 id="section-4">Začetek, ki si ga bomo zapomnili</h2>
                 <p>Tisti večer ni bil le še ena študentska zabava, bil je trenutek, ko smo spoznali, da smo začeli nekaj večjega. Namesto pričakovanih 100 gostov je v klub prišlo okoli <strong>500 študentov</strong>, energija pa je bila neverjetna. Stkala so se nova prijateljstva, pele so se pesmi iz srca, makedonska kultura in tradicija pa sta bili v ospredju cel večer.</p>
                 <p>Ta noč je postavila temelje za Makedonsko študentsko organizacijo v Sloveniji in nam pokazala, da je z navdušenjem, enotnostjo in malo poguma mogoče ustvariti nekaj, kar združuje ljudi in jim daje občutek doma, tudi ko so daleč od njega.</p>
 
@@ -283,6 +311,7 @@
                     </div>
                 </section>
         </article>
+        </div>
         <section class="article-support-cta">
             <div class="asc-card">
                 <h3>Vam je všeč, kar počnemo?</h3>
diff --git a/si/projects/meet-student-slovenia-2023/index.html b/si/projects/meet-student-slovenia-2023/index.html
index 8357efac..f1bc89a6 100644
--- a/si/projects/meet-student-slovenia-2023/index.html
+++ b/si/projects/meet-student-slovenia-2023/index.html
@@ -193,7 +193,38 @@
 <!-- END_HEADER -->
 
     <main class="article-page">
-        <article class="article-container">
+        <!-- Sticky Mobile Header -->
+        <div class="mobile-article-header">
+            <span id="mobile-article-title">Spoznaj študentsko Slovenijo 2023</span>
+            <i class="fas fa-chevron-down"></i>
+            <div class="progress-bar-container">
+                <div class="progress-bar"></div>
+            </div>
+            <div class="mobile-scrollspy-dropdown">
+                <ul id="mobile-scrollspy-links"></ul>
+            </div>
+        </div>
+
+                <div class="article-layout-container">
+            <aside class="article-sidebar">
+                <nav class="scrollspy-nav">
+                    <ul>
+                        <li><a href="#section-1" class="active">Kaj se skriva za študentskim življenjem v Sloveniji?</a></li>
+                        <li><a href="#section-2">Glasovi, ki navdihujejo</a></li>
+                        <li><a href="#section-3">Za kulisami, naši podporniki</a></li>
+                        <li><a href="#section-4">Zakaj je bilo posebno?</a></li>
+                        <li><a href="#section-5">Praktični nasveti iz prve roke</a></li>
+                        <li><a href="#section-6">Za tiste, ki niso bili fizično prisotni z nami</a></li>
+                        <li><a href="#section-7">Se vidimo v Sloveniji!</a></li>
+                    </ul>
+                </nav>
+                <div class="sidebar-cta">
+                    <p class="sidebar-cta-title">Vam je všeč, kar počnemo?</p>
+                    <a class="sidebar-cta-btn" href="../../../si/become-a-member/">Postani član</a>
+                    <p class="sidebar-cta-note">Ali <a href="../../../si/support/">podpri MSOS</a> da bomo ustvarili še več takšnih trenutkov.</p>
+                </div>
+            </aside>
+            <article class="article-container">
             <header class="article-header">
                 <p class="article-publish-date">Objavljeno 18. septembra 2023</p>
                 <h1>Spoznaj študentsko Slovenijo 2023</h1>
@@ -207,7 +238,7 @@
             <div class="article-body">
                 <p>Kako izgleda prvi korak v študentsko življenje v Sloveniji? Na to vprašanje smo poskušali odgovoriti z dogodkom »Spoznaj študentsko Slovenijo«, ki smo ga organizirali 18. septembra 2023 v NLB Galeriji v Skopju. Vzdušje je bilo polno navdušenja, več kot 100 bodočih študentov in njihovih družin je prišlo z enakim občutkom: željo odkriti, kaj jih čaka tam, kjer bodo začeli novo poglavje.</p>
                 
-                <h2>Kaj se skriva za študentskim življenjem v Sloveniji?</h2>
+                <h2 id="section-1">Kaj se skriva za študentskim življenjem v Sloveniji?</h2>
                 <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">
@@ -215,7 +246,7 @@
                     <figcaption>Igor Arsov z Univerze na Primorskem pripoveduje o svoji študentski izkušnji na Fakulteti za management.</figcaption>
                 </figure>
                 
-                <h2>Glasovi, ki navdihujejo</h2>
+                <h2 id="section-2">Glasovi, ki navdihujejo</h2>
                 <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">
@@ -228,7 +259,7 @@
                     <figcaption>Fotografija udeležencev dogodka. Zanimanje nas je malo presenetilo, a nekako smo se vsi stlačili!♡</figcaption>
                 </figure>
 
-                <h2>Za kulisami, naši podporniki</h2>
+                <h2 id="section-3">Za kulisami, naši podporniki</h2>
                 <p>Dogodek ne bi bil mogoč brez podpore Veleposlaništva Republike Slovenije v Severni Makedoniji, NLB Banke Skopje, Capital Financial Centra, Dijaga in Radia MOF. A pravo moč so dali člani MŠOS pri pripravi dogodka in študenti s svojimi vprašanji, svojo energijo in svojo radovednostjo.</p>
                 <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>
 
@@ -245,7 +276,7 @@
                     <figcaption>Fotografija plaket, ki smo jih podarili NLB Banki Skopje in Veleposlaništvu Republike Slovenije v Severni Makedoniji.</figcaption>
                 </figure>
 
-                <h2>Zakaj je bilo posebno?</h2>
+                <h2 id="section-4">Zakaj je bilo posebno?</h2>
                 <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">
@@ -258,7 +289,7 @@
                     <footer>, Borjan Jovanovski, bodoči študent in udeleženec dogodka</footer>
                 </blockquote>
 
-                <h2>Praktični nasveti iz prve roke</h2>
+                <h2 id="section-5">Praktični nasveti iz prve roke</h2>
                 <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">
@@ -266,7 +297,7 @@
                     <figcaption>Fotografija konzula, ki na zanimiv način seznanja študente s postopkom pridobitve začasnega dovoljenja za prebivanje!</figcaption>
                 </figure>
 
-                <h2>Za tiste, ki niso bili fizično prisotni z nami</h2>
+                <h2 id="section-6">Za tiste, ki niso bili fizično prisotni z nami</h2>
                 <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">
@@ -274,7 +305,7 @@
                     <figcaption>Fotografija plakata za dogodek!</figcaption>
                 </figure>
 
-                <h2>Se vidimo v Sloveniji!</h2>
+                <h2 id="section-7">Se vidimo v Sloveniji!</h2>
                 <p>Z »Spoznaj študentsko Slovenijo 2023« smo uspeli podati roko novim študentom in jim pokazati, da pred njimi stoji vznemirljivo potovanje, polno novih prijateljstev, izzivov in uspehov. Iskreno upamo, da se bomo naslednjič srečali prav tam, v predavalnicah, študentskih domovih in na ulicah Ljubljane, Maribora in Kopra.</p>
                 <p>Ta dogodek ne bi bil mogoč brez podpore naših partnerjev in prijateljev, katerim izrekamo veliko zahvalo:</p>
                 <ol>
@@ -322,6 +353,7 @@
                 </div>
             </footer>
         </article>
+        </div>
 
         <section class="article-support-cta">
             <div class="asc-card">
diff --git a/si/projects/meet-student-slovenia-2024/index.html b/si/projects/meet-student-slovenia-2024/index.html
index 583c7895..07c93647 100644
--- a/si/projects/meet-student-slovenia-2024/index.html
+++ b/si/projects/meet-student-slovenia-2024/index.html
@@ -193,7 +193,37 @@
 <!-- END_HEADER -->
 
     <main class="article-page">
-        <article class="article-container">
+        <!-- Sticky Mobile Header -->
+        <div class="mobile-article-header">
+            <span id="mobile-article-title">Spoznaj študentsko Slovenijo 2024</span>
+            <i class="fas fa-chevron-down"></i>
+            <div class="progress-bar-container">
+                <div class="progress-bar"></div>
+            </div>
+            <div class="mobile-scrollspy-dropdown">
+                <ul id="mobile-scrollspy-links"></ul>
+            </div>
+        </div>
+
+                <div class="article-layout-container">
+            <aside class="article-sidebar">
+                <nav class="scrollspy-nav">
+                    <ul>
+                        <li><a href="#section-1" class="active">»Kofetkanje« z bodočimi kolegi, a na panelni razpravi</a></li>
+                        <li><a href="#section-2">Kaj je ostalo za nami</a></li>
+                        <li><a href="#section-3">Podpora, ki je naredila razliko</a></li>
+                        <li><a href="#section-4">Zakaj je bilo posebno?</a></li>
+                        <li><a href="#section-5">Za tiste, ki niso bili fizično prisotni z nami</a></li>
+                        <li><a href="#section-6">Se vidimo v Sloveniji!</a></li>
+                    </ul>
+                </nav>
+                <div class="sidebar-cta">
+                    <p class="sidebar-cta-title">Vam je všeč, kar počnemo?</p>
+                    <a class="sidebar-cta-btn" href="../../../si/become-a-member/">Postani član</a>
+                    <p class="sidebar-cta-note">Ali <a href="../../../si/support/">podpri MSOS</a> da bomo ustvarili še več takšnih trenutkov.</p>
+                </div>
+            </aside>
+            <article class="article-container">
             <header class="article-header">
                 <p class="article-publish-date">Objavljeno 16. septembra 2024</p>
                 <h1>Spoznaj študentsko Slovenijo 2024</h1>
@@ -207,7 +237,7 @@
             <div class="article-body">
                 <p>Po uspehu v letu 2023 se je »Spoznaj študentsko Slovenijo« letos vrnil z še večjo energijo. 16. septembra 2024 smo v NLB Galeriji Skopje organizirali drugo izdajo dogodka, ki je postal prava tradicija. Zanimanje je bilo ogromno, imeli smo dvakrat več prijav, kot je zmogljivost prostora. Vzdušje je bilo polno navdušenja, vprašanj in želje po novih začetkih.</p>
                 
-                <h2>»Kofetkanje« z bodočimi kolegi, a na panelni razpravi</h2>
+                <h2 id="section-1">»Kofetkanje« z bodočimi kolegi, a na panelni razpravi</h2>
                 <p>Naš cilj nikoli ni bil delati »suhih predstavitev«. Namesto tega smo organizirali panel, pravi pogovor s štirimi študenti, ki že živijo slovensko študentsko življenje. Marija Koštrevska z Univerze v Ljubljani, Vasil Hanџiski z Univerze v Mariboru, Sofija Matovska z Univerze v Novi Gorici in Igor Arsov z Univerze na Primorskem so govorili o vsem: o prvih dneh daleč od doma, o tem, kako najti nastanitev, kaj so študentski »boni« in kako izgleda gradnja novega kroga prijateljev. Vsak je delil nekaj svojega, občinstvo pa je spraševalo in se vključevalo, čisto kot kofetkanje.</p>
                 
                 <figure class="article-inline-image">
@@ -220,7 +250,7 @@
                     <figcaption>Marija Koštrevska (na zgornji sliki) in Sofija Matovska (na spodnji sliki) pripovedujeta o svojih študentskih izkušnjah v Sloveniji.</figcaption>
                 </figure>
 
-                <h2>Kaj je ostalo za nami</h2>
+                <h2 id="section-2">Kaj je ostalo za nami</h2>
                 <p>Ta večer ni bila le izmenjava informacij. Bil je trenutek, ko so bodoči študenti razumeli, da niso sami v svojih skrbeh in strahovih. Vsako vprašanje je dobilo odgovor iz izkušenj, vsaka dilema je bila razrešena s primerom iz resničnega življenja. Mnogi so odšli opogumljeni, z novimi prijatelji in z občutkom, da Slovenija ni več tako oddaljena in neznana.</p>
 
                 <figure class="article-inline-image">
@@ -241,7 +271,7 @@
                     <figcaption>Na spodnji sliki so predstavniki Veleposlaništva, Upravnega odbora NLB Banke in Upravnega odbora MŠOS.</figcaption>
                 </figure>
 
-                <h2>Podpora, ki je naredila razliko</h2>
+                <h2 id="section-3">Podpora, ki je naredila razliko</h2>
                 <p>»Spoznaj študentsko Slovenijo 2024« ne bi bil takšen brez pomoči naših partnerjev in prijateljev. Veliko zahvalo izrekamo Veleposlaništvu Republike Slovenije v Severni Makedoniji, NLB Banki Skopje kot pokrovitelju in glavnemu sponzorju celotnega dogodka ter Capital Financial Centru, ki so s svojo podporo omogočili izvedbo dogodka na tako visoki ravni.</p>
 
                 <figure class="article-inline-image">
@@ -262,7 +292,7 @@
                     <figcaption>Fotografija pozdravnega govora N.E. veleposlanika gospoda Gregorja Preskerja.</figcaption>
                 </figure>
 
-                <h2>Zakaj je bilo posebno?</h2>
+                <h2 id="section-4">Zakaj je bilo posebno?</h2>
                 <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">
@@ -270,7 +300,7 @@
                     <figcaption>Trenutki, ko udeleženci postavljajo vprašanja panelistom!😊✨</figcaption>
                 </figure>
 
-                <h2>Za tiste, ki niso bili fizično prisotni z nami</h2>
+                <h2 id="section-5">Za tiste, ki niso bili fizično prisotni z nami</h2>
                 <p>Vemo, da vsem ni uspelo biti prisotnim v NLB Galeriji, zato smo zagotovili kakovosten prenos v živo. Dogodek je bil prenašan v živo in je zdaj na voljo za ponovni ogled. Če želite občutiti vzdušje in slišati iskrene zgodbe s panela, si lahko celoten dogodek ogledate na tej povezavi <a href="#">Poglej video tukaj.</a></p>
                 
                 <figure class="article-inline-image">
@@ -278,7 +308,7 @@
                     <figcaption>Fotografija plakata za dogodek!</figcaption>
                 </figure>
 
-                <h2>Se vidimo v Sloveniji!</h2>
+                <h2 id="section-6">Se vidimo v Sloveniji!</h2>
                 <p>»Spoznaj študentsko Slovenijo« ni samo dogodek. Je prostor, kjer bodoči študenti naredijo prvi korak, s podporo, z nasveti iz prve roke in z občutkom, da niso sami. In letos nam je uspelo ustvariti ta občutek, kar je največja zmaga.</p>
                 <p>Se vidimo ponovno prihodnje leto!</p>
                 <p>P.S. Vsako leto se po uspešno organiziranem dogodku ekipa MŠOS tradicionalno odpravi v najbližjo gostilno, na večer, poln druženja, petja in čustev! 😊 Zato se splača biti del naše ekipe! Pridruži se nam.</p>
@@ -303,6 +333,7 @@
                     </div>
                 </section>
         </article>
+        </div>
         <section class="article-support-cta">
             <div class="asc-card">
                 <h3>Vam je všeč, kar počnemo?</h3>
diff --git a/si/projects/morning-coffee-in-front-of-ctk/index.html b/si/projects/morning-coffee-in-front-of-ctk/index.html
index 68c3c92d..c33d2b83 100644
--- a/si/projects/morning-coffee-in-front-of-ctk/index.html
+++ b/si/projects/morning-coffee-in-front-of-ctk/index.html
@@ -193,7 +193,35 @@
 <!-- END_HEADER -->
 
     <main class="article-page">
-        <article class="article-container">
+        <!-- Sticky Mobile Header -->
+        <div class="mobile-article-header">
+            <span id="mobile-article-title">Jutranja kava pred CTK, 2024: Kava, burek in obilo nasmehov</span>
+            <i class="fas fa-chevron-down"></i>
+            <div class="progress-bar-container">
+                <div class="progress-bar"></div>
+            </div>
+            <div class="mobile-scrollspy-dropdown">
+                <ul id="mobile-scrollspy-links"></ul>
+            </div>
+        </div>
+
+                <div class="article-layout-container">
+            <aside class="article-sidebar">
+                <nav class="scrollspy-nav">
+                    <ul>
+                        <li><a href="#section-1" class="active">S kavo nad izpitni stres</a></li>
+                        <li><a href="#section-2">Dve vprašanji, ki sta razkrili celo paleto študentskih čustev</a></li>
+                        <li><a href="#section-3">Od kave do simulatorja letenja in 3D-tiskalnikov</a></li>
+                        <li><a href="#section-4">Kava in burek = motivacija za vsakdanje vstajanje in 12-urno učenje</a></li>
+                    </ul>
+                </nav>
+                <div class="sidebar-cta">
+                    <p class="sidebar-cta-title">Vam je všeč, kar počnemo?</p>
+                    <a class="sidebar-cta-btn" href="../../../si/become-a-member/">Postani član</a>
+                    <p class="sidebar-cta-note">Ali <a href="../../../si/support/">podpri MSOS</a> da bomo ustvarili še več takšnih trenutkov.</p>
+                </div>
+            </aside>
+            <article class="article-container">
             <header class="article-header">
                 <p class="article-publish-date">Objavljeno 8. junija 2024</p>
                 <h1>Jutranja kava pred CTK, 2024: Kava, burek in obilo nasmehov</h1>
@@ -207,7 +235,7 @@
             <div class="article-body">
                 <p>8. junija 2024, med 9. in 12. uro, smo pred Centralno tehniško knjižnico Univerze v Ljubljani (CTK) organizirali naš že tradicionalni študentski odmor, Jutranjo kavo pred CTK, skupaj z ekipo Skupine Povezani in CTK. To je bilo že drugo leto zapored, da smo se zbrali na istem mestu, a vsakič znova doživimo nove trenutke za spomin.</p>
                 
-                <h2>S kavo nad izpitni stres</h2>
+                <h2 id="section-1">S kavo nad izpitni stres</h2>
                 <p>Izpitno obdobje vedno prinaša stres, ure in ure učenja, pogovori, ki se vrtijo samo okoli izpitov, prvih in drugih rokov, opravljenih ali neopravljenih obveznosti. Nekateri se z izpitom srečajo prvič, drugi že petič. Zato smo se odločili, da si vzamemo kratek odmor za vdih: da se sprostimo, nasmejimo in se spomnimo, da smo v tem študijskem stresu skupaj.</p>
 
                 <figure class="article-inline-image">
@@ -227,7 +255,7 @@
                     <figcaption>Skupina študentov s toplo kavo, nasmejani pred CTK.</figcaption>
                 </figure>
 
-                <h2>Dve vprašanji, ki sta razkrili celo paleto študentskih čustev</h2>
+                <h2 id="section-2">Dve vprašanji, ki sta razkrili celo paleto študentskih čustev</h2>
                 <p>Za dodatno dozo interakcije smo postavili dve veliki tabli z vprašanji, ki kar kličeta po odgovoru: <strong>“How do I survive the exam session?"</strong> in <strong>"Kako bi opisal počutje med izpitnem obdobjem?”</strong>.</p>
                 <p>Odzivi so bili takojšnji, študenti so hiteli pisat, odgovori pa so bili vse prej kot dolgočasni: od "kaotično" in "Hočemo spat! (ampak ne v CTK)!" do "chill", "pod stresom", "izčrpano", "srečno" in "zaspano". Z drugimi besedami, celoten spekter študentskih čustev, iskreno prelitih v nekaj besed.</p>
                 
@@ -236,10 +264,10 @@
                     <figcaption>Duhoviti in iskreni odgovori na velikih tablah s vprašanji pred CTK.</figcaption>
                 </figure>
 
-                <h2>Od kave do simulatorja letenja in 3D-tiskalnikov</h2>
+                <h2 id="section-3">Od kave do simulatorja letenja in 3D-tiskalnikov</h2>
                 <p>Kot bonus za študente smo v sodelovanju s tehniško knjižnico univerze program obogatili z razstavo CTK, kjer so bili predstavljeni simulator letenja, 3D-tiskalniki in druga zanimiva oprema. Študenti so jo lahko preizkusili, nato pa si jo brezplačno izposodili v Kreativnem studiu CTK, delu njihovega izobraževalnega programa.</p>
                 
-                <h2>Kava in burek = motivacija za vsakdanje vstajanje in 12-urno učenje</h2>
+                <h2 id="section-4">Kava in burek = motivacija za vsakdanje vstajanje in 12-urno učenje</h2>
                 <p>Skupno stojnico MSOS, Skupine Povezani in CTK je obiskalo okoli 150 ljudi, ki so se prišli družit, spit kavo, prigriznit nekaj in si izmenjat zgodbe med knjigami in roki. Dogodek je potekal v odličnem vzdušju, veliko nasmehov, nova poznanstva in majhen opomnik, da je tudi v najbolj stresnih obdobjih vedno čas za kavo in dobro družbo.</p>
                 
                 <figure class="article-inline-image">
@@ -269,6 +297,7 @@
                     </div>
                 </section>
         </article>
+        </div>
         <section class="article-support-cta">
             <div class="asc-card">
                 <h3>Vam je všeč, kar počnemo?</h3>
diff --git a/si/projects/paint-and-wine-at-sunset/index.html b/si/projects/paint-and-wine-at-sunset/index.html
index 98864fe8..48c88a38 100644
--- a/si/projects/paint-and-wine-at-sunset/index.html
+++ b/si/projects/paint-and-wine-at-sunset/index.html
@@ -193,7 +193,35 @@
 <!-- END_HEADER -->
 
     <main class="article-page">
-        <article class="article-container">
+        <!-- Sticky Mobile Header -->
+        <div class="mobile-article-header">
+            <span id="mobile-article-title">Slikanje in vino ob sončnem zahodu, praznovanje dneva žena z umetnostjo in glasbo</span>
+            <i class="fas fa-chevron-down"></i>
+            <div class="progress-bar-container">
+                <div class="progress-bar"></div>
+            </div>
+            <div class="mobile-scrollspy-dropdown">
+                <ul id="mobile-scrollspy-links"></ul>
+            </div>
+        </div>
+
+                <div class="article-layout-container">
+            <aside class="article-sidebar">
+                <nav class="scrollspy-nav">
+                    <ul>
+                        <li><a href="#section-1" class="active">Prvič za MŠOS Nova Gorica</a></li>
+                        <li><a href="#section-2">Umetnost, glasba in druženje</a></li>
+                        <li><a href="#section-3">Zakaj je bilo pomembno</a></li>
+                        <li><a href="#section-4">Pogled naprej</a></li>
+                    </ul>
+                </nav>
+                <div class="sidebar-cta">
+                    <p class="sidebar-cta-title">Vam je všeč, kar počnemo?</p>
+                    <a class="sidebar-cta-btn" href="../../../si/become-a-member/">Postani član</a>
+                    <p class="sidebar-cta-note">Ali <a href="../../../si/support/">podpri MSOS</a> da bomo ustvarili še več takšnih trenutkov.</p>
+                </div>
+            </aside>
+            <article class="article-container">
             <header class="article-header">
                 <p class="article-publish-date">Objavljeno 8. marca 2025</p>
                 <h1>Slikanje in vino ob sončnem zahodu, praznovanje dneva žena z umetnostjo in glasbo</h1>
@@ -211,7 +239,7 @@
                     <img width="720" height="480" loading="lazy" decoding="async" src="../../../images/paint-wine-2.webp" alt="Študenti slikajo na večeru slikanja in vina">
                 </figure>
 
-                <h2>Prvič za MŠOS Nova Gorica</h2>
+                <h2 id="section-1">Prvič za MŠOS Nova Gorica</h2>
 
                 <p>To je bilo več kot le dogodek. Bila je prva uradna dejavnost, ki jo je organizirala naša nova ekipa MŠOS Nova Gorica. S podporo Makedonskega kulturnega društva »Ohridski Biseri« smo prijeten prostor Etnoteca Mama Angela spremenili v prostor, poln ustvarjalnosti in smeha.</p>
 
@@ -219,7 +247,7 @@
                     <img width="1600" height="1067" loading="lazy" decoding="async" src="../../../images/paint-wine-3.webp" alt="Prijeten prostor Etnoteca Mama Angela">
                 </figure>
 
-                <h2>Umetnost, glasba in druženje</h2>
+                <h2 id="section-2">Umetnost, glasba in druženje</h2>
 
                 <p>Zamisel je bila preprosta, a močna: večer slikanja in vina, kjer je lahko vsak sedel s platnom, čopiči in kozarcem vina ter pustil, da ga prevzame navdih. Predznanje slikanja ni bilo potrebno. Nekateri so ustvarili simbolična dela v čast ženskam, drugi so slikali povsem po navdihu srca.</p>
 
@@ -233,7 +261,7 @@
                     <img width="720" height="480" loading="lazy" decoding="async" src="../../../images/paint-wine-5.webp" alt="Študenti skupaj uživajo ob vinu in glasbi">
                 </figure>
 
-                <h2>Zakaj je bilo pomembno</h2>
+                <h2 id="section-3">Zakaj je bilo pomembno</h2>
 
                 <p>Ker je bil dogodek 8. marca, na mednarodni dan žena, je nosil globlji pomen. Bila je priložnost za praznovanje in spoštovanje žensk, ne le z besedami, ampak skozi umetnost. Slike, ki so nastale tisti večer, so bile raznolike, osebne in polne barv, prav tako kot študentska skupnost sama.</p>
 
@@ -251,7 +279,7 @@
                     <img width="720" height="480" loading="lazy" decoding="async" src="../../../images/paint-wine-7.webp" alt="Skupina uživa v praznovanju">
                 </figure>
 
-                <h2>Pogled naprej</h2>
+                <h2 id="section-4">Pogled naprej</h2>
 
                 <p>Večer slikanja in vina je pokazal, da je MŠOS Nova Gorica pripravljena prinesti sveže ideje in energijo v našo študentsko družino. Od trkanja kozarcev vina do platen, ki se polnijo z barvami, je večer vsem pustil spomine in nekaj s slikanjem obarvanih prstov, ki jih ne bomo pozabili.</p>
 
@@ -279,6 +307,7 @@
                     </div>
                 </section>
         </article>
+        </div>
         <section class="article-support-cta">
             <div class="asc-card">
                 <h3>Vam je všeč, kar počnemo?</h3>
diff --git a/si/projects/watching-handball-together-in-slovenia/index.html b/si/projects/watching-handball-together-in-slovenia/index.html
index 4780e771..7e591aaf 100644
--- a/si/projects/watching-handball-together-in-slovenia/index.html
+++ b/si/projects/watching-handball-together-in-slovenia/index.html
@@ -193,7 +193,34 @@
 <!-- END_HEADER -->
 
     <main class="article-page">
-        <article class="article-container">
+        <!-- Sticky Mobile Header -->
+        <div class="mobile-article-header">
+            <span id="mobile-article-title">Navijanje za Makedonijo, skupno gledanje rokometa v Sloveniji</span>
+            <i class="fas fa-chevron-down"></i>
+            <div class="progress-bar-container">
+                <div class="progress-bar"></div>
+            </div>
+            <div class="mobile-scrollspy-dropdown">
+                <ul id="mobile-scrollspy-links"></ul>
+            </div>
+        </div>
+
+                <div class="article-layout-container">
+            <aside class="article-sidebar">
+                <nav class="scrollspy-nav">
+                    <ul>
+                        <li><a href="#section-1" class="active">Dve mesti, en duh</a></li>
+                        <li><a href="#section-2">Več kot le gledanje tekme</a></li>
+                        <li><a href="#section-3">Nastajajoča nova tradicija</a></li>
+                    </ul>
+                </nav>
+                <div class="sidebar-cta">
+                    <p class="sidebar-cta-title">Vam je všeč, kar počnemo?</p>
+                    <a class="sidebar-cta-btn" href="../../../si/become-a-member/">Postani član</a>
+                    <p class="sidebar-cta-note">Ali <a href="../../../si/support/">podpri MSOS</a> da bomo ustvarili še več takšnih trenutkov.</p>
+                </div>
+            </aside>
+            <article class="article-container">
             <header class="article-header">
                 <p class="article-publish-date">Objavljeno 25. januarja 2025</p>
                 <h1>Navijanje za Makedonijo, skupno gledanje rokometa v Sloveniji</h1>
@@ -212,7 +239,7 @@
                     <figcaption>Utrinek navijaškega vzdušja v Mariboru.</figcaption>
                 </figure>
 
-                <h2>Dve mesti, en duh</h2>
+                <h2 id="section-1">Dve mesti, en duh</h2>
 
                 <p>To zimo je svetovno prvenstvo v rokometu prineslo več kot le tekme na zaslonu. Povezalo je makedonske študente. V Ljubljani je pobuda prišla od študenta Ljubena Najdovskega, ki je predlagal, naj MŠOS pripravi skupinski ogled tekme proti Gvineji 19. januarja 2025. S hitro organizacijo in podporo lokalne kavarne Lepa Žoga je bil rezerviran prostor, zbrane so bile prijave in kmalu je 25 študentov napolnilo prostor z zastavami, vzkliki in smehom.</p>
 
@@ -228,7 +255,7 @@
                     <figcaption>Navijači, zbrani na mariborski bazi, skupaj navijajo za Makedonijo.</figcaption>
                 </figure>
 
-                <h2>Več kot le gledanje tekme</h2>
+                <h2 id="section-2">Več kot le gledanje tekme</h2>
 
                 <p>Tisto, kar je te dogodke naredilo posebne, ni bil le šport. Bil je način, kako so študenti v tujini ustvarili košček doma: mahanje z zastavami, deljenje pijače, vzkliki »Ајде Македонија!« proti zaslonu in skupen smeh ob zgrešenih strelih ali izjemnih obrambah. Za novince je bila to priložnost, da se v hipu počutijo del skupnosti. Za druge je bil to opomnik, da tudi na stotine kilometrov od doma niso navijali sami.</p>
 
@@ -237,7 +264,7 @@
                     <figcaption>Dva naša organizatorja MŠOS Maribor uživata na navijaškem večeru.</figcaption>
                 </figure>
 
-                <h2>Nastajajoča nova tradicija</h2>
+                <h2 id="section-3">Nastajajoča nova tradicija</h2>
 
                 <p>Od Ljubljane do Maribora so ta navijaška srečanja pokazala, da je podpiranje reprezentance lahko več kot šport. Je način za sklepanje prijateljstev, krepitev skupnosti in nošenje koščka Makedonije, kamor koli gremo. Z vsako tekmo energija raste in eno je gotovo: ta srečanja bodo še naprej del zgodbe MŠOS.</p>
 
@@ -265,6 +292,7 @@
                     </div>
                 </section>
         </article>
+        </div>
         <section class="article-support-cta">
             <div class="asc-card">
                 <h3>Vam je všeč, kar počnemo?</h3>