Skip to content

feat: add series roadmap and navigation feature #49

Open
Rat-S wants to merge 3 commits into
charlesrocket:trunkfrom
Rat-S:feat/series-feature
Open

feat: add series roadmap and navigation feature #49
Rat-S wants to merge 3 commits into
charlesrocket:trunkfrom
Rat-S:feat/series-feature

Conversation

@Rat-S

@Rat-S Rat-S commented May 21, 2026

Copy link
Copy Markdown

Description

This PR introduces a series navigation and roadmap feature for posts that belong to a series.

It adds:

  • partials/series_nav.html: Provides "Previous Part" and "Next Part" navigation links dynamically based on the current post's index within the series.
  • partials/series_roadmap.html: Displays a complete roadmap/index of all posts in the series at the bottom of the article, highlighting the current post.
  • Corresponding CSS styling in sass/_site.scss using standard top-level classes.

(Note: This is a re-submission of the previous series PR. All !important tags have been completely removed. The series button styles now peacefully coexist with .inner-post by adding .series-nav-btn to the existing :not() exclusion chain for links, maintaining the codebase's existing styling patterns.)

Motivation

Currently, when authors write a multi-part series, there is no built-in way for readers to easily navigate between the different parts or see the full scope of the series. This addition automatically parses the series and series_order variables in the [extra] front matter to automatically generate this navigation, significantly improving reader experience for long-form content.

@netlify

netlify Bot commented May 21, 2026

Copy link
Copy Markdown

Deploy Preview for halve-z ready!

Name Link
🔨 Latest commit 194567b
🔍 Latest deploy log https://app.netlify.com/projects/halve-z/deploys/6a2243fdeb735b00083fc51c
😎 Deploy Preview https://deploy-preview-49--halve-z.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.

@charlesrocket

Copy link
Copy Markdown
Owner

Could you add a live example? You could tag current posts, something like a "media" series that includes Audio, Video, and Image posts.

@Rat-S

Rat-S commented May 30, 2026

Copy link
Copy Markdown
Author

Hi,

Could you add a live example?

If you mean that you want to see how it looks when used, please check

I added it to these posts, but some part of the website is kinda nsfw.

If I misunderstood what you meant, kindly clarify. Thanks.

@charlesrocket

Copy link
Copy Markdown
Owner

I like the idea, but the current implementation introduces way too much negative space. Could you place it between the post info and the toc?

@Rat-S

Rat-S commented Jun 5, 2026

Copy link
Copy Markdown
Author

Hi,
Series nav now appears between reading time and TOC (not after TOC), and I have trimmed the blank space around it.
Thanks.

@charlesrocket charlesrocket left a comment

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The roadmap at the bottom looks okay. But the top nav-info still has too much negative space. It should be removed or integrated in ToC (probably no button, and no horizontal separator).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants