Repository navigation
Add the Series Part blog template (blog-series-part) #60
Description
Part of #5. Many blogs publish multi-part series ("Part 2 of 5"), and we have no template that shows where a post sits in its series.
Idea
The post title is the hero, with the series name in small caps above it. Under the title is a row of segments, one per part: segments up to the current part are filled with the accent color and the rest are dimmed. A "Part 2 of 5" label sits at the end of the row. Author and site name go in the footer.
Template details
- File:
src/templates/blog/series-part.ts, idblog-series-part - Fields:
commonFields.title,seriesName(text),part(number, min 1, max 12, default 2),totalParts(number, min 1, max 12, default 5),commonFields.author,commonFields.siteName,commonFields.bgColor,commonFields.accentColor,commonFields.textColor
Where to look
- Closest reference:
src/templates/blog/sidebar-accent.ts(layout),src/templates/newsletter/issue-card.ts(number badge) - Number field example:
src/templates/podcast/minimal-player.ts - Helpers:
src/templates/utils.ts
Acceptance criteria
- Segments are built with flexbox (
flex: 1each, fixed gap) -
partandtotalPartsgo throughNumber()and are clamped so part never exceeds totalParts - Re-exported in
src/templates/blog/index.tsand registered in the Blog block ofsrc/templates/registry.ts - Meets the shared template checklist in Add new card-style OG image templates #5
One template per contributor at a time, so more people get a chance.
Want to work on this? Comment below and I'll assign it to you. Please take one issue at a time, branch off dev, and open your PR against dev with Closes #<this issue number>.
Activity
bhushan4work commentedon Oct 13, 2026
I would like to contribute to this .
anurag629 commentedon Oct 13, 2026
Hey @bhushan4work, it's yours! The shared checklist is in #5.
Please check the template with the Download PNG button as well as the live preview, since the download renders on the server, and put a screenshot in the PR. Branch off
devand open the PR againstdevwithCloses #60.bhushan4work commentedon Oct 13, 2026
the draft is already ready for this issue , I ll push it for the review .
feat(templates): add series-part blog template (#60) (#127)
sank8-hk commentedon Oct 23, 2026
Hi — I'd like to take #60 (the Series Part blog template). No open PRs in this repo right now.
Plan:
src/templates/blog/series-part.tswith the fields listed:commonFields.title,seriesName,part,totalParts,commonFields.author,commonFields.siteName,commonFields.bgColor,commonFields.accentColor,commonFields.textColor.totalParts,flex: 1, gap between) filled up topartin accent color / dimmed beyond, "Part N of M" label at the end, author + site name in footer.part≤totalPartsand parse withNumber()as per checklist.src/templates/blog/index.tsand register insrc/templates/registry.ts.npm run devand the editor preview, plus the Download PNG button.npm run checkandnpm run test.AI assistance: I use an AI coding agent (OpenCode) to draft the template code and test locally. I review every line, verify against the checklist, and can explain the diff in review.
Please assign it when you get a moment and I'll branch off
devwithCloses #60.anurag629 commentedon Oct 23, 2026
Hey @sank8-hk, #60 is already done (it's closed and the template is live), so there's nothing to pick up here. Heads up too: this account and @sank8-2 look like the same person (both Sanketh Kumar). Please stick to one account for the program, since issue limits and the leaderboard go by account.
sank8-2 commentedon Oct 23, 2026
Sorry @anurag629 , switched to the work account by mistake. Will stick to only one.