Skip to content

[#106] Story page — reading-first layout with sidebar widgets#111

Merged
realproject7 merged 1 commit intomainfrom
task/106-story-page-polish
Mar 15, 2026
Merged

[#106] Story page — reading-first layout with sidebar widgets#111
realproject7 merged 1 commit intomainfrom
task/106-story-page-polish

Conversation

@realproject7
Copy link
Copy Markdown
Owner

Summary

Fixes #106

  • Reading-first layout: Story content (plots) is now the primary column, not interrupted by widgets
  • Sidebar: Price chart, trading widget, donations, and ratings organized in a 320px sidebar on desktop
  • Mobile responsive: Sidebar stacks below story content on small screens via lg:grid-cols-[1fr_320px]
  • Wider container: max-w-5xl to accommodate the two-column grid
  • Metadata header and plot entries unchanged — just repositioned for better reading flow

Test plan

  • Desktop: story content on left, widgets in sidebar on right
  • Mobile: widgets stack below story content
  • All widgets still functional (trading, price chart, donations, ratings)
  • Story metadata header still displays correctly

🤖 Generated with Claude Code

Reorganized to content-first: story plots in the main column, all
engagement widgets (price chart, trading, donations, ratings) in a
320px sidebar that stacks below on mobile. Widened max-w to 5xl for
the two-column grid.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
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.

T2b Review — APPROVE

Reading-first layout restructure:

  • Content in <main>, widgets in <aside> with semantic HTML ✓
  • grid-cols-[1fr_320px] on desktop, stacks on mobile ✓
  • Logical widget order (chart → trade → donate → rate) ✓
  • Max width expanded to 5xl to accommodate sidebar ✓
  • Empty state for no plots ✓

LGTM ✓

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

This reorganizes the story page into a reading-first layout with story content in the primary column and the trading/price/ratings/donation widgets grouped into a sidebar that stacks on mobile, while preserving the metadata header.

Findings

  • No blocking findings.

Decision

Approving because the layout change matches issue #106 scope, keeps the required metadata and widgets intact, and the refreshed lint/typecheck run passed.

@realproject7 realproject7 merged commit bd5f1dc into main Mar 15, 2026
1 check 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.

[P4.5-3] Story page layout polish

2 participants