diff --git a/README.md b/README.md index d4ca23d..06e46eb 100644 --- a/README.md +++ b/README.md @@ -32,9 +32,9 @@ emphasizes clarity, stability, and a sense of solidity over transparency, refrac That is one of the [blocks](https://deeplethe.github.io/solid-glass/blocks): whole screens made of the components, to look at, read and copy in. Below, the components themselves. -![The components in the dark theme](docs/screenshots/home-dark.webp) +![The components in the dark theme](docs/screenshots/home-dark-2.webp) -![The components in the light theme](docs/screenshots/home-light.webp) +![The components in the light theme](docs/screenshots/home-light-2.webp) It stands between flat design and liquid glass. Flat is an opaque block with no finish to speak of; liquid glass is nearly clear, and on a page with a lot of text the reader is always fighting the diff --git a/docs/screenshots/home-dark-2.webp b/docs/screenshots/home-dark-2.webp new file mode 100644 index 0000000..29e7871 Binary files /dev/null and b/docs/screenshots/home-dark-2.webp differ diff --git a/docs/screenshots/home-dark.webp b/docs/screenshots/home-dark.webp deleted file mode 100644 index 402b54c..0000000 Binary files a/docs/screenshots/home-dark.webp and /dev/null differ diff --git a/docs/screenshots/home-light-2.webp b/docs/screenshots/home-light-2.webp new file mode 100644 index 0000000..ed44448 Binary files /dev/null and b/docs/screenshots/home-light-2.webp differ diff --git a/docs/screenshots/home-light.webp b/docs/screenshots/home-light.webp deleted file mode 100644 index 40c630a..0000000 Binary files a/docs/screenshots/home-light.webp and /dev/null differ diff --git a/src/home/wall.tsx b/src/home/wall.tsx index 4be4c56..fadf474 100644 --- a/src/home/wall.tsx +++ b/src/home/wall.tsx @@ -703,9 +703,9 @@ function Background() { } /** - * The components, as a wall. On the home page it is cut off at a height and fades out; `full` - * shows all of it, and with it the parts made for agents — the run, the question, the composer, - * the change and what goes on in the background — each among the plainer things it sits beside. + * The components, as a wall: the parts made for agents — the run, the question, the composer, the + * change and what goes on in the background — each among the plainer things it sits beside. On + * the home page it is cut off at a height and fades out; `full` shows all of it. */ export function Wall({ full = false }: { full?: boolean }) { const column = "min-w-0 flex-col gap-(--gap)" @@ -719,30 +719,30 @@ export function Wall({ full = false }: { full?: boolean }) { >
- {full && } +
- {full && } +
- {full && } +
- {full && } + - {full && } +
{!full &&
}