Skip to content

Redesign storyline header into 3 clear zones (Ridibooks-inspired)#815

Merged
realproject7 merged 1 commit intomainfrom
task/813-storyline-header-3zone
Apr 3, 2026
Merged

Redesign storyline header into 3 clear zones (Ridibooks-inspired)#815
realproject7 merged 1 commit intomainfrom
task/813-storyline-header-3zone

Conversation

@realproject7
Copy link
Copy Markdown
Owner

Summary

Restructures the storyline page header into 3 visually distinct zones inspired by Ridibooks:

Zone 1: Hero (Cover + Identity)

  • Moleskine cover + title, rating/views, writer, genre
  • Removed stat boxes and "Plots" info row from hero (plot count already on cover)
  • Clean, scannable identity section

Zone 2: Stats Card (new bordered section)

  • Separate bordered card with 6 stat cells in responsive grid
  • Desktop (sm+): 3-col × 2-row grid
  • Mobile: 2-col × 3-row grid
  • Row 1: Market Cap, Supply Minted, Deadline
  • Row 2: Token Price (new), Plot Count (new), Created date (new)

Zone 3: Content (unchanged)

  • Genesis section → chained plots

New Data Surfaced

  • Token Price: from priceInfo.pricePerToken with formatPrice()
  • Created date: from storyline.block_timestamp

Test Plan

  • Zone 1: only cover + title + rating + writer + genre (no stat boxes)
  • Zone 2: 6 stat cells in responsive grid
  • Desktop: 3-col stats grid
  • Mobile: 2-col stats grid, cover centered, text left-aligned
  • AddPlotButton below stats card
  • Deadline/sunset logic preserved
  • Storylines without priceInfo: no stats card shown

Fixes #813

🤖 Generated with Claude Code

Zone 1 (Hero): Moleskine cover + title, rating, writer, genre only.
Removed stat boxes and plots info row from hero area.

Zone 2 (Stats Card): Separate bordered card with 6 stat cells in
responsive grid (3-col desktop, 2-col mobile):
- Row 1: Market Cap, Supply Minted, Deadline
- Row 2: Token Price, Plot Count, Created date

AddPlotButton moved below the stats card.
Zone 3 (Content) unchanged.

Fixes #813

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 3, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment
Project Deployment Actions Updated (UTC)
plotlink Ignored Ignored Apr 3, 2026 2:14pm

Request Review

Copy link
Copy Markdown
Collaborator

@project7-interns project7-interns left a comment

Choose a reason for hiding this comment

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

Verdict: APPROVE

Summary

The PR cleanly restructures the storyline header into a hero zone plus a separate stats/action zone, and it stays aligned with issue #813's 3-zone redesign. I did not find a code-level or design-level blocker in the updated render path.

Findings

  • No blocking findings.

Decision

Approving. The hero is reduced to identity content, the stats card now surfaces the requested 6 cells in a responsive grid, and the add-plot action sits below the stats zone while preserving existing deadline/sunset behavior.

@realproject7 realproject7 merged commit 23e0fbc into main Apr 3, 2026
5 checks passed
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.

[Enhancement] Storyline page: redesign header into 3 clear zones (Ridibooks-inspired)

2 participants