Skip to content

Docs: Add an interactive Jetpack homepage hero - #2

Draft
f wants to merge 5 commits into
codex/docs-product-organizationfrom
codex/docs-threejs-hero
Draft

Docs: Add an interactive Jetpack homepage hero#2
f wants to merge 5 commits into
codex/docs-product-organizationfrom
codex/docs-threejs-hero

Conversation

@f

@f f commented Jul 31, 2026

Copy link
Copy Markdown
Owner

Fixes #

Proposed changes

  • Progressively enhance the mapped Jetpack Developer Docs homepage hero with an interactive Three.js technical drawing.
  • Let pointer users drag individual geometry points while connected strokes deform and spring back after release.
  • Support light and dark theme colors, reduced motion, responsive sizing, and an image fallback when WebGL or the module is unavailable.
  • Remove the legacy hero grid, column divider, visual overlay, and adjacent separator on this site only.
  • Remove the WordPress resource links, Jetpack.com developer-post feed, and agent-oriented prompt sections from the homepage.

Related product discussion/links

  • N/A

Does this pull request change what data or activity we track or use?

No.

Testing instructions

  • Run node --test tools/docspress/jetpack-developer-docs-site/tests/*.test.cjs.
  • Run php tools/docspress/jetpack-developer-docs-site/tests/render-test.php.
  • Package and install the site adapter on the mapped Jetpack Developer Docs site.
  • Open the homepage in light mode and confirm the construction lines and annotation labels are clear and proportionate on the white surface.
  • Drag inner and outer points and confirm their connected geometry deforms while held, then returns home after release.
  • Confirm the original image remains available as the no-JavaScript and module-failure fallback.
  • Confirm the homepage flows from Developer tools to Latest updates without the three removed sections.

@github-actions

github-actions Bot commented Jul 31, 2026

Copy link
Copy Markdown

Thank you for your PR!

When contributing to Jetpack, we have a few suggestions that can help us test and review your patch:

  • ✅ Include a description of your PR changes.
  • ✅ Add a "[Status]" label (In Progress, Needs Review, ...).
  • ✅ Add testing instructions.
  • ✅ Specify whether this PR includes any changes to data or privacy.
  • ✅ Add changelog entries to affected projects

This comment will be updated as you work on your PR and make changes. If you think that some of those checks are not needed for your PR, please explain why you think so. Thanks for cooperation 🤖


Follow this PR Review Process:

  1. Ensure all required checks appearing at the bottom of this PR are passing.
  2. Make sure to test your changes on all platforms that it applies to. You're responsible for the quality of the code you ship.
  3. You can use GitHub's Reviewers functionality to request a review.
  4. When it's reviewed and merged, you will be pinged in Slack to deploy the changes to WordPress.com simple once the build is done.

If you have questions about anything, reach out in #jetpack-developers for guidance!

@github-actions github-actions Bot added the Docs label Jul 31, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant