Skip to content

Elevate homepage Live Protocol Proof into visual centerpiece#261

Merged
GsCommand merged 1 commit into
mainfrom
codex/restyle-homepage-live-proof-section
May 21, 2026
Merged

Elevate homepage Live Protocol Proof into visual centerpiece#261
GsCommand merged 1 commit into
mainfrom
codex/restyle-homepage-live-proof-section

Conversation

@GsCommand
Copy link
Copy Markdown
Contributor

Motivation

  • Make the live proof area feel like a major protocol proof centerpiece that bridges the hero animation and the runtime verifier instead of a small/plain widget.
  • Improve readability and hierarchy so the five-step proof flow is scannable and visually authoritative.
  • Replace ambiguous/undefined verifier output with deterministic display logic so boolean checks show true/false and missing values show a clear note.

Description

  • Updated public/index.html to insert a centered transition intro (.live-proof-intro) with a large H2 and blue→purple gradient emphasis to bridge the hero animation and the live proof panel.
  • Restyled the live proof area with a gradient section background and a centered inner card (.live-proof-card) including eyebrow pill, stronger heading/subheadline, rounded corners, soft border, and shadow.
  • Reworked the five proof steps into readable row/cards with explicit numeric labels, descriptive meta text, status pills for pending|running|passed|failed, and per-step result lines; added .lp-panel-valid and .lp-panel-invalid summary cards for original/tampered receipts.
  • Enhanced the live widget JavaScript to keep API behavior intact while adding resultEls, a valueOrDash helper, pickCheck fallback for nested verifier fields, and an expanded setStep signature; updated UI writes to use boolean-safe display and avoid showing undefined.

Testing

  • Ran npm install and then npm test, which executed the repo test suite and reported all automated tests passing (26 tests passed).
  • Attempted npm run build but no build script exists in this repository (noted as not applicable).
  • Ran example checks with cd examples/webhook-auto-verify && npm install && npm run check, which completed successfully.

Codex Task

@vercel
Copy link
Copy Markdown

vercel Bot commented May 21, 2026

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

Project Deployment Actions Updated (UTC)
commandlayer-commandlayer-org Ready Ready Preview, Comment May 21, 2026 11:01pm
commandlayer-org Ready Ready Preview, Comment May 21, 2026 11:01pm
commandlayer-org111 Ready Ready Preview, Comment May 21, 2026 11:01pm

Request Review

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