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