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>

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>

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">

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">

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">

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">

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">

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">

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>

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>