Skip to content

KSN: surface movies on the series page#4

Merged
codebend3r merged 2 commits into
mainfrom
movies-section
Jun 11, 2026
Merged

KSN: surface movies on the series page#4
codebend3r merged 2 commits into
mainfrom
movies-section

Conversation

@codebend3r

Copy link
Copy Markdown
Owner

Renders the curated movies[] data inline on the series page so gap-filling films are visible in the timeline.

  • EpisodeChapterRail gains a marker lane under the anime rail: one per movie with afterEpisode, positioned proportionally at afterEpisode / animeTotal, with hover label showing title, year, and chapter range
  • hint line gains a ◆ movie premiere legend when markers are present
  • new SeriesMovies component renders a Movies card list below SeasonCoverage — ordered by afterEpisode (unplaced films last), each card shows AFTER EP N, year, adapted chapter range, and the curator note
  • app/series/[id]/index.tsx hoists a movies const shared by the stats line and the new section

Example: Demon Slayer shows 4 markers on the 63-episode rail (after eps 26, 44, 55, 63) and 4 cards including Mugen Train (ch 54–69) and Infinity Castle (ch 137–156).

- `EpisodeChapterRail` renders a marker lane under the anime rail
- one `◆` per `movies[]` entry with `afterEpisode`, positioned at `afterEpisode / animeTotal`
- hover shows title, year, chapter range via `HoverLabel`
- hint line gains `◆ movie premiere` legend when markers present
- new `SeriesMovies` component: one card per `movies[]` entry
- cards ordered by `afterEpisode` (unplaced last), show `AFTER EP N`, year, chapter range, note
- render below `SeasonCoverage` for curated mappings with movies
- hoist `movies` const for stats line reuse
@netlify

netlify Bot commented Jun 10, 2026

Copy link
Copy Markdown

Deploy Preview for kasane-guide ready!

Name Link
🔨 Latest commit 87098ef
🔍 Latest deploy log https://app.netlify.com/projects/kasane-guide/deploys/6a28da1ab437f30008f3d550
😎 Deploy Preview https://deploy-preview-4--kasane-guide.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@codebend3r codebend3r merged commit 7f3b83c into main Jun 11, 2026
5 checks passed
@codebend3r codebend3r deleted the movies-section branch June 11, 2026 17:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant