Skip to content

Redesign public website (landing + status)#48

Merged
CodeWithJuber merged 1 commit into
masterfrom
codex/redesign-website-for-professional-look
Jul 10, 2026
Merged

Redesign public website (landing + status)#48
CodeWithJuber merged 1 commit into
masterfrom
codex/redesign-website-for-professional-look

Conversation

@CodeWithJuber

Copy link
Copy Markdown
Owner

Motivation

  • Improve the public-facing site with a polished, professional design direction that is mobile-first, accessible, and explicitly driven from repository-backed data.
  • Surface honest, measured claims and clear data provenance by tightening metadata, schema, and the status page generator.

Description

  • Rewrote landing/index.html with a modern, responsive design, upgraded metadata/OG/schema, light/dark mode, reduced-motion support, and a stronger hero, CTA, metric strip, platform cards, workflow, evidence, and data-sources sections.
  • Added accessibility and UX improvements including a Skip to content link, semantic landmarks (header/main/section), visible focus states, keyboard-friendly copy interaction for install command, and mobile breakpoints.
  • Implemented a small client-side copy button with robust success/failure states and updated the interactive install command markup and script.
  • Regenerated public/index.html from repo data using the existing pages build pipeline (scripts/build-pages.mjsnpm run pages:build) and committed the updated generated page (commit: d60766a).

Testing

  • Ran npm run check which completed (Biome warnings unrelated to these edits were reported).
  • Ran npm test which passed: 605 tests passed and 2 skipped.
  • Ran npm run typecheck which completed without errors.
  • Ran npm run pages:build which regenerated public/index.html successfully.
  • Ran node src/cli.js uicheck design landing/index.html public/index.html which exited normally but reported strict design-gate failures for palette-size and radius-levels (style consolidation warnings).
  • Ran node src/cli.js uicheck visual landing/index.html which was skipped because Playwright is not available in this environment.

Codex Task

@CodeWithJuber CodeWithJuber merged commit 955ccdf into master Jul 10, 2026
11 checks passed

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: b4c2adc18e

ℹ️ 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".

Comment thread landing/index.html
@media (prefers-color-scheme: light) {
:root {
color-scheme: light;
--bg: #f7f3ed;

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Preserve AA contrast in light mode

For users whose system prefers light color scheme, this new light background still uses the dark-theme --brand value #f26430 for .kicker, .brand em, and the hero highlight. The repo's WCAG contrast helper gives only 2.86:1 for #f26430 on #f7f3ed, below the 4.5:1 AA requirement for the small/normal text used here, so the page becomes hard to read in light mode unless --brand is overridden or the light theme is removed.

Useful? React with 👍 / 👎.

Comment thread landing/index.html
}
.nav-inner { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; gap: 10px; align-items: center; text-decoration: none; font: 750 16px var(--mono); letter-spacing: -0.02em; }
.logo { width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; background: linear-gradient(135deg, var(--brand), var(--brand-2)); color: #111827; box-shadow: 0 14px 40px rgba(242, 100, 48, 0.28); }

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Keep the redesign within the UI gate

In this redesigned stylesheet, node src/cli.js uicheck design landing/index.html --json exits 1: it reports 7 radius levels (max 3) and 16 colors (max 8), while the parent version passed the same check. The hard-coded radii/colors introduced in this area (11px here plus 10/14/16/18/24/999 elsewhere) break the documented public-site design gate, so release checks that run forge uicheck design will reject the page until these are consolidated into the design tokens.

Useful? React with 👍 / 👎.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant