Turn membership "ways to join" grid into Hub-style slider

Convert the fixed 6-card grid in the "There is more than one way to be
part of MSOS" section into the Hub's auto-scrolling marquee, reusing the
existing .hub-carousel mechanics with icon-based gradient cards. Applied
across EN/MK/SI.

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 12:50:39 +02:00
1 parent 764cf1ee66
commit a7782eb28f
4 files changed
+117 -82

No files matched your search

+31 -25
View File
@@ -260,31 +260,37 @@
<section class="mm-section">
<h2 class="mm-h2">Има повеќе начини да бидеш дел од МСОС</h2>
<p class="mm-lead">Не мора да организираш настани или да водиш за да припаѓаш. Приклучи се на начин што ти одговара.</p>
<div class="mm-ways">
<article class="mm-way">
<div class="mm-way-ico"><i class="fas fa-envelope-open-text" aria-hidden="true"></i></div>
<h3>Остани поврзан</h3><p>Примај новости и знај што се случува.</p>
</article>
<article class="mm-way">
<div class="mm-way-ico"><i class="fas fa-mug-hot" aria-hidden="true"></i></div>
<h3>Приклучи се на заедницата</h3><p>Доаѓај на настани, запознавај луѓе и учествувај кога ти одговара.</p>
</article>
<article class="mm-way">
<div class="mm-way-ico"><i class="fas fa-hands-helping" aria-hidden="true"></i></div>
<h3>Волонтирај повремено</h3><p>Помагај на избрани активности без долгорочна обврска.</p>
</article>
<article class="mm-way">
<div class="mm-way-ico"><i class="fas fa-diagram-project" aria-hidden="true"></i></div>
<h3>Приклучи се на проекти</h3><p>Придонеси на конкретни иницијативи, кампањи, водичи или соработки.</p>
</article>
<article class="mm-way">
<div class="mm-way-ico"><i class="fas fa-calendar-check" aria-hidden="true"></i></div>
<h3>Организирај настани</h3><p>Помагај да се планираат, координираат, промовираат и реализираат активности.</p>
</article>
<article class="mm-way">
<div class="mm-way-ico"><i class="fas fa-star" aria-hidden="true"></i></div>
<h3>Преземи одговорност</h3><p>Истражи лидерство, управување, застапување или улоги во локален тим.</p>
</article>
<div class="hub-carousel mm-ways-carousel">
<div class="hub-uses">
<div class="hub-track">
<div class="hub-group">
<article class="hub-use mm-use">
<div class="mm-use-ico"><i class="fas fa-envelope-open-text" aria-hidden="true"></i></div>
<div class="hub-use-body"><h3>Остани поврзан</h3><p>Примај новости и знај што се случува.</p></div>
</article>
<article class="hub-use mm-use">
<div class="mm-use-ico"><i class="fas fa-mug-hot" aria-hidden="true"></i></div>
<div class="hub-use-body"><h3>Приклучи се на заедницата</h3><p>Доаѓај на настани, запознавај луѓе и учествувај кога ти одговара.</p></div>
</article>
<article class="hub-use mm-use">
<div class="mm-use-ico"><i class="fas fa-hands-helping" aria-hidden="true"></i></div>
<div class="hub-use-body"><h3>Волонтирај повремено</h3><p>Помагај на избрани активности без долгорочна обврска.</p></div>
</article>
<article class="hub-use mm-use">
<div class="mm-use-ico"><i class="fas fa-diagram-project" aria-hidden="true"></i></div>
<div class="hub-use-body"><h3>Приклучи се на проекти</h3><p>Придонеси на конкретни иницијативи, кампањи, водичи или соработки.</p></div>
</article>
<article class="hub-use mm-use">
<div class="mm-use-ico"><i class="fas fa-calendar-check" aria-hidden="true"></i></div>
<div class="hub-use-body"><h3>Организирај настани</h3><p>Помагај да се планираат, координираат, промовираат и реализираат активности.</p></div>
</article>
<article class="hub-use mm-use">
<div class="mm-use-ico"><i class="fas fa-star" aria-hidden="true"></i></div>
<div class="hub-use-body"><h3>Преземи одговорност</h3><p>Истражи лидерство, управување, застапување или улоги во локален тим.</p></div>
</article>
</div>
</div>
</div>
</div>
</section>