From 7c52f30e3b896f8ef186504136723c0b4e6c6f91 Mon Sep 17 00:00:00 2001 From: popovskik Date: Wed, 5 Aug 2026 17:55:27 +0200 Subject: [PATCH] Project pages: move membership CTA into the ToC sidebar (Proxify-style) Add a compact "Like what we do?" CTA box directly below the table of contents in the left sidebar. The ToC already scrolls internally when long, so the box stays pinned in the same visual field. The full-width bottom CTA is hidden on desktop where a sidebar CTA exists (via :has()) and remains the mobile fallback. Applied to the 4 project pages that have a ToC sidebar; the others (all MK/SI + 3 EN) have no sidebar and keep the bottom CTA. Co-Authored-By: Claude Opus 4.8 (1M context) --- css/pages/_article.css | 28 +++++++++++++++++++ .../index.html | 5 ++++ .../meet-student-slovenia-2023/index.html | 5 ++++ .../meet-student-slovenia-2024/index.html | 5 ++++ .../morning-coffee-in-front-of-ctk/index.html | 5 ++++ 5 files changed, 48 insertions(+) diff --git a/css/pages/_article.css b/css/pages/_article.css index dcfc4209..84380c01 100644 --- a/css/pages/_article.css +++ b/css/pages/_article.css @@ -746,3 +746,31 @@ .article-page--prose .article-layout-container { display: block; } .article-page--prose .article-container { max-width: 760px; margin: 0 auto; } .article-page--prose .mobile-article-header { display: none; } + +/* ---- Sidebar CTA: sits under the table of contents (Proxify-style) ---- */ +.sidebar-cta { + flex-shrink: 0; + margin-top: 18px; + background: linear-gradient(160deg, #21596E 0%, #143240 100%); + border-radius: 16px; + padding: 20px 18px; + text-align: center; + color: #FFFFFF; +} +.sidebar-cta-title { font-size: 16px; font-weight: 700; line-height: 1.3; margin: 0 0 14px; } +.sidebar-cta-btn { + display: block; background: #FA7850; color: #FFFFFF; font-weight: 600; font-size: 14px; + padding: 11px 14px; border-radius: 10px; text-decoration: none; + transition: background 0.18s ease; +} +.sidebar-cta-btn:hover { background: #E8613B; } +.sidebar-cta-note { font-size: 12px; line-height: 17px; color: rgba(255,255,255,0.78); margin: 12px 0 0; } +.sidebar-cta-note a { color: #FFFFFF; text-decoration: underline; text-underline-offset: 2px; } + +/* Where a page has the sidebar CTA (i.e. it has a ToC), the desktop bottom CTA is + redundant, so hide it above the mobile breakpoint. Pages without a ToC sidebar + keep the bottom CTA on every screen. On mobile the sidebar is hidden, so the + bottom CTA always shows. */ +@media (min-width: 769px) { + .article-page:has(.sidebar-cta) .article-support-cta { display: none; } +} diff --git a/en/projects/macedonian-student-night-in-ljubljana/index.html b/en/projects/macedonian-student-night-in-ljubljana/index.html index 864bd6e3..fde5ab44 100644 --- a/en/projects/macedonian-student-night-in-ljubljana/index.html +++ b/en/projects/macedonian-student-night-in-ljubljana/index.html @@ -219,6 +219,11 @@
  • A Beginning to Remember
    • +
    +

    Like what we do?

    + Become a member +

    Or support MSOS so we can create even more moments like this.

    +
    diff --git a/en/projects/meet-student-slovenia-2023/index.html b/en/projects/meet-student-slovenia-2023/index.html index 3affd10f..9e902914 100644 --- a/en/projects/meet-student-slovenia-2023/index.html +++ b/en/projects/meet-student-slovenia-2023/index.html @@ -222,6 +222,11 @@
  • See you in Slovenia!
    • +
    +

    Like what we do?

    + Become a member +

    Or support MSOS so we can create even more moments like this.

    +
    diff --git a/en/projects/meet-student-slovenia-2024/index.html b/en/projects/meet-student-slovenia-2024/index.html index a9270ef4..55ec04c7 100644 --- a/en/projects/meet-student-slovenia-2024/index.html +++ b/en/projects/meet-student-slovenia-2024/index.html @@ -221,6 +221,11 @@
  • See you in Slovenia!
    • +
    +

    Like what we do?

    + Become a member +

    Or support MSOS so we can create even more moments like this.

    +
    diff --git a/en/projects/morning-coffee-in-front-of-ctk/index.html b/en/projects/morning-coffee-in-front-of-ctk/index.html index c7a2a916..77f27736 100644 --- a/en/projects/morning-coffee-in-front-of-ctk/index.html +++ b/en/projects/morning-coffee-in-front-of-ctk/index.html @@ -219,6 +219,11 @@
  • Coffee and Burek as motivation
    • +
    +

    Like what we do?

    + Become a member +

    Or support MSOS so we can create even more moments like this.

    +