Skip to content

Conversation

@CySSoO
Copy link
Contributor

@CySSoO CySSoO commented Jan 29, 2026

Motivation

  • The heroe slider must display three slides visually with the center slide larger like Apple-style carousels and avoid image cropping.
  • The previous heroe carousel logic produced incorrect next/prev assignment for small slide sets and the slider did not always re-initialize on resize.

Description

  • Adjusted the heroe carousel JS in views/js/everblock.js to compute nextIndex/prevIndex defensively, wrap prev/next when there are more than two slides, and keep three slides visible by default.
  • Re-added initHeroeCarousels to the global resize handler so the heroe carousel layout is recomputed on window resize.
  • Tuned styles in views/css/everblock.css to reduce center slide width (--heroe-slide-width from 70% to 62%), increase active slide scale, and soften adjacent slides (scale/opacity) for a stronger center emphasis.
  • Prevented image cropping by switching media to object-fit: contain, added a media background, and adjusted initial slide scales for smoother visual transitions.

Testing

  • No automated tests were executed for this change.

Codex Task

@CySSoO CySSoO merged commit 1c04881 into master Jan 29, 2026
0 of 4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants