feat: add series roadmap and navigation feature #49
Conversation
✅ Deploy Preview for halve-z ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
|
Could you add a live example? You could tag current posts, something like a "media" series that includes |
|
Hi,
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. |
|
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? |
|
Hi, |
charlesrocket
left a comment
There was a problem hiding this comment.
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).
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.sass/_site.scssusing standard top-level classes.(Note: This is a re-submission of the previous series PR. All
!importanttags have been completely removed. The series button styles now peacefully coexist with.inner-postby adding.series-nav-btnto 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
seriesandseries_ordervariables in the[extra]front matter to automatically generate this navigation, significantly improving reader experience for long-form content.