Homepage refresh, newsletter rollout, pagination + Events/Projects redesign #6

popovskik · 2026-08-01T18:32:11Z

popovskik commented

2026-08-01 18:32:11 +00:00

Summary

Two commits of front-end work across the site (EN / SI / MK), all verified in-browser.

Nav: replace "Donate" with a Support MSOS ❤️ CTA; remove dead links (Gallery, Press releases); turn the one-item News dropdown into a direct link
Homepage: replace the broken "Become part" contact form with a "Find your people in Slovenia" join CTA; redesign Activities into card-style tabs and move per-tab content into HTML panels 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; standardise on honest copy (drop "2,000+ subscribers"); load main.js on the News hub pages (they shipped without it); document the convention in docs/newsletter-signup.md

2. Pagination fixes, blog page chooser, Events & Projects redesign

Fix the broken mobile pagination on News & Projects (numbers on top, Previous/Next side-by-side)
Add a page chooser to the Blog (topic filter + client-side pagination, auto-hides on a single page)
Restyle the Events & Projects hero and filters to match the Blog/News design (uppercase eyebrow, sentence-case title, News-style pills + separator); fix header/heading spacing and the Events sub-filter collision

Testing

Verified in the browser (desktop + mobile) across EN/SI/MK: navigation, activities tab switching, newsletter form wiring (MailerLite endpoint + validation, no real emails submitted), pagination behaviour, and the Events/Projects layout/alignment.

🤖 Generated with Claude Code

## Summary Two commits of front-end work across the site (EN / SI / MK), all verified in-browser. ### 1. Homepage refresh, activities redesign + newsletter rollout - **Nav:** replace "Donate" with a **Support MSOS ❤️** CTA; remove dead links (Gallery, Press releases); turn the one-item News dropdown into a direct link - **Homepage:** replace the broken "Become part" contact form with a **"Find your people in Slovenia"** join CTA; redesign **Activities** into card-style tabs and move per-tab content into HTML panels 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; standardise on honest copy (drop "2,000+ subscribers"); load `main.js` on the News hub pages (they shipped without it); document the convention in `docs/newsletter-signup.md` ### 2. Pagination fixes, blog page chooser, Events & Projects redesign - Fix the broken **mobile pagination** on News & Projects (numbers on top, Previous/Next side-by-side) - Add a **page chooser to the Blog** (topic filter + client-side pagination, auto-hides on a single page) - Restyle the **Events & Projects** hero and filters to match the Blog/News design (uppercase eyebrow, sentence-case title, News-style pills + separator); fix header/heading spacing and the Events sub-filter collision ## Testing Verified in the browser (desktop + mobile) across EN/SI/MK: navigation, activities tab switching, newsletter form wiring (MailerLite endpoint + validation, no real emails submitted), pagination behaviour, and the Events/Projects layout/alignment. 🤖 Generated with [Claude Code](https://claude.com/claude-code)

popovskik added 2 commits 2026-08-01 18:32:12 +00:00

9e8cbc5876 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>

e1d596751a Pagination fixes, blog page chooser, Events & Projects redesign

Pagination
- Fix the broken mobile layout on News & Projects: page numbers on top,
  Previous / Next side-by-side below (shared .pagination component)
- Add a page chooser to the Blog: rewrite blog-filter.js to combine the
  topic filter with client-side pagination (page size 6), add the pager
  markup (all 3 languages) and .blog-pagination styles; it auto-hides
  when a topic has one page

Events & Projects — match the Blog/News design
- Hero: uppercase letter-spaced eyebrow, sentence-case bold title, lead
  subtitle, soft gradient; drop the redundant hero subscribe form and the
  placeholder copy (signup still available in the bottom newsletter CTA);
  align MK/SI titles to "Events & projects"
- Filters: News-style pills (dark active), left-aligned, with the thin
  separator line below; .filter-inner wrapper aligns pills/separator with
  the grid
- Spacing: reduce the gap under the header, add space below the filter so
  the separator / Events sub-filter no longer collide with "All our
  projects" (these hero/spacing tweaks also tidy the shared About/Get-to-know/
  Timeline heroes)

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

popovskik merged commit 75722d064b into develop

2026-08-01 18:33:12 +00:00

popovskik referenced this issue from a commit

2026-08-01 18:33:13 +00:00

Merge pull request 'Homepage refresh, newsletter rollout, pagination + Events/Projects redesign' (#6) from kristijan-dev into develop

popovskik referenced this issue from a commit

2026-08-05 14:21:14 +00:00

changes.txt #6: sync homepage "Latest news" from the News hub

Sign in to join this conversation.

No reviewers

No Label

No Milestone