fix(quotes): KPI value and label as a description list
- Dominant language
- Astro
- Stars
- 155
- Forks
- 177
- Avg merge
- 1d 20m
- Merged PRs (30d)
- 192
Description
Part of the Markdown for Agents Phase 1 epic (see #5652). kestra.io has Cloudflare Markdown for Agents enabled: `Accept: text/markdown` converts the SSR HTML at the edge, so defects in the HTML end up in what AI agents read. Cloudflare strips `nav`/`header`/`footer`/scripts/styles/inline SVG, ignores `aria-hidden` and empty `alt`, keeps `.visually-hidden` text and `display:none` content, and renders `
- ` as separate lines (all verified on production).
- …
- …
## Problem
`Quotes.vue` puts the KPI value and name in two adjacent inline ``s on separate template lines. Vue condenses the newline away and the converter concatenates inline siblings, producing `Billionsof records processed securely` and `100+users empowered`.
## Scope
- Turn `.kpis` into `
- ` with `
- Retarget the scoped `.kpi span` rule to `dd`, add `dd { margin: 0 }`.
## Done when
- No glued value/label pairs in `/` or `/enterprise` Markdown.
- Pixel-identical KPI row.
Can be folded into the testimonial-panels PR.
Contributor guide
Research direction
Start with Quotes.vue and compare its KPI markup with the existing pattern in lp/workflow-orchestration/Trusted.astro. Convert the KPI structure and retarget the scoped styling as specified, then verify the Markdown output for / and /enterprise has separated value and label pairs and that the KPI row remains pixel-identical.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- html
- Domain
- documentation, frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Active
- Clarity
- Clearly specified
- Newbie friendliness
- 90/100