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>
Add a Proxify-style category filter and real client-side pagination to
the Events & Projects listing across all three languages (EN/SI/MK).
- Filter: a pill nav (All / Events / Student Life / Projects / Webinars)
plus a contextual sub-chip row for Events (Sports / Cultural /
Entertainment / Educational). Buttons carry stable data-filter /
data-subfilter keys and cards carry data-category / data-subcategory,
so a single language-agnostic handler drives all three locales.
- Pagination: replaces the hardcoded dead 1..10 links with real
client-side paging (9 per page). Shows a single page today and grows
automatically as content is added, with windowed page numbers,
enabled/disabled Prev/Next, and smooth scroll-to-top. Integrates with
the filter (resets to page 1, repaginates, hides when no matches).
- Show a localized empty-state message when a filter has no results.
- Nudge the filter block up and add space below it for even spacing.
- Drop the duplicate News pill (News has its own top-nav section) and
retag the placeholder card from announcements to projects so it stays
reachable.
Verified with jsdom across EN/SI/MK: filtering, sub-filtering, empty
state, single/multi-page navigation, and filter/pagination interaction.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
popovskik
Mark Poljanšek