Homepage refresh, activities redesign + newsletter rollout

Navigation
- Replace "Donate" with a "Support MSOS ❤️" CTA site-wide
- Remove dead nav links (Gallery, Press releases)
- Turn the one-item News dropdown into a direct link

Homepage
- Replace the non-functional "Become part" contact form with a
  "Find your people in Slovenia" join CTA (blue/white gradient band,
  orange button, photo collage), in all three languages
- Fix the placeholder Activities subtitle
- Redesign Activities into card-style tabs with icons; move per-tab
  content into HTML panels and switch by index so the tabs work in
  every language (MK/SI tabs were previously dead)

Newsletter (MailerLite)
- Add the subscribe block to the News hub, news articles, and every
  events/projects page and hub, in all three languages
- Resize/rebalance the block, shrink the privacy line, add top spacing
- Standardise on honest copy (drop the "2,000+ subscribers" claim)
- Load main.js on the News hub pages (they shipped without it, so the
  form and header dropdowns didn't work there)
- Fix a dead privacy-policy link on the makedonska-vecer page
- Document the signup convention in docs/newsletter-signup.md

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

si/index.html

@@ -42,7 +42,6 @@
                         <ul class="dropdown-menu">
                             <li><a href="../si/projects/">Dogodki in projekti</a></li>
                             <li><a href="../si/blog/">Blog</a></li>
-                            <li><a href="#">Galerija</a></li>
                         </ul>
                     </li>
 
@@ -55,18 +54,12 @@
                             <li><a href="../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
                         </ul>
                     </li>
-                    <li class="menu-item menu-item-has-children">
-                        <a href="#">Novice</a>
-                        <ul class="dropdown-menu">
-                            <li><a href="../si/news/">Novice in obvestila</a></li>
-                            <li><a href="#">Sporočila za javnost</a></li>
-                        </ul>
-                    </li>
+                    <li class="menu-item"><a href="../si/news/">Novice</a></li>
                 </ul>
             </nav>
             <div class="navigation-actions">
                 <a href="../si/become-a-member/" class="btn btn-secondary">Postani član</a>
-                <button class="btn btn-primary">Doniraj</button>
+                <button class="btn btn-primary">Podpri MSOS ❤️</button>
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
@@ -106,7 +99,6 @@
                 <ul class="dropdown-menu">
                     <li><a href="../si/projects/">Dogodki in projekti</a></li>
                     <li><a href="../si/blog/">Blog</a></li>
-                    <li><a href="#">Galerija</a></li>
                 </ul>
             </li>
 
@@ -119,18 +111,12 @@
                     <li><a href="../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
                 </ul>
             </li>
-            <li class="menu-item menu-item-has-children">
-                <a href="#">Novice</a>
-                <ul class="dropdown-menu">
-                    <li><a href="../si/news/">Novice in obvestila</a></li>
-                    <li><a href="#">Sporočila za javnost</a></li>
-                </ul>
-            </li>
+            <li class="menu-item"><a href="../si/news/">Novice</a></li>
         </ul>
     </nav>
     <div class="navigation-actions">
         <a href="../si/become-a-member/" class="btn btn-secondary">Postani član</a>
-        <button class="btn btn-primary">Doniraj</button>
+        <button class="btn btn-primary">Podpri MSOS ❤️</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
@@ -229,22 +215,47 @@
 
         <section class="activities-section">
             <div class="activities-header">
+                <span class="activities-eyebrow">Kaj počnemo</span>
                 <h2>Aktivnosti</h2>
-                <p>Naša filozofija je preprosta, zaposliti ekipo raznolikih, strastnih ljudi in gojiti kulturo, ki vas opolnomoči, da opravite svoje najboljše delo.</p>
+                <p>Od prve prijave do diplome smo ob tebi — podpora, prijateljstva, kultura in glas, ki zastopa makedonske študente v Sloveniji.</p>
             </div>
             <div class="activities-content">
-                <div class="activities-nav">
-                    <ul>
-                        <li class="active">Študentsko predstavništvo</li>
-                        <li>Izobraževanje in kultura</li>
-                        <li>Zabava in druženje</li>
-                        <li>Študentska podpora</li>
-                    </ul>
-                    <a href="../si/become-a-member/" class="btn btn-primary-orange">Postani član</a>
+                <div class="activities-nav" role="tablist" aria-label="Aktivnosti">
+                    <button type="button" class="activity-tab active" role="tab" aria-selected="true" data-panel="0">
+                        <span class="activity-tab-ico"><i class="fas fa-hand-holding-heart" aria-hidden="true"></i></span>
+                        <span class="activity-tab-label">Študentska podpora</span>
+                    </button>
+                    <button type="button" class="activity-tab" role="tab" aria-selected="false" data-panel="1">
+                        <span class="activity-tab-ico"><i class="fas fa-people-group" aria-hidden="true"></i></span>
+                        <span class="activity-tab-label">Zabava in druženje</span>
+                    </button>
+                    <button type="button" class="activity-tab" role="tab" aria-selected="false" data-panel="2">
+                        <span class="activity-tab-ico"><i class="fas fa-graduation-cap" aria-hidden="true"></i></span>
+                        <span class="activity-tab-label">Izobraževanje in kultura</span>
+                    </button>
+                    <button type="button" class="activity-tab" role="tab" aria-selected="false" data-panel="3">
+                        <span class="activity-tab-ico"><i class="fas fa-bullhorn" aria-hidden="true"></i></span>
+                        <span class="activity-tab-label">Študentsko predstavništvo</span>
+                    </button>
+                    <a href="../si/become-a-member/" class="btn btn-primary-orange activities-cta">Postani član</a>
+                </div>
+                <div class="activities-panels">
+                <div class="activity-panel active" role="tabpanel" data-panel="0">
+                    <p>Vemo, da je selitev v novo državo lahko naporna, zato smo tu, da ti jo olajšamo. Od pomoči pri vpisu na fakulteto do znajdenja v študentskem življenju v Sloveniji — vedno se lahko zanešeš na nas. Ponujamo brezplačne konzultacije, odgovarjamo na tvoja vprašanja na Instagramu in Facebooku (ja, tudi pozno zvečer) in prirejamo dogodke, kjer lahko spoznaš druge in iz prve roke slišiš resnične izkušnje. Z mentorstvom, informativnimi srečanji in prijazno skupnostjo ob sebi ti nikoli ne bo treba prehoditi te poti sam.</p>
+                    <div class="activity-panel-media"><img src="../images/img1-08.09.2025.webp" alt="Študenti prejemajo podporo in usmeritve" loading="lazy"></div>
+                </div>
+                <div class="activity-panel" role="tabpanel" data-panel="1" hidden>
+                    <p>Študentsko življenje je veliko več kot predavanja in izpiti — gre za trenutke vmes. V MSOS ustvarjamo prav te trenutke: od zabav, koncertov in sproščenih druženj do kino večerov, izletov in team-building potovanj. Prirejamo tudi pogovore in dogodke, kjer lahko deliš ideje, spoznaš nove ljudi in se počutiš del nečesa večjega. Ne glede na to, ali se povezuješ z makedonskimi študenti ali sklepaš prijateljstva s Slovenci in tujci, so naše aktivnosti namenjene gradnji skupnosti, kjer se lahko sprostiš, zabavaš in ustvarjaš spomine, ki trajajo še dolgo po fakulteti.</p>
+                    <div class="activity-panel-media"><img src="../images/img2-08.09.2025.webp" alt="Študenti se družijo in zabavajo na dogodku" loading="lazy"></div>
+                </div>
+                <div class="activity-panel" role="tabpanel" data-panel="2" hidden>
+                    <p>Študij v tujini ni le predavanja in izpiti — je tudi osebna rast. Zato združujemo učenje s kulturo. Organiziramo študijske skupine in manjše delavnice, kjer lahko deliš znanje in pridobiš nove veščine. Hkrati ohranjamo naše tradicije žive s kulturnimi večeri, glasbo, hrano in srečanji, ki nas spominjajo na dom. Gre za ravnovesje: podpora pri študiju in prostor, da ostaneš povezan s tem, kar smo.</p>
+                    <div class="activity-panel-media"><img src="../images/img3-08.09.2025.webp" alt="Izobraževalna delavnica in kulturno srečanje" loading="lazy"></div>
+                </div>
+                <div class="activity-panel" role="tabpanel" data-panel="3" hidden>
+                    <p>Študij v tujini prinaša izzive in včasih študenti potrebujejo glas, ki se sliši. V MSOS to vlogo jemljemo resno. Organiziramo srečanja s predstavniki oblasti, ministrstvi, veleposlaništvi, univerzami in drugimi ključnimi institucijami, da poskrbimo, da so interesi makedonskih študentov v Sloveniji na mizi. Od vprašanj na kampusu do akademskih politik in integracije si prizadevamo reševati težave, spodbujati pozitivne spremembe in ustvariti boljšo izkušnjo za vse nas.</p>
+                    <div class="activity-panel-media"><img src="../images/img4-08.09.2025.webp" alt="Člani MSOS zastopajo študente na uradnem srečanju" loading="lazy"></div>
                 </div>
-                <div class="activity-details">
-                    <p>Sed molestie penatibus sit bibendum pharetra purus faucibus fames aliquet. Morbi morbi ac sed tempor porta. Dui iaculis vitae fames sapien. Pellentesque urna eget habitasse arcu sed ornare. Dignissim lobortis ultrices maecenas magna ac habitant donec etiam at.</p>
-                    <img src="../images/3.activites.webp" alt="Skupina nasmejanih študentov pri sodelovanju">
                 </div>
             </div>
         </section>
@@ -346,50 +357,20 @@
             </div>
         </section>
 
-        <section class="become-part-section">
-            <div class="become-part-header">
-                <h2>Postanite del naše izjemne ekipe</h2>
-                <p>Smo 100% oddaljena ekipa, razpršena po vsem svetu. Pridružite se nam!</p>
+        <section class="join-cta">
+            <div class="join-cta-text">
+                <span class="join-cta-eyebrow">Postani član</span>
+                <h2>Najdi svoje ljudi v Sloveniji</h2>
+                <p class="join-cta-lead">Spoznaj ljudi, obišči dogodke, dobi podporo, ustvarjaj projekte in postani del makedonske študentske skupnosti po vsej Sloveniji.</p>
+                <div class="join-cta-actions">
+                    <a class="btn btn-primary-orange" href="../si/become-a-member/">Postani član</a>
+                    <a class="btn btn-secondary" href="../si/projects/">Poglej, kaj počnemo</a>
+                </div>
             </div>
-            <img src="../images/9-becomepart.webp" alt="Naša izjemna ekipa v učilnici" class="team-photo">
-            
-            <div class="contact-form-container">
-                <form class="contact-form">
-                    <div class="form-row">
-                        <div class="form-group">
-                            <label for="first-name">Ime</label>
-                            <input type="text" id="first-name" placeholder="Ime">
-                        </div>
-                        <div class="form-group">
-                            <label for="last-name">Priimek</label>
-                            <input type="text" id="last-name" placeholder="Priimek">
-                        </div>
-                    </div>
-                    <div class="form-group">
-                        <label for="email">E-pošta</label>
-                        <input type="email" id="email" placeholder="student@email.com">
-                    </div>
-                    <div class="form-group">
-                         <label for="phone-number">Telefonska številka</label>
-                        <div class="phone-input">
-                            <select id="country-code" aria-label="Klicna koda države">
-                                <option>SI</option>
-                                <option>MK</option>
-                                <option>US</option>
-                            </select>
-                            <input type="tel" id="phone-number" placeholder="+386 (00) 000-000">
-                        </div>
-                    </div>
-                    <div class="form-group">
-                        <label for="message">Sporočilo</label>
-                        <textarea id="message" rows="5"></textarea>
-                    </div>
-                    <div class="form-group checkbox-group">
-                        <input type="checkbox" id="privacy-policy">
-                        <label for="privacy-policy">Strinjate se z našo prijazno <a href="#">politiko zasebnosti</a>.</label>
-                    </div>
-                    <button type="submit" class="btn btn-primary">Pošlji sporočilo</button>
-                </form>
+            <div class="join-cta-collage">
+                <div class="join-cta-photo join-cta-photo--1"><img src="../images/event4-img-1.webp" alt="Spoznaj Študentsko Slovenijo 2024" loading="lazy"></div>
+                <div class="join-cta-photo join-cta-photo--2"><img src="../images/msnl-1.webp" alt="Makedonski študentski večer v Ljubljani" loading="lazy"></div>
+                <div class="join-cta-photo join-cta-photo--3"><img src="../images/handball-2025-1.png" alt="Navijanje za Makedonijo, skupno gledanje rokometa v Sloveniji" loading="lazy"></div>
             </div>
         </section>