add a homepage for the docs site and update the material theme. - #3743
add a homepage for the docs site and update the material theme.#3743swstica wants to merge 8 commits into
Conversation
❌ 2 Tests Failed:
View the full list of 2 ❄️ flaky test(s)
To view more test analytics, go to the Test Analytics Dashboard |
Greptile SummaryThe new documentation homepage builds successfully, but the capability section becomes difficult to scan at common desktop widths because it changes to three columns before the constrained article area is wide enough. Keep this section at two columns until the container can support readable card widths. Confidence Score: 4/5One non-security P1 responsive-layout regression remains. The verified homepage layout divides its constrained content region into 203–224px cards at common desktop widths, materially increasing text wrapping. Files Needing Attention: misc/mkdocs/theme.css
What T-Rex did
Reviews (2): Last reviewed commit: "update content on homepage" | Re-trigger Greptile |
| @media screen and (min-width: 60em) { | ||
| .md-typeset .dim-media { | ||
| grid-template-columns: repeat(3, 1fr); | ||
| } |
There was a problem hiding this comment.
Capability grid narrows within the constrained content column
At the 60em breakpoint, the homepage switches the capability grid to three columns based on viewport width even though the article column remains narrow. A live 961px render produces a 687px grid with 223.7px cards, and a 1280px render produces a 625px grid with 203px cards. The capability descriptions wrap substantially more than a two-column rendering at the same 961px viewport—for example, Remote teleoperation grows from five lines to six, and at 1280px it reaches seven lines. Keep two columns until the actual card container can provide readable card widths, or use a card-width-aware grid.
Note: If this suggestion doesn't match your team's coding style, reply to this and let me know. I'll remember it for next time!
Artifacts
Homepage source comparison before validation
- Git diff output captures the homepage and theme changes under review, including the 60em capability-grid rule, with the takeaway that the three-column behavior is introduced by the reviewed CSS.
- Executed `.venv/bin/mkdocs build --strict` successfully and emitted the homepage site files, with the takeaway that the generated homepage builds.
Executed responsive homepage browser-check source
- Playwright Chromium validation source measures the rendered capabilities grid, card dimensions, and text-line wrapping at 961px and 1280px, with the takeaway that the reported measurements came from live browser rendering.
Responsive homepage browser-check output
- Executed Chromium measurements record the current three-column layout and two-column comparison at 961px plus the current 1280px layout, with the takeaway that three columns materially increase description wrapping in the constrained content region.
▶ Two-column capabilities comparison at 961px
- Chromium video renders the same built homepage at 961px with a temporary two-column comparison rule, with the takeaway that cards are 339.5px wide and descriptions wrap less.
Two-column capabilities comparison screenshot at 961px
- Full-page Chromium screenshot shows the two-column comparison for the built homepage at 961px, with the takeaway that the wider cards preserve more readable text lines.
▶ Current three-column capabilities layout at 961px
- Chromium video renders the built homepage with the active 60em CSS at 961px, with the takeaway that the 687px grid is divided into three 223.7px cards.
Current three-column capabilities screenshot at 961px
- Full-page Chromium screenshot shows the active three-column homepage layout at 961px, with the takeaway that the capability descriptions have visibly tighter wrapping.
▶ Current three-column capabilities layout at 1280px
- Chromium video renders the built homepage at 1280px using the active CSS, with the takeaway that the constrained 625px article grid creates 203px cards.
Current three-column capabilities screenshot at 1280px
- Full-page Chromium screenshot shows the current desktop capability cards at 1280px, with the takeaway that the Remote teleoperation description wraps to seven lines.
Executed homepage internal-link checker source
- Playwright Chromium checker source attempts to locate homepage card links and request their rendered destinations, with the takeaway that the script itself is preserved for audit.
Homepage internal-link checker output
- The executed checker completed but selected zero links because MkDocs generated relative URLs while the original filter expected root-relative URLs, with the takeaway that this output does not establish link-resolution coverage.
Responsive UI evidence manifest
- Executed artifact listing confirms the saved source, build, measurement, image, and video proof files in the required artifact directory, with the takeaway that the responsive validation evidence is available for upload.
Problem
Docs landing page is a copy
readme. Too long for a landing pageSolution
Added
index.mdand added some styling