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
  • +
    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!
  • +
    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!
  • +
    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
  • +