feat: polish landing typography with Inter - #279
Conversation
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: 93874a86a2
ℹ️ About Codex in GitHub
Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".
| <link rel="preconnect" href="https://rsms.me/" crossorigin /> | ||
| <link rel="stylesheet" href="https://rsms.me/inter/inter.css" /> |
There was a problem hiding this comment.
Self-host the font before loading it without consent
On every visit—including when analytics consent is denied, Do Not Track is enabled, or the visitor opens the privacy page—the browser now contacts rsms.me before consent.js runs, disclosing normal request metadata such as the visitor's IP address and referrer to an undeclared third party. This bypasses the site's consent/privacy boundary, whose processor disclosure names only GitHub and consented Google; serve the font locally or explicitly incorporate this request into the privacy and consent model.
Useful? React with 👍 / 👎.
| .hero-window { | ||
| border-color: rgba(201, 227, 255, .17); | ||
| border-radius: 27px; | ||
| background: rgba(14, 31, 53, .72); | ||
| box-shadow: 0 36px 90px rgba(0, 8, 26, .43), 0 0 0 1px rgba(255,255,255,.025); | ||
| transform: perspective(1500px) rotateY(-3deg) rotateX(1.2deg); |
There was a problem hiding this comment.
Preserve the mobile hero-window transform reset
On the overview page at widths up to 760px, this later declaration overrides the existing responsive .hero-window { transform: none; } in styles.css because polish.css is loaded afterward with equal specificity. The screenshot is consequently tilted again inside the overflow-hidden mobile hero, undoing the layout's explicit phone-specific flattening; reset the transform in this stylesheet's mobile media query.
Useful? React with 👍 / 👎.
Goal
Polish the ARSAS landing pages visually while preserving the current information architecture, SEO, release auto-sync, privacy/analytics workflow and product content.
Changes
landing/polish.cssvisual layer after the stable base stylesheetScope
Website presentation only. No ARSAS runtime, IEC 61850 engine, FAT behavior, release binaries or release auto-sync semantics are changed.