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:
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 & Wine at Sunset, Celebrating Women’s Day with Art & 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 & Wine at Sunset, Celebrating Women’s Day with Art & 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 & 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 & 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 & 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>
|
||||
|
||||
Reference in new issue
Block a user