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