Draft: Implement new homepage design
What does this MR do and why?
Implements the new homepage design!
- Design issue: Reorganize content in docs.gitlab.com home page (technical-writing#854) • Pedro Moreira da Silva • 16.10
- Implementation issue: Implement homepage redesign (#1740 - closed) • Sarah German
Just a draft. Still some things to do here:
-
Add more content to the tabbed sections (and many of these pages need descriptions, see #1741 (closed)) -
See if we need to modify anything for Lunr search versions -
Match sizing and spacing more closely to the design -
Mobile styling/behavior -
Testing (browser, accessibility)
Screenshots, screen recordings, or links to review app
Still in progress, but here we are so far:
| Before | After |
|---|---|
 |
 |
How to set up and validate locally
Numbered steps to set up and validate the change are strongly suggested.
-
Configure a local GitLab Docs environment: https://gitlab.com/gitlab-org/gitlab-docs/-/blob/main/doc/setup.md. -
Compile and run the site: make view -
Visit the homepage: http://127.0.0.1:3000/
Merge request acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this merge request.
Closes #1740 (closed)
Edited by Sarah German