Skip to content

CRA visual parity: static reference layout, ric.jpeg host, no Life - #101

Merged
swear01 merged 33 commits into
mainfrom
cursor/cra-visual-parity-5109
Oct 1, 2026
Merged

swear01 merged 33 commits into
mainfrom
cursor/cra-visual-parity-5109

Conversation

@swear01

@swear01 swear01 commented Sep 29, 2026 •

Copy link
Copy Markdown
Contributor

Host social icons (539bae6): On dark navy host backdrop, --host-social-glyph is now --cra-light-blue (#bcdddf) at ~94% opacity at rest (CRA used white links). Hover brightens to white. Light theme keeps dark blue glyphs.

Open in Web Open in Cursor 

cursoragent and others added 3 commits September 29, 2026 18:35
Restyle home toward legacy logo + NEWS & AWARDS band, papers/courses/awards
as flat lists, members as EDA/Quantum horizontal tracks with autoplay scroll,
CRA navy/gold tokens and cra-layout.css. Drop public /life routes and nav;
update verify/smoke/browser tests and site nav schema (host, no life).

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
Use legacy /images/host/ric.jpeg on Host page (square portrait, right column).
Restructure Host layout to match CRA HostProfile; remove PI badge on Host and
member detail. Exclude host from members carousel and role filters; show names
only on tiles. Update smoke/browser tests.

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
Remove the extra home intro band so the page matches logo plus NEWS & AWARDS.
Switch members to EDA/Quantum grids without search or carousel, and tune CRA
styles for news width, host gradient, and member cards. Update smoke and home
browser expectations accordingly.

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
@cursor cursor Bot changed the title CRA visual parity: flat layout, remove Life, members carousel CRA visual parity: static reference layout, ric.jpeg host, no Life Sep 29, 2026
cursoragent and others added 26 commits September 30, 2026 01:44
Use fixed glassmorphism header with backdrop blur and dynamic --site-header-height
from ResizeObserver. Restore horizontal member carousel tracks grouped into three
research pillars. Load Coolvetica and Helvetica Neue from the CRA static reference.

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
Replace outline SVGs with masked square tiles matching legacy Font Awesome
square brand styling. Render email, LinkedIn, Facebook, LINE, and links.homepage
from cyhuang member content with CRA spacing under the host photo.

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
Extract members panel gradient into .cra-subpage-gradient on .cra-site tokens
and wrap list pages so Papers, Courses, and Awards match Members full-bleed
background treatment.

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
Add shared --glass-* tokens and apply frosted blur, semi-transparent fills,
and soft borders to buttons, nav actions, filters, and the site header.

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
… groups

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
Sync --site-header-height with measured fixed header, remove duplicate
site-shell top padding, and clip home particles inside the opening stage.
Nav and host social glyphs use FA6 paths from the legacy CRA frontend.

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
Widen typography rhythm and letter-spacing for zh/en titles and meta.
Replace flat date blocks with liquid-glass chips aligned to site tokens.

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
Map Helvetica Neue and Coolvetica at 400–700; locale-aware body and
heading weights. English nav and NEWS & AWARDS read closer to legacy CRA.

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
Use shared fixed-height flex pills in .nav-actions so Latin and CJK
labels share padding, line-height, and box-sizing.

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
Use official Lucide v0.469.0 paths for navbar and host social tiles;
Font Awesome 6 Brands for LINE only. Stroke icons align in the glass nav.

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
Display group key/label AI Formal (zh/en). Bump en body, nav, meta, and
cra-site Latin text weights; zh/CJK weights unchanged.

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
Fixed --home-news-date-chip-width so year/month glass frames align for
long month names like September; nowrap centered labels.

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
Introduce locale-aware --fw-* scale on html[lang] and wire body, layout,
components, and CRA meta (award authors, papers) through it. Load
cra-typography.css after cra-layout so meta lines are not overridden to 500.
English body/nav/UI weights rise; zh body stays 300.

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
Drop host-cra-actions (Meet the team / 查看成員 + Back to Home) from host
profile; remove member detail back-row (Back to Members + Back to Home).
Members list carousel page had no such footer. Nav covers wayfinding.

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
- Course Contents (課程內容) and NTU catalogue (課程目錄) share one flex row.
- Awards/home Source links use liquid-glass .btn.btn-ghost.
- Drop home-cra overlay band; award titles are plain text with Source button.

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
Drop home-cra overlay pseudo-element (prior commit) and let the home hero
start at the viewport top with opening padding for the fixed navbar.
Keep html transparent on unified-backdrop routes so no flat monochrome strip
shows through; align FOUC-critical colors with gradient stops.

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
Segmented filter on the members page (在學 / 已畢業) uses CMS status
metadata; AI Formal, EDA 3DIC, and Quantum carousels unchanged.

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
Redefine --glass-* tokens with inset rim highlights, outer lift, and
saturate/blur. Remove 1px borders from navbar, buttons, chips, filters,
and member toggle; accent/pressed states use matching shadow stacks.

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
Use legacy Font Awesome solid paths for email and homepage with
fill=currentColor and transparent negative space. Fix host social
icon color to --host-social-glyph; Lucide outline fallback for others.

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
Replace solid CRA fills on member tiles with shared glass tokens
(backdrop blur, embossed shadows, no borders). Add glass-card helper
and matching detail-hero-member panel on member profiles.

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
…rest

Stop mapping Helvetica 400–700 to the ultra-light CRA TTF; use system bold
faces and font-synthesis. Raise en/zh Latin weight tokens to 600–700. Host
social glyphs now full opacity at rest (override generic .host-social-link fade).

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
Use CRA light-blue/white glyphs instead of dark blue on the host backdrop;
keep dark glyphs only in light theme.

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
cursoragent and others added 4 commits October 1, 2026 03:11
Latin tokens on :root only; zh/en share --fw-latin-* at 700. Apply the same
Latin selectors site-wide (authors, pillars, papers, members, chips, UI).
Keep CJK body/nav light on zh; English pages stay 700 body/nav.

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
Root cause: html[lang^=zh] h1–h3 at fw-heading (500) outranked Latin class
rules, so zh pages kept thin titles/authors/member names. Exclude Latin
surfaces and add explicit zh overrides. Add home mission from page-copy.mjs.

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
Per-glyph matching used ultra-light Helvetica for ASCII at fw 300 while CJK
used Noto/PingFang. zh pages now use DVLab Latin Mix (system bold, unicode-range)
before CJK stacks in --font-base-zh.

Co-authored-by: SSU-WEI HUANG <stanley.yellow1@gmail.com>
@swear01
swear01 marked this pull request as ready for review October 1, 2026 05:00
@swear01
swear01 merged commit 385e247 into main Oct 1, 2026
2 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.

2 participants