From 3e0ec930efd1601c8bc8154a8fbba0ef497858c5 Mon Sep 17 00:00:00 2001 From: Ryan Malloy Date: Tue, 18 Aug 2026 12:34:01 -0600 Subject: [PATCH] Make the hero caption human readable and align the feature cards The caption named an API call, which meant nothing to a first-time reader; it now describes what the picture actually shows, in prose rather than monospace. The cards were offset because CardGrid was using the stagger prop, which deliberately drops alternate columns down the page. Removed, so the four cards sit in an even grid. --- docs-site/src/content/docs/index.mdx | 5 +++-- docs-site/src/styles/theme.css | 7 ++++--- 2 files changed, 7 insertions(+), 5 deletions(-) diff --git a/docs-site/src/content/docs/index.mdx b/docs-site/src/content/docs/index.mdx index d693570..7b12980 100644 --- a/docs-site/src/content/docs/index.mdx +++ b/docs-site/src/content/docs/index.mdx @@ -21,7 +21,8 @@ hero: decoding="async" />
- vm_screenshot(name="kolibri") → PNG + A live capture of the guest's screen, taken while KolibriOS was + playing a game of Tetris.
actions: @@ -37,7 +38,7 @@ hero: import { Card, CardGrid } from '@astrojs/starlight/components'; - + One call gives you a copy-on-write clone of a base image, booted, with the guest agent answering. One more call destroys it. The base image is never diff --git a/docs-site/src/styles/theme.css b/docs-site/src/styles/theme.css index 78ca492..aaa06af 100644 --- a/docs-site/src/styles/theme.css +++ b/docs-site/src/styles/theme.css @@ -97,12 +97,13 @@ } .vm-frame__caption { - padding: 0.5rem 0.75rem; + padding: 0.55rem 0.8rem; background: var(--sl-color-gray-6); border-top: 1px solid var(--sl-color-gray-5); color: var(--sl-color-gray-3); - font-family: var(--sl-font-mono); - font-size: 0.75rem; + font-size: 0.8rem; + line-height: 1.45; + text-wrap: pretty; } /* Starlight's staggered CardGrid rotates card icon backgrounds through a