Journal public pages: minimal framed-workspace redesign (unit 2)#33
Merged
Conversation
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>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
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>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
.jr-*block insrc/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.JournalMastis now a clean light top-nav (white bg, 1px hairline, Inter-weight wordmark, quiet links with accent active state, still sticky; gradient::afterremoved).JournalFooteris light with a top hairline./journalfront page: navy feature band → white hero card with quiet uppercase eyebrow and tracking-tight headline; submit CTA band → simple centered card with.btn-primary.--bg-subtlehover), uppercase micro-labels for metadata.--font-monomuted, "Preprint" as abadge-graychip, "Published" asbadge-green, neutral version badge.badge badge-red(neutral chip otherwise) instead of custom hexes.translateY(-2px)200ms, hover effects gated behind(hover:hover),prefers-reduced-motionkeeps color/shadow transitions but removes the lift. Buttons already getscale(0.97)on:activefrom the shared.btnrules.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-linkkept verbatim.Note for coordinator: this branch uses the shared token contract; tokens resolve once the token unit's
:rootdefinitions merge. Visual checks were run with a token shim injected at runtime.Test plan
npm run buildpasses (docs/ restored per frozen-files rule)demoLogins:true), vite :5202 withVITE_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