feat(frontend): replace landing with open-source ecosystem page - #436
Merged
Conversation
Rebuild the public landing (marketing mode and "/" in app mode) from the ecosystem design handoff: six tools across Validate / Deceive / Test with local AI agents. Copy is verbatim from the handoff README, with a full Spanish set in the existing COPY[lang] i18n pattern. - New sections: hero with coverage ledger and cycling terminal over a cursor-reactive dot-field canvas, marquee, manifesto, why-it-matters bars, hover-driven ecosystem map with sticky detail panel, tools grid, local-AI boundary diagram, contribute rows, roadmap, footer - Scroll reveal (IntersectionObserver + rect fallback), staggered load animations, prefers-reduced-motion support - Fonts switch to Sora / IBM Plex Mono / IBM Plex Sans (Orbitron and Rajdhani had no other consumers) - App mode keeps the "sign in" CTA; marketing mode links to Discussions - Verified pixel-identical to the reference HTML at 1440px outside animation phase; light responsive pass below 1100px and 720px - Remove the superseded achilles_landing design handoff bundle - Add i18n parity test (EN/ES structure, no LimaCharlie mentions) Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Semgrep SAST ResultsNo security findings. All checks passed. |
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
1 participant
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
Rebuilds the public landing page (served as the whole app in marketing mode and at
/in app mode) from the ecosystem design handoff. ProjectAchilles is now presented as an open-source ecosystem of six tools (f0_csv, f0_library, f0_hpot, f0_pentest, f0_sectools, hx) across three layers (Validate, Deceive, Test), powered by local AI agents. Copy is verbatim from the handoff README, with a full Spanish set in the existingCOPY[lang]i18n pattern. LimaCharlie is not mentioned anywhere (enforced by test).Type of Change
Module(s) Affected
Related Issues
None.
Changes Made
frontend/src/pages/landing/: hero with coverage ledger and cycling terminal over a cursor-reactive dot-field canvas, marquee, manifesto, why-it-matters bars, hover-driven ecosystem map with sticky detail panel, tools grid, local-AI boundary diagram, contribute rows, roadmap, footeri18n.tsrewritten (EN verbatim from handoff, ES added); language-independent data incontent.tsgetBoundingClientRectfallback, staggered load animations,prefers-reduced-motionrespected (reveals, marquee, cursor, pulses, canvas loop)/sign-in; marketing mode links to GitHub Discussionsen / estoggle floats left of the nav CTA, out of flow so the centred link row keeps its reference positionf0_, so they never overflowfrontend/design_handoff_achilles_landing/bundle removedlanding/__tests__/i18n.test.ts: EN/ES structural parity, no LimaCharlie, ledger/contribute row alignment, edge symmetry, key EN strings verbatimFidelity verification
Headless Chromium (reduced motion, seeded
Math.random) full-page pixel diff against the reference HTML at 1440×900: page height identical (7,705px); the only differing pixels are the blinking cursor, the two pulsing decoy dots, the marquee scroll phase and the language toggle. Hover states on map nodes, tool cards, contribute rows, buttons and nav CTA match the reference's computed styles and screenshots.Build Verification
npm run buildpassesnpm run buildpasses (unchanged)🤖 Generated with Claude Code