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

Homepage refresh, activities redesign + newsletter rollout

Browse Source 
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>
This commit is contained in:
popovskikandClaude Opus 4.8 committed 2026-08-01 19:51:59 +02:00
1 parent f492a8a547
commit 9e8cbc5876
199 files changed
+1765 -3971
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

mk/index.html
+54 -73
View File
@@ -42,7 +42,6 @@
<ul class="dropdown-menu">
<li><a href="../mk/projects/">Настани и проекти</a></li>
<li><a href="../mk/blog/">Блог</a></li>
<li><a href="#">Галерија</a></li>
</ul>
</li>
@@ -55,18 +54,12 @@
<li><a href="../mk/get-to-know-macedonia/">Запознај ја Македонија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
<li class="menu-item"><a href="../mk/news/">Новости</a></li>
</ul>
</nav>
<div class="navigation-actions">
<a href="../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<button class="btn btn-primary">Поддржи го МСОС ❤️</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="../mk/projects/">Настани и проекти</a></li>
<li><a href="../mk/blog/">Блог</a></li>
<li><a href="#">Галерија</a></li>
</ul>
</li>
@@ -119,18 +111,12 @@
<li><a href="../mk/get-to-know-macedonia/">Запознај ја Македонија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
<li class="menu-item"><a href="../mk/news/">Новости</a></li>
</ul>
</nav>
<div class="navigation-actions">
<a href="../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<button class="btn btn-primary">Поддржи го МСОС ❤️</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">Што работиме</span>
<h2>Активности</h2>
<p>Нашата филозофија е едноставна, да вработиме тим од разновидни, страсни луѓе и да поттикнеме култура која ве овластува да ја вршите својата најдобра работа.</p>
<p>Од твојата прва пријава до дипломирањето, тука сме за тебе — поддршка, пријателства, култура и глас што се залага за македонските студенти во Словенија.</p>
</div>
<div class="activities-content">
<div class="activities-nav">
<ul>
<li class="active">Студентско претставување</li>
<li>Образование и култура</li>
<li>Забава и дружење</li>
<li>Студентска поддршка</li>
</ul>
<a href="../mk/become-a-member/" class="btn btn-primary-orange">Стани член</a>
<div class="activities-nav" role="tablist" aria-label="Активности">
<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">Студентска поддршка</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">Забава и дружење</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">Образование и култура</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">Студентско претставување</span>
</button>
<a href="../mk/become-a-member/" class="btn btn-primary-orange activities-cta">Стани член</a>
</div>
<div class="activities-panels">
<div class="activity-panel active" role="tabpanel" data-panel="0">
<p>Знаеме дека преселбата во нова земја може да делува преоптоварувачки, затоа сме тука да ти ја олесниме. Од помош при уписите на факултет до снаоѓање во студентскиот живот во Словенија, секогаш можеш да сметаш на нас. Нудиме бесплатни консултации, одговараме на твоите прашања на Инстаграм и Фејсбук (да, дури и доцна навечер) и организираме настани каде што можеш да запознаеш други и да чуеш вистински искуства од прва рака. Со менторство, инфо-сесии и пријателска заедница покрај тебе, никогаш нема да мораш да го поминеш патот сам.</p>
<div class="activity-panel-media"><img src="../images/img1-08.09.2025.webp" alt="Студенти добиваат поддршка и насоки" loading="lazy"></div>
</div>
<div class="activity-panel" role="tabpanel" data-panel="1" hidden>
<p>Студентскиот живот е многу повеќе од предавања и испити — станува збор за моментите помеѓу. Во МСОС ги создаваме тие моменти: од забави, концерти и опуштени дружби, до киновечери, излети и тимбилдинг патувања. Организираме и разговори и настани каде што можеш да споделиш идеи, да запознаеш нови луѓе и да се почувствуваш дел од нешто поголемо. Без разлика дали се поврзуваш со македонски студенти или стекнуваш пријатели меѓу Словенците и странците, нашите активности се насочени кон градење заедница каде што можеш да се опуштиш, да се забавуваш и да создаваш спомени што траат долго по факултетот.</p>
<div class="activity-panel-media"><img src="../images/img2-08.09.2025.webp" alt="Студенти се дружат и забавуваат на настан" loading="lazy"></div>
</div>
<div class="activity-panel" role="tabpanel" data-panel="2" hidden>
<p>Студирањето во странство не е само предавања и испити — тоа е и растење како личност. Затоа го спојуваме учењето со културата. Организираме студиски групи и мали работилници каде што можеш да споделиш знаење и да усвоиш нови вештини. Во исто време, ги негуваме нашите традиции преку културни вечери, музика, храна и собири што не потсетуваат на дома. Тоа е рамнотежа: поддршка за твоите студии и простор да останеш поврзан со тоа што сме.</p>
<div class="activity-panel-media"><img src="../images/img3-08.09.2025.webp" alt="Образовна работилница и културен собир" loading="lazy"></div>
</div>
<div class="activity-panel" role="tabpanel" data-panel="3" hidden>
<p>Студирањето во странство носи предизвици, а понекогаш на студентите им треба глас што се слуша. Во МСОС сериозно ја сфаќаме таа улога. Организираме состаноци со претставници на власта, министерства, амбасади, универзитети и други клучни институции за да се осигураме дека интересите на македонските студенти во Словенија се на маса. Од прашања на кампусот до академски политики и интеграција, работиме на решавање проблеми, залагање за позитивни промени и создавање подобро искуство за сите нас.</p>
<div class="activity-panel-media"><img src="../images/img4-08.09.2025.webp" alt="Членови на МСОС ги претставуваат студентите на состанок" 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="Група насмеани студенти соработуваат">
</div>
</div>
</section>
@@ -346,50 +357,20 @@
</div>
</section>
<section class="become-part-section">
<div class="become-part-header">
<h2>Станете дел од нашиот неверојатен тим</h2>
<p>Ние сме 100% тим на далечина, распространет низ целиот свет. Придружете ни се!</p>
<section class="join-cta">
<div class="join-cta-text">
<span class="join-cta-eyebrow">Стани член</span>
<h2>Најди ги своите луѓе во Словенија</h2>
<p class="join-cta-lead">Запознај луѓе, доаѓај на настани, добиј поддршка, создавај проекти и стани дел од македонската студентска заедница низ Словенија.</p>
<div class="join-cta-actions">
<a class="btn btn-primary-orange" href="../mk/become-a-member/">Стани член</a>
<a class="btn btn-secondary" href="../mk/projects/">Види што работиме</a>
</div>
</div>
<img src="../images/9-becomepart.webp" alt="Нашиот неверојатен тим во училница" class="team-photo">
<div class="contact-form-container">
<form class="contact-form">
<div class="form-row">
<div class="form-group">
<label for="first-name">Име</label>
<input type="text" id="first-name" placeholder="Име">
</div>
<div class="form-group">
<label for="last-name">Презиме</label>
<input type="text" id="last-name" placeholder="Презиме">
</div>
</div>
<div class="form-group">
<label for="email">Е-пошта</label>
<input type="email" id="email" placeholder="student@email.com">
</div>
<div class="form-group">
<label for="phone-number">Телефонски број</label>
<div class="phone-input">
<select id="country-code" aria-label="Код на држава">
<option>MK</option>
<option>SI</option>
<option>US</option>
</select>
<input type="tel" id="phone-number" placeholder="+389 (00) 000-000">
</div>
</div>
<div class="form-group">
<label for="message">Порака</label>
<textarea id="message" rows="5"></textarea>
</div>
<div class="form-group checkbox-group">
<input type="checkbox" id="privacy-policy">
<label for="privacy-policy">Се согласувате со нашата пријателска <a href="../mk/privacy-policy/">политика за приватност</a>.</label>
</div>
<button type="submit" class="btn btn-primary">Испрати порака</button>
</form>
<div class="join-cta-collage">
<div class="join-cta-photo join-cta-photo--1"><img src="../images/event4-img-1.webp" alt="Запознај Студентска Словенија 2024" loading="lazy"></div>
<div class="join-cta-photo join-cta-photo--2"><img src="../images/msnl-1.webp" alt="Македонска студентска вечер во Љубљана" loading="lazy"></div>
<div class="join-cta-photo join-cta-photo--3"><img src="../images/handball-2025-1.png" alt="Навивање за Македонија, гледање ракомет заедно во Словенија" loading="lazy"></div>
</div>
</section>