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>
This commit is contained in:
popovskikandClaude Opus 4.8 committed 2026-08-05 18:01:17 +02:00
1 parent 7c52f30e3b
commit b79ad2d0de
23 files changed
+754 -116

No files matched your search

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