Skip to content

Polish monochrome editorial layout and responsive notes rail - #5

Draft
o1x3 wants to merge 5 commits into
mainfrom
cursor/bw-editorial-layout-3ac1
Draft

Polish monochrome editorial layout and responsive notes rail#5
o1x3 wants to merge 5 commits into
mainfrom
cursor/bw-editorial-layout-3ac1

Conversation

@o1x3

@o1x3 o1x3 commented Aug 5, 2026

Copy link
Copy Markdown
Owner

Polishes the monochrome editorial portfolio across desktop, mobile, and inner routes.

Responsive layout

  • Keeps the wider primary column while moving the desktop rail breakpoint to a usable width
  • Shares the notes rail across homepage, notes, note detail, stuff, story, and not-found states
  • Keeps mobile single-column with inline notes and a mobile ticker
  • Adds narrow-width row wrapping and mobile spacing safeguards

Theme and accessibility

  • Defaults to the operating-system theme when no explicit preference is saved
  • Keeps explicit light/dark choices persistent and follows system changes until overridden
  • Adds visible focus rings, a skip link, larger theme-toggle hit area, and tap/click expansion for experience details
  • Adds pause/play controls to scrolling tickers and preserves reduced-motion behavior
  • Improves light-theme contrast and print output

Design consistency

  • Strengthens the lowercase editorial hierarchy without changing the voice
  • Standardizes navigation/active-link affordances, footer grouping, back links, and error styling
  • Adds enough notes for the rail to behave like a real feed
  • Removes unused legacy component exports and selectors

Validation

  • bun run lint
  • bun run build
  • bunx tsc --noEmit
  • git diff --check

clean_responsive_notes_demo.mp4

To show artifacts inline, enable in settings.

Open in Web Open in Cursor 

Replace the bento panes with a left-aligned editorial column and a
desktop sticky notes feed on the right. Pure black-and-white theme,
wider primary column (~34rem), full-width on mobile, stack marquee,
and /notes routes with seeded posts.

Co-authored-by: Karthik <karthikvinayan57@gmail.com>
@vercel

vercel Bot commented Aug 5, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
web Ready Ready Preview Aug 10, 2026 5:15pm

@coderabbitai

coderabbitai Bot commented Aug 5, 2026

Copy link
Copy Markdown

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 5c750199-b991-4179-aee1-170635d14e5c

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

Drop the duplicated bio paragraph, widen the primary column to 38rem,
and clip horizontal overflow from the stack marquee on narrow viewports.

Co-authored-by: Karthik <karthikvinayan57@gmail.com>
Align homepage, notes, story, stuff, and builds display with a
consistent lowercase voice. Replace em dashes with plain punctuation.

Co-authored-by: Karthik <karthikvinayan57@gmail.com>
Follow the system theme by default, make the notes rail useful across
routes, and add a controlled scrolling feed with a mobile fallback.
Improve contrast, hierarchy, touch expansion, focus states, navigation,
footer/error styling, print output, and responsive wrapping.

Co-authored-by: Karthik <karthikvinayan57@gmail.com>
Co-authored-by: Karthik <karthikvinayan57@gmail.com>
@cursor cursor Bot changed the title Monochrome editorial layout with notes rail Polish monochrome editorial layout and responsive notes rail Aug 10, 2026
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.

2 participants