Skip to content

Journal public pages: minimal framed-workspace redesign (unit 2)#33

Merged
duckyquang merged 1 commit into
mainfrom
feat/batch-2-journal-minimal
Jul 13, 2026
Merged

Journal public pages: minimal framed-workspace redesign (unit 2)#33
duckyquang merged 1 commit into
mainfrom
feat/batch-2-journal-minimal

Conversation

@duckyquang

Copy link
Copy Markdown
Member

Summary

  • Full rewrite of the .jr-* block in src/styles.css: serif (--jr-serif), navy gradient feature/CTA bands, gold glows, and purple preprint accents are gone. Everything is token-driven (--bg/--fg/--line/--accent + radius/shadow/font tokens only — no hexes, no gradients, no !important), so dark mode themes automatically; the old ad-hoc dark rules (#0f1722, #16202e, banner greens, urgent reds) are deleted.
  • JournalMast is now a clean light top-nav (white bg, 1px hairline, Inter-weight wordmark, quiet links with accent active state, still sticky; gradient ::after removed). JournalFooter is light with a top hairline.
  • /journal front page: navy feature band → white hero card with quiet uppercase eyebrow and tracking-tight headline; submit CTA band → simple centered card with .btn-primary.
  • Lists (Archive / Issue TOC / front-page sections): white hairline cards with hairline-divided rows (150ms ease-out --bg-subtle hover), uppercase micro-labels for metadata.
  • Preprints: IDs in --font-mono muted, "Preprint" as a badge-gray chip, "Published" as badge-green, neutral version badge.
  • CompetitionsPublic + right-rail competitions: white cards; deadline urgency now reuses badge badge-red (neutral chip otherwise) instead of custom hexes.
  • Motion: hovers 150ms ease-out, issue-card lift capped at translateY(-2px) 200ms, hover effects gated behind (hover:hover), prefers-reduced-motion keeps color/shadow transitions but removes the lift. Buttons already get scale(0.97) on :active from the shared .btn rules.

Routes, data fetching, and link targets unchanged. Classes consumed by other units' pages (jr-pre-id, jr-ver-badge, jr-ver-row, jr-published-banner) remain defined; .art-preprint-link kept verbatim.

Note for coordinator: this branch uses the shared token contract; tokens resolve once the token unit's :root definitions merge. Visual checks were run with a token shim injected at runtime.

Test plan

  • npm run build passes (docs/ restored per frozen-files rule)
  • Backend vitest suite: 201/201 passing
  • E2E: backend :4002 (demoLogins:true), vite :5202 with VITE_API_BASE; headless-Chromium screenshots of /journal, /archive, /journal/volumes, /journal/vol/1/issue/1, /preprints, /competitions at 1440px (light + dark) and 375px (light) — all render as framed light pages, dark mode themes via tokens

🤖 Generated with Claude Code

Full rewrite of the .jr-* CSS block: drop the Georgia serif, dark-navy
gradient feature/CTA bands, gold accents, and purple preprint accents.
Journal chrome becomes a light sticky top-nav with a bottom hairline and
a light hairline-topped footer; pages sit on a muted canvas with white
hairline cards. Lists are hairline-divided rows with uppercase
micro-labels; preprint IDs go mono/neutral and status chips reuse the
shared .badge tones. All colors are token-driven so dark mode themes
automatically (old ad-hoc dark rules deleted). Hover/press motion
follows the 150ms ease-out / max -2px lift / reduced-motion rules.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@vercel

vercel Bot commented Jul 12, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
dashboard Error Error Jul 12, 2026 9:12am

@duckyquang
duckyquang merged commit ffbbaf3 into main Jul 13, 2026
3 of 4 checks passed
duckyquang added a commit that referenced this pull request Jul 13, 2026
…ration tree

Those four unit branches are already fully contained in this branch with
their conflicts resolved against the unit-1 foundation (which main does not
have yet). main introduced no other content, so the integrated tree is kept
as-is.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
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.

1 participant