mark/msos
0
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

si/become-a-member/index.html
+31 -25
View File
@@ -261,31 +261,37 @@
<section class="mm-section">
<h2 class="mm-h2">Obstaja več načinov, da si del MSOS</h2>
<p class="mm-lead">Ni ti treba organizirati dogodkov ali voditi, da pripadaš. Pridruži se na način, ki ti ustreza.</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>Ostani povezan</h3><p>Prejemaj novice in vedi, kaj se dogaja.</p>
</article>
<article class="mm-way">
<div class="mm-way-ico"><i class="fas fa-mug-hot" aria-hidden="true"></i></div>
<h3>Pridruži se skupnosti</h3><p>Obišči dogodke, spoznaj ljudi in sodeluj, ko ti ustreza.</p>
</article>
<article class="mm-way">
<div class="mm-way-ico"><i class="fas fa-hands-helping" aria-hidden="true"></i></div>
<h3>Občasno prostovoljči</h3><p>Pomagaj pri izbranih dejavnostih brez dolgoročne zaveze.</p>
</article>
<article class="mm-way">
<div class="mm-way-ico"><i class="fas fa-diagram-project" aria-hidden="true"></i></div>
<h3>Pridruži se projektom</h3><p>Prispevaj k pobudam, kampanjam, vodnikom ali sodelovanjem.</p>
</article>
<article class="mm-way">
<div class="mm-way-ico"><i class="fas fa-calendar-check" aria-hidden="true"></i></div>
<h3>Organiziraj dogodke</h3><p>Pomagaj načrtovati, usklajevati, promovirati in izvesti dejavnosti.</p>
</article>
<article class="mm-way">
<div class="mm-way-ico"><i class="fas fa-star" aria-hidden="true"></i></div>
<h3>Prevzemi odgovornost</h3><p>Razišči vodenje, upravljanje, zastopanje ali vloge v lokalni ekipi.</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>Ostani povezan</h3><p>Prejemaj novice in vedi, kaj se dogaja.</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>Pridruži se skupnosti</h3><p>Obišči dogodke, spoznaj ljudi in sodeluj, ko ti ustreza.</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>Občasno prostovoljči</h3><p>Pomagaj pri izbranih dejavnostih brez dolgoročne zaveze.</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>Pridruži se projektom</h3><p>Prispevaj k pobudam, kampanjam, vodnikom ali sodelovanjem.</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>Organiziraj dogodke</h3><p>Pomagaj načrtovati, usklajevati, promovirati in izvesti dejavnosti.</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>Prevzemi odgovornost</h3><p>Razišči vodenje, upravljanje, zastopanje ali vloge v lokalni ekipi.</p></div>
</article>
</div>
</div>
</div>
</div>
</section>