Redesign homepage with continuous code-glyph storytelling - #50
Conversation
Codex Review SummaryThis comment shows the latest Codex review activity on this pull request.
ℹ️ About Codex in GitHubYour team has set up Codex to review pull requests in this repo. Reviews are triggered when you
Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings. |
|
@codex review Please review the complete homepage redesign, especially production routing, lazy Three chunk boundaries, GPU lifecycle/recovery, scroll and pointer behavior, keyboard/reduced-motion accessibility, and acquisition regressions. Local unit/build/budget checks and actual in-app browser journeys pass. Please flag actionable correctness/regression issues; intentional design decisions and limitations are documented in the PR. |
|
Azure Static Web Apps: Your stage site is ready! Visit it here: https://gentle-flower-093ba7e0f-50.eastus2.7.azurestaticapps.net |
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: 71096d1d2f
ℹ️ 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".
|
Azure Static Web Apps: Your stage site is ready! Visit it here: https://gentle-flower-093ba7e0f-50.eastus2.7.azurestaticapps.net |
|
Azure Static Web Apps: Your stage site is ready! Visit it here: https://gentle-flower-093ba7e0f-50.eastus2.7.azurestaticapps.net |
|
Codex Review: Didn't find any major issues. What shall we delve into next? Reviewed commit: ℹ️ About Codex in GitHubYour team has set up Codex to review pull requests in this repo. Reviews are triggered when you
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". |
|
Azure Static Web Apps: Your stage site is ready! Visit it here: https://gentle-flower-093ba7e0f-50.eastus2.7.azurestaticapps.net |
|
Codex Review: Didn't find any major issues. Keep it up! Reviewed commit: ℹ️ About Codex in GitHubYour team has set up Codex to review pull requests in this repo. Reviews are triggered when you
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". |
Product outcome
Replace the public homepage with the user-approved continuous code-glyph field and a clear, interactive Read → Ask → Check walkthrough. The rest of CodeTutor stays unchanged.
User journey changes
Previously the homepage used separate illustrations and a compact mobile version. Now one coherent animated story surrounds a reversible example on all screen sizes, with a static version when system Reduce Motion is enabled. Large viewports get a denser background field. The cinematic artwork comes before the headline/CTA, so the primary action is below the initial screen on ordinary desktop heights; scrolling is never locked or delayed. Sign-in, first-lesson and returning-learner destinations are unchanged.
Phase ledger
Evidence
79523664-9004-44ba-97b6-6ad58d64c4e2; detailed evidence and tradeoffs in the design/release ledger.Optimized local-build screenshots
Release gates
Deployed preview checked in the actual in-app browser: preview. Hero renders, pointer/keyboard walkthrough works, 390px reduced-motion layout retains Check state without overflow, and the first-lesson CTA reaches the existing editor welcome flow. This is preview evidence, not final production verification.
f1535b7; every actionable thread resolved.690c767is served by the public release endpoint; production release and independent deep health are green.Production closeout: actual Codex-browser checks passed for the hero, repeated Read/Ask/Check, keyboard focus, reduced motion, graphics-loss/Retry, returning-learner dashboard and anonymous first-lesson handoff. Phone CSS layout retains animation/state without horizontal overflow. Compact visual evidence comes from the final local/preview build: the production emulated screenshot tool mis-scaled captures, so those images are not claimed as pixel-perfect phone proof. Harness
3b4049ff-862c-4beb-a7f9-621886a1cf05records the observations and limits.Approved CI correction: previously a failing Windows native command could be masked by subsequent successes. Build/test jobs now explicitly use fail-fast Bash, tested by negative controls on each OS. The filesystem test remains active everywhere (real directory creation and no re-chmod of existing paths); exact POSIX mode bits are checked on Linux/macOS, where supported. No production runtime behavior changed. Hosted Windows job 101894481739 passed its negative controls, all 31 localDocker tests, and complete backend/frontend suites.