fix(marketing): present the Git workflow as an illustration

[saphid]

What Changed

The homepage Git illustration included three focusable buttons that do nothing. Render them as decorative spans and expose the workflow as one explicitly labelled illustration, preserving its appearance.

Verification

Refreshed against upstream main 761d4bac1c238ea7af4dd36b56719ad5e30771c3. Fresh targeted lint, marketing Astro check (18 files, zero diagnostics), and git diff --check origin/main...HEAD pass. The PR component file is byte-for-byte unchanged from the previously captured candidate, so the existing evidence still demonstrates this contribution; it has not been relabeled as a fresh capture. Refresh performed by GPT-6 Astra in the Codex harness. Fresh independent Claude review is unavailable: claude auth status reports signed out.

Astro check passes for 18 files with zero diagnostics; targeted lint and diff check pass. Browser accessibility tree exposes one illustrative image description, and the illustration has zero focusable controls.

Marketing site only. No Git operations are executed by this illustration.

UI Changes

Before: upstream 6270a6f88; after: 9c61c464e. Same homepage section, viewport and scroll position; appearance is preserved while semantics change.

Before

After

The change is nonvisual. Screenshots provide control context only; verification relies on the accessibility-tree observations described above. No animated GIF is included because unchanged UI footage does not demonstrate the semantic change.

Checklist

• Small, focused change
• Problem and verification explained
• Before/after UI evidence included

Implemented by GPT-6 Astra medium task workers, reviewed and verified by GPT-6 Astra in the T3 Code Codex harness. Direct cross-provider review attempted with claude --model claude-opus-5 --effort high --permission-mode plan --tools Read,Glob,Grep --output-format json -p …; exit 1 because OAuth expired. No Claude model ran.

Note

Convert Git workflow buttons to non-interactive illustration in marketing page

Updates index.astro so the Git workflow visual is exposed to assistive tech as a single labeled image instead of a set of controls. Replaces the three nested button elements with span elements that keep their text and icons, and adds an image role with an accessible label to the container.

• Sets pointer-events: none on the button-styled spans and normal line-height on affected labels so the illustration renders without interaction behavior.
• Risk: assistive tech users no longer see individual button semantics for View diff, Open pull request, or Commit & push in this illustration.

^{Macroscope summarized 8fbb2ef.}

Current-base verification

Updated to upstream main b2e15185aee22bfdee78806f2734b0a4de9c2c77 at 8fbb2efb0e427d02d9f9bcdacef97bc52c5cf2e1. All 3 applicable focused verification commands passed. Earlier runtime observations and media retain their stated revisions and limitations; these fresh runs do not constitute new client recordings. Fresh independent Claude review is unavailable because its OAuth credentials have expired. Refreshed by GPT-6 Astra in the Codex harness.

[macroscopeapp]

Approvability

Verdict: Approved at 9c61c46

Macroscope's review found this PR approvable — This single-file marketing change preserves the Git workflow illustration while removing inert focusable controls and exposing it as one labeled image. Its runtime impact is limited to page semantics, pointer behavior, and styling, with no product-default, application workflow, or infrastructure changes.

^{You can add or adjust custom eligibility rules. Learn more.}

[t3-code]

reviewed diff and relevant surrounding code at 8fbb2efb0e427d02d9f9bcdacef97bc52c5cf2e1. no blocking findings.

the decorative controls become non-focusable spans inside a named illustration; the adjacent explanatory copy remains outside that image role. no code changes needed. visual rendering was not rerun locally.

ci snapshot: no failing or pending checks; some checks are skipped. this is a comment review, not an approval or merge.