@casoon/pages-theme 0.0.0-stage → 0.12.8

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 CASOON
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,280 @@
-# Temporary Holding Version
+# @casoon/pages-theme
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Shared Astro theme for the GitHub Pages sites of CASOON open-source projects: one layout,
+one set of tokens and components, and generated routes for docs, showcase, changelog and 404.
+Projects supply content, examples and configuration.
+
+## Project layout
+
+```
+<repo>/
+├── site/                 # Astro project (this theme as dependency)
+│   ├── astro.config.mjs  # casoonPages({ … })
+│   └── src/
+│       ├── pages/index.astro   # start page, composed from theme components
+│       ├── showcase.ts         # exports `examples`
+│       └── content.config.ts   # docs collection
+├── docs/                 # Markdown / MDX, versioned with the code
+├── examples/             # fixtures, shared with the test suite
+├── CHANGELOG.md          # Keep a Changelog
+└── .github/workflows/pages.yml
+```
+
+## Install
+
+```bash
+pnpm add @casoon/pages-theme
+```
+
+Requires Astro 7.3 or newer (peer dependency). The package ships its TypeScript and Astro
+sources; Astro compiles them with the site.
+
+Releases are published from the GitHub Actions workflow of `casoon/pages-theme` via npm trusted
+publishing, never from a developer machine, and carry signed build provenance. To check an
+installed copy:
+
+```bash
+npm audit signatures
+```
+
+## Setup
+
+```js
+// site/astro.config.mjs
+import casoonPages from '@casoon/pages-theme';
+import { defineConfig } from 'astro/config';
+
+export default defineConfig({
+  site: 'https://casoon.github.io/runemark',
+  base: '/runemark/',
+  integrations: [
+    casoonPages({
+      name: 'runemark',
+      description: 'Renders ANSI terminal output as accessible, script-free HTML.',
+      repo: 'casoon/runemark',
+      version: '0.4.2',
+      packages: [{ label: 'crates.io', href: 'https://crates.io/crates/runemark' }],
+      docsGroups: { 'getting-started': 'Getting started', reference: 'Reference' },
+    }),
+  ],
+});
+```
+
+```ts
+// site/src/content.config.ts
+import { docsCollection } from '@casoon/pages-theme/content';
+export const collections = { docs: docsCollection() };
+```
+
+### Options
+
+| Option | Default | Purpose |
+| --- | --- | --- |
+| `name`, `description`, `repo` | – | Header, meta tags, GitHub links, JSON-LD |
+| `tagline` | – | A few words for the start page's `<title>` and the OG image; see „Search engines" |
+| `website` | – | The project's landing page (`https://example.com`): header, footer, JSON-LD `sameAs` |
+| `catalog` | repository name | Slug of the project's entry on casoon.dev (`#projekt-<slug>`), linked in the footer; `false` for none |
+| `version` | the project's manifest | Header badge, "Docs for vX"; see „Version" | 
+| `license` | `MIT` | SPDX id for footer and JSON-LD; `false` for proprietary code names no licence |
+| `branch` | `main` | "Edit this page" links |
+| `accent` | CASOON petrol | `{ light, dark }` project colour; needs 4.5:1 on `#f4f1eb` and `#151412` |
+| `packages` | `[]` | Registry and API-doc links in the footer |
+| `docsGroups` | `{}` | Sidebar groups: folder in `docs/` → label, in order. Root pages join the first group |
+| `changelog` | `../CHANGELOG.md` | Path relative to `site/`, or `false` |
+| `showcase` | `./src/showcase.ts` | Module exporting `examples: ShowcaseExample[]`, or `false` |
+| `demo` | `false` | Header label of a live demo page; the project supplies `src/pages/demo.astro` |
+| `mdxComponents` | – | Module exporting `components` for docs MDX, next to the theme's; see „Docs frontmatter" |
+| `lang` | `en` | `en` or `de`: `<html lang>` and the theme's own UI strings (`lib/i18n.ts`); props passed by the project win |
+| `showcaseLead` | – | Lead paragraph of the showcase overview, instead of the theme's generic one |
+
+#### Version
+
+Left out, `version` comes from the manifest next to `site/`: `version` in `package.json`, else
+`[package]` or `[workspace.package]` in `Cargo.toml`. So the number is maintained in one place,
+and a release updates the site by itself. Pages read it as `config.version` from
+`virtual:casoon-pages/config` — a start page that shows the release in a `Badge` takes it from
+there instead of typing it out.
+
+A wrong number is worse than none, so anything that cannot be read with certainty yields none:
+a workspace whose version sits in a member crate, a `package.json` without `version`, a project
+with neither manifest. Those pass `version` themselves, and `false` shows none at all.
+
+### Routes
+
+| Route | Source |
+| --- | --- |
+| `/` | the project's `src/pages/index.astro` |
+| `/docs/…` | `docs/**/*.{md,mdx}`; `docs/index.md` becomes `/docs/` |
+| `/showcase/`, `/showcase/<slug>/` | `examples` from the showcase module |
+| `/changelog/` | `CHANGELOG.md` (`## [x.y.z] - YYYY-MM-DD`, `### Added` …, `### Breaking`) |
+| `/demo/` | the project's `src/pages/demo.astro`, linked once `demo` is set |
+| `/404` | theme |
+| `/sitemap.xml`, `/og.png` | written after the build when `site` is set; see „Search engines" |
+
+### Docs frontmatter
+
+`title` (required), `description` (lead paragraph), `order` (position in its group),
+`sidebarLabel`.
+
+MDX pages use theme components **without importing them**. `docs/` sits outside `site/` and
+cannot resolve packages, so the docs route provides all components. A project adds its own
+with `mdxComponents: './src/mdx-components.ts'` — a module exporting
+`components = { Name: Component }` — for anything only the site can build, such as a
+component rendering the project's own output. Its names win over the theme's. Write links between docs
+pages relative (`../quickstart/`), because the base path differs per project.
+
+## Components
+
+Import from `@casoon/pages-theme/components` in `.astro` files; available directly in MDX.
+
+| Component | Use |
+| --- | --- |
+| `Hero` | Title, lead, default slot (install, badges), `output` slot (real output); `layout`, `command` and `tone` pick the variant |
+| `AnchorGrid` | Card grid under the hero, each linking to a section further down or out to a doc |
+| `Install` | Install command per ecosystem, CSS-only tabs, copy button; long commands wrap at spaces and after a `/` |
+| `Badge`, `Badges` | Static badges (no external badge services) |
+| `Facts` | Verifiable key figures; `layout="grid"` (tiles) or `"list"` (spec sheet) |
+| `Features` | Core points; `layout="numbered"` (3–5 items) or `"grid"` (an icon-tile catalog) |
+| `Spotlight` | Repeatable two-column feature section — eyebrow, title, lead, bullets, links, beside a media slot |
+| `Integrations` | Grid of what the project plugs into: icon tile, name, category |
+| `FileSet` | The files a run produced: `tabs`, `grid` or `rail` view |
+| `BuildOutput` | One real build output on the start page |
+| `Quickstart` | Steps, docs link, code slot |
+| `Keymap` | Keyboard shortcuts or CLI flags, grouped cards of label + `<kbd>` keys |
+| `ReleaseHighlights` | Teaser of one changelog release on the start page |
+| `Faq` | Native `<details>` accordion, no JS |
+| `CodeBlock` | Build-time highlighting (Shiki, theme-aware), copy button |
+| `Terminal` | `ansi` prop (converted at build time) or pre-rendered HTML as slot |
+| `Callout` | `note`, `tip`, `caution`, `deprecated` |
+| `Tabs` | CSS-only tabs, one named slot per tab id |
+| `ApiEntry` | API overview entry; item-level docs stay on docs.rs / TypeDoc |
+| `Swatch` | Colour token preview |
+| `ExamplePanel` | Input next to output; used by the showcase routes |
+| `Demo` | Stage for the project running live in the page; see „Live demo" |
+
+`@casoon/pages-theme/ansi` exports `ansiToHtml` and `escapeAnsi` for projects without their
+own renderer. `ansiToHtml` renders the 16-colour palette as classes (so the theme's colours
+apply) and 256-colour and 24-bit colour — foreground and background — as inline styles. `@casoon/pages-theme/layouts/Base.astro` wraps custom pages in the frame, and
+`@casoon/pages-theme/url` exports `url()` — a project page that links or loads something
+site-internal needs it, because the base path changes per project.
+
+## Hero variants
+
+`Hero` carries four start-page openings. All of them use the same props; `layout`, `command`
+and `tone` decide which one, and what goes into the slots decides the rest. The `output`
+slot takes the project's real output — a `Terminal`, or `FileSet` when the project writes
+files.
+
+| Variant | Hero | `output` slot |
+| --- | --- | --- |
+| Artefacts | `layout="split"` (default) | `FileSet view="grid"` — one card per file |
+| Pipeline | `layout="stack" command="<cmd>"` plus a `source` slot | `FileSet view="tabs"` — one pane per file |
+| Colour field | `tone="invert"` on any layout | `Terminal`, or whatever the project shows |
+| Editorial | `layout="editorial"` | `FileSet view="rail"` — names and one line each |
+
+The split layout gives the text column a little more than half from 900 px up, with a title
+size that fits about 40 characters on two lines at 1440 px; below 900 px text and output stack.
+
+The stack layout reads as a pipeline from top to bottom: the `source` slot (usually a
+`CodeBlock` with the configuration), the `command` pill, then the output — each over the full
+width of the container. Side by side the three do not fit inside `--max`: the source is cut off
+mid-line and the file names wrap to a second row. Without a `source` slot the band is just the
+output.
+
+`FileSet` takes `files` — `id`, `name` and optional `path`, `size`, `note` — and one named slot
+per `id` holding that file's content, the same way `Tabs` does. The `rail` view needs no slots.
+The tab strip stays on one row at every width: below 640 px the names lose their suffix
+(`robots.txt` → `robots`, and only when the stems stay distinct), and a strip that still does not
+fit scrolls sideways. Each pane scrolls on its own for long lines.
+
+`tone="invert"` redefines the colour tokens inside the hero, so `Install`, `Badges` and
+`FileSet` follow without knowing about it. The ground is `--invert-bg` with `--invert-accent`,
+the same in both colour schemes.
+
+## Showcase descriptions
+
+`description` is plain text with one piece of markup: `` `backtick spans` `` become inline
+code on the detail page and the overview cards, styled like inline code in the docs. Everything
+else is escaped, so a description cannot inject HTML. In the meta description the backticks are
+dropped. Descriptions without backticks render as before.
+
+## Large showcases
+
+A showcase with many examples gets two optional fields per `ShowcaseExample`:
+
+- `group`: the heading the example is listed under. Examples of one group appear together, groups in
+  the order of their first example, with a jump list at the top of the overview.
+- `preview`: HTML for a small preview, typically a lazily loaded image. An example with a preview
+  appears on the overview as a card (title, description, preview, link to the detail page);
+  input and output stay on the detail page. Without it the overview shows the full panel as before.
+
+## Live demo
+
+The showcase shows what a package produced at build time. A demo shows the package itself,
+running in the visitor's browser — for projects whose point only becomes visible in motion.
+
+Set `demo: '<label>'` for the header entry and write `site/src/pages/demo.astro`; the theme
+injects no route, so the page is the project's own. Wrap the running instance in the `Demo`
+component and put everything it needs, including its `<script is:inline>`, in the default
+slot.
+
+The component marks its stage `data-demo`, and that mark carries two exceptions from the
+rules below — nowhere else on the site:
+
+- The demo's own scripts live inside the stage. Outside it, the two inline scripts stay the
+  limit.
+- `check-site.cjs` excludes the stage from axe. A demo may deliberately exhibit what the
+  project reports on; a broken form inside the stage is the exhibit, not a defect of the
+  page.
+
+Everything else still holds, the origin rule above all: a demo loads its code from the site
+itself. One that needs a CDN cannot ship here.
+
+## Search engines
+
+Each page gets canonical URL, meta description, Open Graph and `twitter:card`
+(`summary_large_image`), and JSON-LD `SoftwareSourceCode` with `url`, `codeRepository`, `sameAs`
+(`website` and the `packages` links) and CASOON as author and publisher. All of it needs `site`
+in `astro.config.mjs`.
+
+- **Title:** the start page is `<name> – <tagline> | CASOON`, other pages `<page> · <name>`.
+  Without `tagline` the start page is `<name> | CASOON`. Keep the tagline to a few words, so the
+  title stays under about 60 characters; `description` remains the meta description.
+- **OG image:** `og.png` (1200×630) is rendered at build time from name, tagline, description
+  and address, in the theme's fonts and the dark theme, with the project's dark `accent` as edge.
+- **Sitemap:** `sitemap.xml` lists every built page except 404, linked from the head. A project
+  that writes its own — `@casoon/astro-site-files` does — keeps it: the theme skips the file when
+  it already exists. That works only when the project's integration is listed before
+  `casoonPages()` in `astro.config.mjs`, because the hooks run in that order.
+- **Links out:** the header shows `website` next to the project name; the footer links
+  `website`, the project's catalog entry on casoon.dev and the catalog itself, all with
+  descriptive text in the page's `lang`.
+
+The root `https://casoon.github.io/` comes from the repository `casoon/casoon.github.io`: an
+overview of the project sites, the only `robots.txt` crawlers read for the domain (one `Sitemap:`
+line per project), and the Google Search Console verification. Its URL-prefix property
+`https://casoon.github.io/` covers every project site, so a project needs no property and no
+verification file of its own. For a new site:
+
+1. Deploy it and check that `https://casoon.github.io/<repo>/sitemap.xml` answers 200.
+2. In `casoon/casoon.github.io`, add `Sitemap: https://casoon.github.io/<repo>/sitemap.xml` to
+   `robots.txt` and the site to `index.html`, then push.
+3. In the property `https://casoon.github.io/`, *Sitemaps* → submit `<repo>/sitemap.xml`.
+
+Never set a custom domain on `casoon/casoon.github.io`: GitHub would redirect every project site
+to it as well.
+
+## Rules the theme enforces
+
+- No external requests: fonts are bundled (Inter, Onest, JetBrains Mono, Latin subset; licence
+  in `fonts/OFL.txt`), no CDNs, embeds, analytics or cookies.
+- JavaScript: two small inline scripts (theme before first paint; theme toggle and copy
+  buttons). Tabs work without JavaScript. The one exception is a `Demo` stage, see above.
+- Footer on every page, in the site's language (`lang`): "A CASOON project · Jörn Seidel",
+  licence, imprint and privacy policy (casoon.de), the project catalog on casoon.dev.
+- Light and dark theme, following `prefers-color-scheme` until the visitor chooses.
+
+## Maintaining
+
+Development, releases, the rollout to all project sites and setting up a new one:
+[MAINTAINING.md](MAINTAINING.md).

package/assets/casoon-logo-dark.svg

@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Ebene_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 450 121.8">
+  <defs>
+    <style>
+      .st0 {
+        fill: none;
+      }
+
+      .st1 {
+        isolation: isolate;
+      }
+
+      .st2 {
+        fill: #fff;
+      }
+
+      .st3 {
+        fill: #e52248;
+      }
+    </style>
+  </defs>
+  <g>
+    <path class="st0" d="M242.4,68c2.3,2.1,5.1,3.1,8.3,3.1h18.5c3.3,0,6.1-1,8.4-3.1s3.4-4.5,3.4-7.4v-12h-42.1v12c0,2.9,1.2,5.4,3.5,7.4h0Z"/>
+    <path class="st0" d="M355.7,18.6c-2.3-2.1-5.1-3.1-8.4-3.1h-18.5c-3.3,0-6,1-8.3,3.1s-3.5,4.5-3.5,7.4v12.7h42.1v-12.7c0-2.9-1.1-5.3-3.4-7.4h0Z"/>
+    <path class="st0" d="M277.6,18.6c-2.3-2.1-5.1-3.1-8.4-3.1h-18.5c-3.3,0-6,1-8.3,3.1s-3.5,4.5-3.5,7.4v12.7h42.1v-12.7c0-2.9-1.1-5.3-3.4-7.4Z"/>
+    <path class="st0" d="M320.6,68c2.3,2.1,5.1,3.1,8.3,3.1h18.5c3.3,0,6.1-1,8.4-3.1s3.4-4.5,3.4-7.4v-12h-42.1v12c0,2.9,1.2,5.4,3.5,7.4h0Z"/>
+    <path class="st3" d="M16.3,6.8c-3.4,2-6.1,4.7-8.1,8s-3,7.1-3,11.2v34.9c0,4,1,7.6,3,10.9s4.7,5.9,8.1,7.9c3.4,2,7.2,2.9,11.3,2.9h41.3v-11.7H27.6c-3,0-5.5-1-7.7-3-2.1-2-3.2-4.4-3.2-7.2V26c0-2.9,1.1-5.4,3.2-7.5s4.7-3.1,7.7-3.1h41.3V3.9H27.6c-4.1,0-7.9,1-11.3,3h0Z"/>
+    <polygon class="st3" points="102.6 3.9 74.3 82.7 86.8 82.7 109.9 19.2 120.1 47.3 106.5 47.3 102.3 59 124.3 59 132.9 82.7 145.4 82.7 117.2 3.9 102.6 3.9"/>
+    <path class="st3" d="M206,38.4c-3-1.7-6.2-2.6-9.9-2.6h-25.1c-2.1,0-4-.7-5.5-2.1-1.6-1.4-2.3-3.1-2.3-5v-5.4c0-2.1.8-4,2.3-5.5s3.4-2.3,5.5-2.3h40.8V3.9h-40.8c-3.6,0-6.9.9-9.8,2.6-3,1.7-5.3,4-7.1,6.9s-2.6,6.1-2.6,9.6v5.8c0,3.4.9,6.6,2.6,9.4,1.8,2.8,4.1,5.1,7.1,6.8s6.3,2.5,9.8,2.5h25.1c2.2,0,4,.7,5.6,2.2,1.5,1.5,2.3,3.3,2.3,5.3v8.5c0,2.1-.8,3.8-2.3,5.3s-3.4,2.2-5.6,2.2h-44.6v11.7h44.6c3.6,0,6.9-.9,9.9-2.6s5.3-4,7.1-6.9,2.6-6.1,2.6-9.6v-8.6c0-3.5-.9-6.7-2.6-9.6-1.8-2.9-4.1-5.2-7.1-6.9h0Z"/>
+    <path class="st3" d="M281,60.6c0,2.9-1.1,5.4-3.4,7.4-2.3,2.1-5.1,3.1-8.4,3.1h-18.5c-3.3,0-6-1-8.3-3.1s-3.5-4.5-3.5-7.4v-12h-11.7v12c0,4.1,1.1,7.8,3.2,11.1,2.1,3.4,5,6,8.5,8s7.5,3,11.8,3h18.5c4.3,0,8.3-1,11.8-3,3.6-2,6.4-4.7,8.5-8s3.2-7.1,3.2-11.1v-12h-11.7v12Z"/>
+    <path class="st3" d="M238.9,26c0-2.9,1.2-5.3,3.5-7.4s5.1-3.1,8.3-3.1h18.5c3.3,0,6.1,1,8.4,3.1s3.4,4.5,3.4,7.4v12.7h11.7v-12.7c0-4.1-1.1-7.8-3.2-11.2-2.1-3.3-4.9-6-8.5-8s-7.5-3-11.8-3h-18.5c-4.3,0-8.3,1-11.8,3s-6.4,4.7-8.5,8-3.2,7.1-3.2,11.2v12.7h11.7v-12.7h0Z"/>
+    <path class="st3" d="M359.2,60.6c0,2.9-1.1,5.4-3.4,7.4-2.3,2.1-5.1,3.1-8.4,3.1h-18.5c-3.3,0-6-1-8.3-3.1s-3.5-4.5-3.5-7.4v-12h-11.7v12c0,4.1,1.1,7.8,3.2,11.1s5,6,8.5,8,7.5,3,11.8,3h18.5c4.3,0,8.3-1,11.8-3,3.6-2,6.4-4.7,8.5-8,2.1-3.4,3.2-7.1,3.2-11.1v-12h-11.7v12Z"/>
+    <path class="st3" d="M317.1,26c0-2.9,1.2-5.3,3.5-7.4s5.1-3.1,8.3-3.1h18.5c3.3,0,6.1,1,8.4,3.1s3.4,4.5,3.4,7.4v12.7h11.7v-12.7c0-4.1-1.1-7.8-3.2-11.2-2.1-3.3-4.9-6-8.5-8s-7.5-3-11.8-3h-18.5c-4.3,0-8.3,1-11.8,3s-6.4,4.7-8.5,8-3.2,7.1-3.2,11.2v12.7h11.7v-12.7Z"/>
+    <polygon class="st3" points="433.1 3.9 433.1 65.8 398.8 3.9 383.6 3.9 383.6 82.7 395.3 82.7 395.3 21.6 429.6 82.7 444.8 82.7 444.8 3.9 433.1 3.9"/>
+  </g>
+  <g class="st1">
+    <g class="st1">
+      <g class="st1">
+        <path class="st2" d="M71.7,114.3v-11.8h3.3c.8,0,1.4.1,2,.4.6.3,1,.7,1.3,1.3.3.5.5,1.2.5,1.9v4.5c0,.7-.2,1.4-.5,1.9-.3.5-.8,1-1.3,1.3-.6.3-1.2.5-2,.5h-3.3ZM73.5,112.7h1.5c.6,0,1.1-.2,1.5-.5.4-.4.6-.9.6-1.5v-4.5c0-.6-.2-1.1-.6-1.5-.4-.4-.9-.6-1.5-.6h-1.5v8.6Z"/>
+        <path class="st2" d="M81.6,114.3v-11.8h6.9v1.5h-5.2v3.3h4.6v1.5h-4.6v3.8h5.2v1.5h-6.9Z"/>
+        <path class="st2" d="M94.6,114.5c-1.2,0-2.1-.3-2.8-.9-.7-.6-1-1.4-1-2.5h1.7c0,.6.2,1.1.6,1.4.4.3.9.5,1.5.5s1.1-.2,1.5-.5.5-.8.5-1.4-.1-.8-.4-1.1c-.2-.3-.6-.5-1-.7l-1.7-.5c-.8-.2-1.4-.6-1.9-1.2-.5-.6-.7-1.3-.7-2s.1-1.2.4-1.7c.3-.5.7-.9,1.2-1.1.5-.3,1.1-.4,1.8-.4s1.3.1,1.8.4c.5.3.9.6,1.2,1.1s.4,1,.4,1.7h-1.7c0-.5-.2-.9-.5-1.2-.3-.3-.8-.5-1.3-.5s-1,.2-1.3.5c-.3.3-.5.7-.5,1.2s.1.7.3,1c.2.3.5.5.9.6l1.7.5c.8.2,1.5.6,1.9,1.3.5.6.7,1.4.7,2.2s-.2,1.3-.5,1.8c-.3.5-.7.9-1.3,1.2-.6.3-1.2.4-2,.4Z"/>
+        <path class="st2" d="M101,114.3v-1.6h2.4v-8.6h-2.4v-1.6h6.5v1.6h-2.4v8.6h2.4v1.6h-6.5Z"/>
+        <path class="st2" d="M113.9,114.5c-1.1,0-2-.3-2.6-.9-.6-.6-1-1.5-1-2.5v-5.2c0-1.1.3-1.9,1-2.5.6-.6,1.5-.9,2.6-.9s2,.3,2.6.9,1,1.5,1,2.5h-1.7c0-.6-.2-1.1-.5-1.4-.3-.3-.8-.5-1.4-.5s-1,.2-1.4.5c-.3.3-.5.8-.5,1.4v5.2c0,.6.2,1.1.5,1.4.3.3.8.5,1.4.5s1-.2,1.4-.5c.3-.3.5-.8.5-1.4v-1.4h-2.2v-1.5h3.9v3c0,1.1-.3,1.9-1,2.5s-1.5.9-2.6.9Z"/>
+        <path class="st2" d="M120,114.3v-11.8h2.2l3.4,9.8c0-.3,0-.7,0-1.1,0-.4,0-.9,0-1.3,0-.5,0-.9,0-1.3v-6.1h1.6v11.8h-2.2l-3.4-9.8c0,.3,0,.6,0,1.1,0,.4,0,.8,0,1.3,0,.5,0,.9,0,1.3v6.2h-1.6Z"/>
+        <path class="st2" d="M142.8,114.5c-.4,0-.8-.1-1-.4-.3-.3-.4-.6-.4-1s.1-.8.4-1c.3-.3.6-.4,1-.4s.8.1,1,.4c.3.3.4.6.4,1s-.1.8-.4,1c-.3.3-.6.4-1,.4Z"/>
+        <path class="st2" d="M162.2,114.5c-1.2,0-2.1-.3-2.8-.9-.7-.6-1-1.4-1-2.5h1.7c0,.6.2,1.1.6,1.4.4.3.9.5,1.5.5s1.1-.2,1.5-.5.5-.8.5-1.4-.1-.8-.4-1.1c-.2-.3-.6-.5-1-.7l-1.7-.5c-.8-.2-1.4-.6-1.9-1.2-.5-.6-.7-1.3-.7-2s.1-1.2.4-1.7c.3-.5.7-.9,1.2-1.1.5-.3,1.1-.4,1.8-.4s1.3.1,1.8.4c.5.3.9.6,1.2,1.1s.4,1,.4,1.7h-1.7c0-.5-.2-.9-.5-1.2-.3-.3-.8-.5-1.3-.5s-1,.2-1.3.5c-.3.3-.5.7-.5,1.2s.1.7.3,1c.2.3.5.5.9.6l1.7.5c.8.2,1.5.6,1.9,1.3.5.6.7,1.4.7,2.2s-.2,1.3-.5,1.8c-.3.5-.7.9-1.3,1.2-.6.3-1.2.4-2,.4Z"/>
+        <path class="st2" d="M171,114.3v-10.2h-3.1v-1.6h8v1.6h-3.2v10.2h-1.7Z"/>
+        <path class="st2" d="M178,114.3v-11.8h3.7c.7,0,1.4.1,1.9.4.6.3,1,.7,1.3,1.2.3.5.5,1.1.5,1.8s-.2,1.5-.6,2c-.4.6-.9,1-1.6,1.2l2.4,5h-1.9l-2.2-4.8h-1.7v4.8h-1.7ZM179.7,107.9h1.9c.6,0,1-.2,1.4-.5.3-.3.5-.8.5-1.4s-.2-1.1-.5-1.4c-.3-.3-.8-.5-1.4-.5h-1.9v3.8Z"/>
+        <path class="st2" d="M187,114.3l3-11.8h2.3l3,11.8h-1.8l-.7-3h-3.3l-.7,3h-1.8ZM189.8,109.9h2.7l-.8-3.4c-.1-.6-.3-1.1-.3-1.6s-.2-.7-.2-.9c0,.2,0,.5-.2.9s-.2,1-.4,1.5l-.8,3.4Z"/>
+        <path class="st2" d="M199.9,114.3v-10.2h-3.1v-1.6h8v1.6h-3.2v10.2h-1.7Z"/>
+        <path class="st2" d="M207.2,114.3v-11.8h6.9v1.5h-5.2v3.3h4.6v1.5h-4.6v3.8h5.2v1.5h-6.9Z"/>
+        <path class="st2" d="M220.2,114.5c-1.1,0-2-.3-2.6-.9-.6-.6-1-1.5-1-2.5v-5.2c0-1.1.3-1.9,1-2.5.6-.6,1.5-.9,2.6-.9s2,.3,2.6.9,1,1.5,1,2.5h-1.7c0-.6-.2-1.1-.5-1.4-.3-.3-.8-.5-1.4-.5s-1,.2-1.4.5c-.3.3-.5.8-.5,1.4v5.2c0,.6.2,1.1.5,1.4.3.3.8.5,1.4.5s1-.2,1.4-.5c.3-.3.5-.8.5-1.4v-1.4h-2.2v-1.5h3.9v3c0,1.1-.3,1.9-1,2.5s-1.5.9-2.6.9Z"/>
+        <path class="st2" d="M226.5,114.3v-1.6h2.4v-8.6h-2.4v-1.6h6.5v1.6h-2.4v8.6h2.4v1.6h-6.5Z"/>
+        <path class="st2" d="M236.1,114.3v-11.8h6.9v1.5h-5.2v3.3h4.6v1.5h-4.6v3.8h5.2v1.5h-6.9Z"/>
+        <path class="st2" d="M258.8,114.5c-.4,0-.8-.1-1-.4-.3-.3-.4-.6-.4-1s.1-.8.4-1,.6-.4,1-.4.8.1,1,.4c.3.3.4.6.4,1s-.1.8-.4,1c-.3.3-.6.4-1,.4Z"/>
+        <path class="st2" d="M274.8,114.3v-11.8h6.9v1.5h-5.2v3.3h4.6v1.5h-4.6v3.8h5.2v1.5h-6.9Z"/>
+        <path class="st2" d="M284.2,114.3v-11.8h2.2l3.4,9.8c0-.3,0-.7,0-1.1,0-.4,0-.9,0-1.3,0-.5,0-.9,0-1.3v-6.1h1.6v11.8h-2.2l-3.4-9.8c0,.3,0,.6,0,1.1s0,.8,0,1.3c0,.5,0,.9,0,1.3v6.2h-1.6Z"/>
+        <path class="st2" d="M296.5,114.3v-10.2h-3.1v-1.6h8v1.6h-3.2v10.2h-1.7Z"/>
+        <path class="st2" d="M303.8,114.3l-1.3-11.8h1.5l.8,8.4c0,.3,0,.7,0,1.1s0,.7,0,1c0-.3,0-.6,0-1,0-.4,0-.8.1-1.1l1.1-8.4h1.6l1,8.4c0,.3,0,.7.1,1.1,0,.4,0,.7.1,1,0-.3,0-.6,0-1,0-.4,0-.8,0-1.1l.8-8.4h1.5l-1.4,11.8h-2l-1-8.5c0-.3,0-.7,0-1.1,0-.4,0-.7,0-1,0,.2,0,.6,0,1,0,.4,0,.8-.1,1.1l-1,8.5h-2Z"/>
+        <path class="st2" d="M313.5,114.3v-1.6h2.4v-8.6h-2.4v-1.6h6.5v1.6h-2.4v8.6h2.4v1.6h-6.5Z"/>
+        <path class="st2" d="M326.5,114.5c-1.1,0-2-.3-2.6-.9s-1-1.5-1-2.5v-5.2c0-1.1.3-1.9,1-2.5.6-.6,1.5-.9,2.6-.9s2,.3,2.6.9c.6.6,1,1.5,1,2.5h-1.7c0-.6-.2-1.1-.5-1.4-.3-.3-.8-.5-1.4-.5s-1,.2-1.4.5c-.3.3-.5.8-.5,1.4v5.2c0,.6.2,1.1.5,1.4.3.3.8.5,1.4.5s1-.2,1.4-.5c.3-.3.5-.8.5-1.4h1.7c0,1.1-.3,1.9-1,2.5-.7.6-1.5.9-2.6.9Z"/>
+        <path class="st2" d="M332.6,114.3v-11.8h1.7v4.9h1.6l2.4-4.9h1.9l-2.8,5.6,2.9,6.1h-2l-2.5-5.3h-1.5v5.3h-1.7Z"/>
+        <path class="st2" d="M342.9,114.3v-11.8h1.7v10.2h5.1v1.6h-6.9Z"/>
+        <path class="st2" d="M355.4,114.5c-1.1,0-2-.3-2.6-.9-.6-.6-.9-1.5-.9-2.5v-8.5h1.7v8.5c0,.6.1,1.1.5,1.4s.7.5,1.3.5,1-.2,1.3-.5.5-.8.5-1.4v-8.5h1.7v8.5c0,1.1-.3,1.9-.9,2.5-.6.6-1.5.9-2.6.9Z"/>
+        <path class="st2" d="M361.5,114.3v-11.8h2.2l3.4,9.8c0-.3,0-.7,0-1.1,0-.4,0-.9,0-1.3,0-.5,0-.9,0-1.3v-6.1h1.6v11.8h-2.2l-3.4-9.8c0,.3,0,.6,0,1.1,0,.4,0,.8,0,1.3,0,.5,0,.9,0,1.3v6.2h-1.6Z"/>
+        <path class="st2" d="M374.8,114.5c-1.1,0-2-.3-2.6-.9-.7-.6-1-1.5-1-2.5v-5.2c0-1.1.3-1.9,1-2.5.6-.6,1.5-.9,2.6-.9s2,.3,2.6.9,1,1.5,1,2.5h-1.7c0-.6-.2-1.1-.5-1.4-.3-.3-.8-.5-1.4-.5s-1,.2-1.4.5c-.3.3-.5.8-.5,1.4v5.2c0,.6.2,1.1.5,1.4.3.3.8.5,1.4.5s1-.2,1.4-.5.5-.8.5-1.4v-1.4h-2.2v-1.5h3.9v3c0,1.1-.3,1.9-1,2.5s-1.5.9-2.6.9Z"/>
+      </g>
+    </g>
+  </g>
+</svg>

package/assets/casoon-logo.svg

@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Ebene_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 450 121.8">
+  <!-- Generator: Adobe Illustrator 29.6.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 9)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: none;
+      }
+
+      .st1 {
+        isolation: isolate;
+      }
+
+      .st2 {
+        fill: #575756;
+      }
+
+      .st3 {
+        fill: #e52248;
+      }
+    </style>
+  </defs>
+  <g>
+    <path class="st0" d="M242.4,68c2.3,2.1,5.1,3.1,8.3,3.1h18.5c3.3,0,6.1-1,8.4-3.1s3.4-4.5,3.4-7.4v-12h-42.1v12c0,2.9,1.2,5.4,3.5,7.4h0Z"/>
+    <path class="st0" d="M355.7,18.6c-2.3-2.1-5.1-3.1-8.4-3.1h-18.5c-3.3,0-6,1-8.3,3.1s-3.5,4.5-3.5,7.4v12.7h42.1v-12.7c0-2.9-1.1-5.3-3.4-7.4h0Z"/>
+    <path class="st0" d="M277.6,18.6c-2.3-2.1-5.1-3.1-8.4-3.1h-18.5c-3.3,0-6,1-8.3,3.1s-3.5,4.5-3.5,7.4v12.7h42.1v-12.7c0-2.9-1.1-5.3-3.4-7.4Z"/>
+    <path class="st0" d="M320.6,68c2.3,2.1,5.1,3.1,8.3,3.1h18.5c3.3,0,6.1-1,8.4-3.1s3.4-4.5,3.4-7.4v-12h-42.1v12c0,2.9,1.2,5.4,3.5,7.4h0Z"/>
+    <path class="st3" d="M16.3,6.8c-3.4,2-6.1,4.7-8.1,8s-3,7.1-3,11.2v34.9c0,4,1,7.6,3,10.9s4.7,5.9,8.1,7.9c3.4,2,7.2,2.9,11.3,2.9h41.3v-11.7H27.6c-3,0-5.5-1-7.7-3-2.1-2-3.2-4.4-3.2-7.2V26c0-2.9,1.1-5.4,3.2-7.5s4.7-3.1,7.7-3.1h41.3V3.9H27.6c-4.1,0-7.9,1-11.3,3h0Z"/>
+    <polygon class="st3" points="102.6 3.9 74.3 82.7 86.8 82.7 109.9 19.2 120.1 47.3 106.5 47.3 102.3 59 124.3 59 132.9 82.7 145.4 82.7 117.2 3.9 102.6 3.9"/>
+    <path class="st3" d="M206,38.4c-3-1.7-6.2-2.6-9.9-2.6h-25.1c-2.1,0-4-.7-5.5-2.1-1.6-1.4-2.3-3.1-2.3-5v-5.4c0-2.1.8-4,2.3-5.5s3.4-2.3,5.5-2.3h40.8V3.9h-40.8c-3.6,0-6.9.9-9.8,2.6-3,1.7-5.3,4-7.1,6.9s-2.6,6.1-2.6,9.6v5.8c0,3.4.9,6.6,2.6,9.4,1.8,2.8,4.1,5.1,7.1,6.8s6.3,2.5,9.8,2.5h25.1c2.2,0,4,.7,5.6,2.2,1.5,1.5,2.3,3.3,2.3,5.3v8.5c0,2.1-.8,3.8-2.3,5.3s-3.4,2.2-5.6,2.2h-44.6v11.7h44.6c3.6,0,6.9-.9,9.9-2.6s5.3-4,7.1-6.9,2.6-6.1,2.6-9.6v-8.6c0-3.5-.9-6.7-2.6-9.6-1.8-2.9-4.1-5.2-7.1-6.9h0Z"/>
+    <path class="st3" d="M281,60.6c0,2.9-1.1,5.4-3.4,7.4-2.3,2.1-5.1,3.1-8.4,3.1h-18.5c-3.3,0-6-1-8.3-3.1s-3.5-4.5-3.5-7.4v-12h-11.7v12c0,4.1,1.1,7.8,3.2,11.1,2.1,3.4,5,6,8.5,8s7.5,3,11.8,3h18.5c4.3,0,8.3-1,11.8-3,3.6-2,6.4-4.7,8.5-8s3.2-7.1,3.2-11.1v-12h-11.7v12Z"/>
+    <path class="st3" d="M238.9,26c0-2.9,1.2-5.3,3.5-7.4s5.1-3.1,8.3-3.1h18.5c3.3,0,6.1,1,8.4,3.1s3.4,4.5,3.4,7.4v12.7h11.7v-12.7c0-4.1-1.1-7.8-3.2-11.2-2.1-3.3-4.9-6-8.5-8s-7.5-3-11.8-3h-18.5c-4.3,0-8.3,1-11.8,3s-6.4,4.7-8.5,8-3.2,7.1-3.2,11.2v12.7h11.7v-12.7h0Z"/>
+    <path class="st3" d="M359.2,60.6c0,2.9-1.1,5.4-3.4,7.4-2.3,2.1-5.1,3.1-8.4,3.1h-18.5c-3.3,0-6-1-8.3-3.1s-3.5-4.5-3.5-7.4v-12h-11.7v12c0,4.1,1.1,7.8,3.2,11.1s5,6,8.5,8,7.5,3,11.8,3h18.5c4.3,0,8.3-1,11.8-3,3.6-2,6.4-4.7,8.5-8,2.1-3.4,3.2-7.1,3.2-11.1v-12h-11.7v12Z"/>
+    <path class="st3" d="M317.1,26c0-2.9,1.2-5.3,3.5-7.4s5.1-3.1,8.3-3.1h18.5c3.3,0,6.1,1,8.4,3.1s3.4,4.5,3.4,7.4v12.7h11.7v-12.7c0-4.1-1.1-7.8-3.2-11.2-2.1-3.3-4.9-6-8.5-8s-7.5-3-11.8-3h-18.5c-4.3,0-8.3,1-11.8,3s-6.4,4.7-8.5,8-3.2,7.1-3.2,11.2v12.7h11.7v-12.7Z"/>
+    <polygon class="st3" points="433.1 3.9 433.1 65.8 398.8 3.9 383.6 3.9 383.6 82.7 395.3 82.7 395.3 21.6 429.6 82.7 444.8 82.7 444.8 3.9 433.1 3.9"/>
+  </g>
+  <g class="st1">
+    <g class="st1">
+      <g class="st1">
+        <path class="st2" d="M71.7,114.3v-11.8h3.3c.8,0,1.4.1,2,.4.6.3,1,.7,1.3,1.3.3.5.5,1.2.5,1.9v4.5c0,.7-.2,1.4-.5,1.9-.3.5-.8,1-1.3,1.3-.6.3-1.2.5-2,.5h-3.3ZM73.5,112.7h1.5c.6,0,1.1-.2,1.5-.5.4-.4.6-.9.6-1.5v-4.5c0-.6-.2-1.1-.6-1.5-.4-.4-.9-.6-1.5-.6h-1.5v8.6Z"/>
+        <path class="st2" d="M81.6,114.3v-11.8h6.9v1.5h-5.2v3.3h4.6v1.5h-4.6v3.8h5.2v1.5h-6.9Z"/>
+        <path class="st2" d="M94.6,114.5c-1.2,0-2.1-.3-2.8-.9-.7-.6-1-1.4-1-2.5h1.7c0,.6.2,1.1.6,1.4.4.3.9.5,1.5.5s1.1-.2,1.5-.5.5-.8.5-1.4-.1-.8-.4-1.1c-.2-.3-.6-.5-1-.7l-1.7-.5c-.8-.2-1.4-.6-1.9-1.2-.5-.6-.7-1.3-.7-2s.1-1.2.4-1.7c.3-.5.7-.9,1.2-1.1.5-.3,1.1-.4,1.8-.4s1.3.1,1.8.4c.5.3.9.6,1.2,1.1s.4,1,.4,1.7h-1.7c0-.5-.2-.9-.5-1.2-.3-.3-.8-.5-1.3-.5s-1,.2-1.3.5c-.3.3-.5.7-.5,1.2s.1.7.3,1c.2.3.5.5.9.6l1.7.5c.8.2,1.5.6,1.9,1.3.5.6.7,1.4.7,2.2s-.2,1.3-.5,1.8c-.3.5-.7.9-1.3,1.2-.6.3-1.2.4-2,.4Z"/>
+        <path class="st2" d="M101,114.3v-1.6h2.4v-8.6h-2.4v-1.6h6.5v1.6h-2.4v8.6h2.4v1.6h-6.5Z"/>
+        <path class="st2" d="M113.9,114.5c-1.1,0-2-.3-2.6-.9-.6-.6-1-1.5-1-2.5v-5.2c0-1.1.3-1.9,1-2.5.6-.6,1.5-.9,2.6-.9s2,.3,2.6.9,1,1.5,1,2.5h-1.7c0-.6-.2-1.1-.5-1.4-.3-.3-.8-.5-1.4-.5s-1,.2-1.4.5c-.3.3-.5.8-.5,1.4v5.2c0,.6.2,1.1.5,1.4.3.3.8.5,1.4.5s1-.2,1.4-.5c.3-.3.5-.8.5-1.4v-1.4h-2.2v-1.5h3.9v3c0,1.1-.3,1.9-1,2.5s-1.5.9-2.6.9Z"/>
+        <path class="st2" d="M120,114.3v-11.8h2.2l3.4,9.8c0-.3,0-.7,0-1.1,0-.4,0-.9,0-1.3,0-.5,0-.9,0-1.3v-6.1h1.6v11.8h-2.2l-3.4-9.8c0,.3,0,.6,0,1.1,0,.4,0,.8,0,1.3,0,.5,0,.9,0,1.3v6.2h-1.6Z"/>
+        <path class="st2" d="M142.8,114.5c-.4,0-.8-.1-1-.4-.3-.3-.4-.6-.4-1s.1-.8.4-1c.3-.3.6-.4,1-.4s.8.1,1,.4c.3.3.4.6.4,1s-.1.8-.4,1c-.3.3-.6.4-1,.4Z"/>
+        <path class="st2" d="M162.2,114.5c-1.2,0-2.1-.3-2.8-.9-.7-.6-1-1.4-1-2.5h1.7c0,.6.2,1.1.6,1.4.4.3.9.5,1.5.5s1.1-.2,1.5-.5.5-.8.5-1.4-.1-.8-.4-1.1c-.2-.3-.6-.5-1-.7l-1.7-.5c-.8-.2-1.4-.6-1.9-1.2-.5-.6-.7-1.3-.7-2s.1-1.2.4-1.7c.3-.5.7-.9,1.2-1.1.5-.3,1.1-.4,1.8-.4s1.3.1,1.8.4c.5.3.9.6,1.2,1.1s.4,1,.4,1.7h-1.7c0-.5-.2-.9-.5-1.2-.3-.3-.8-.5-1.3-.5s-1,.2-1.3.5c-.3.3-.5.7-.5,1.2s.1.7.3,1c.2.3.5.5.9.6l1.7.5c.8.2,1.5.6,1.9,1.3.5.6.7,1.4.7,2.2s-.2,1.3-.5,1.8c-.3.5-.7.9-1.3,1.2-.6.3-1.2.4-2,.4Z"/>
+        <path class="st2" d="M171,114.3v-10.2h-3.1v-1.6h8v1.6h-3.2v10.2h-1.7Z"/>
+        <path class="st2" d="M178,114.3v-11.8h3.7c.7,0,1.4.1,1.9.4.6.3,1,.7,1.3,1.2.3.5.5,1.1.5,1.8s-.2,1.5-.6,2c-.4.6-.9,1-1.6,1.2l2.4,5h-1.9l-2.2-4.8h-1.7v4.8h-1.7ZM179.7,107.9h1.9c.6,0,1-.2,1.4-.5.3-.3.5-.8.5-1.4s-.2-1.1-.5-1.4c-.3-.3-.8-.5-1.4-.5h-1.9v3.8Z"/>
+        <path class="st2" d="M187,114.3l3-11.8h2.3l3,11.8h-1.8l-.7-3h-3.3l-.7,3h-1.8ZM189.8,109.9h2.7l-.8-3.4c-.1-.6-.3-1.1-.3-1.6s-.2-.7-.2-.9c0,.2,0,.5-.2.9s-.2,1-.4,1.5l-.8,3.4Z"/>
+        <path class="st2" d="M199.9,114.3v-10.2h-3.1v-1.6h8v1.6h-3.2v10.2h-1.7Z"/>
+        <path class="st2" d="M207.2,114.3v-11.8h6.9v1.5h-5.2v3.3h4.6v1.5h-4.6v3.8h5.2v1.5h-6.9Z"/>
+        <path class="st2" d="M220.2,114.5c-1.1,0-2-.3-2.6-.9-.6-.6-1-1.5-1-2.5v-5.2c0-1.1.3-1.9,1-2.5.6-.6,1.5-.9,2.6-.9s2,.3,2.6.9,1,1.5,1,2.5h-1.7c0-.6-.2-1.1-.5-1.4-.3-.3-.8-.5-1.4-.5s-1,.2-1.4.5c-.3.3-.5.8-.5,1.4v5.2c0,.6.2,1.1.5,1.4.3.3.8.5,1.4.5s1-.2,1.4-.5c.3-.3.5-.8.5-1.4v-1.4h-2.2v-1.5h3.9v3c0,1.1-.3,1.9-1,2.5s-1.5.9-2.6.9Z"/>
+        <path class="st2" d="M226.5,114.3v-1.6h2.4v-8.6h-2.4v-1.6h6.5v1.6h-2.4v8.6h2.4v1.6h-6.5Z"/>
+        <path class="st2" d="M236.1,114.3v-11.8h6.9v1.5h-5.2v3.3h4.6v1.5h-4.6v3.8h5.2v1.5h-6.9Z"/>
+        <path class="st2" d="M258.8,114.5c-.4,0-.8-.1-1-.4-.3-.3-.4-.6-.4-1s.1-.8.4-1,.6-.4,1-.4.8.1,1,.4c.3.3.4.6.4,1s-.1.8-.4,1c-.3.3-.6.4-1,.4Z"/>
+        <path class="st2" d="M274.8,114.3v-11.8h6.9v1.5h-5.2v3.3h4.6v1.5h-4.6v3.8h5.2v1.5h-6.9Z"/>
+        <path class="st2" d="M284.2,114.3v-11.8h2.2l3.4,9.8c0-.3,0-.7,0-1.1,0-.4,0-.9,0-1.3,0-.5,0-.9,0-1.3v-6.1h1.6v11.8h-2.2l-3.4-9.8c0,.3,0,.6,0,1.1s0,.8,0,1.3c0,.5,0,.9,0,1.3v6.2h-1.6Z"/>
+        <path class="st2" d="M296.5,114.3v-10.2h-3.1v-1.6h8v1.6h-3.2v10.2h-1.7Z"/>
+        <path class="st2" d="M303.8,114.3l-1.3-11.8h1.5l.8,8.4c0,.3,0,.7,0,1.1s0,.7,0,1c0-.3,0-.6,0-1s0-.8.1-1.1l1.1-8.4h1.6l1,8.4c0,.3,0,.7.1,1.1,0,.4,0,.7.1,1,0-.3,0-.6,0-1,0-.4,0-.8,0-1.1l.8-8.4h1.5l-1.4,11.8h-2l-1-8.5c0-.3,0-.7,0-1.1,0-.4,0-.7,0-1,0,.2,0,.6,0,1,0,.4,0,.8-.1,1.1l-1,8.5h-2Z"/>
+        <path class="st2" d="M313.5,114.3v-1.6h2.4v-8.6h-2.4v-1.6h6.5v1.6h-2.4v8.6h2.4v1.6h-6.5Z"/>
+        <path class="st2" d="M326.5,114.5c-1.1,0-2-.3-2.6-.9s-1-1.5-1-2.5v-5.2c0-1.1.3-1.9,1-2.5.6-.6,1.5-.9,2.6-.9s2,.3,2.6.9c.6.6,1,1.5,1,2.5h-1.7c0-.6-.2-1.1-.5-1.4-.3-.3-.8-.5-1.4-.5s-1,.2-1.4.5c-.3.3-.5.8-.5,1.4v5.2c0,.6.2,1.1.5,1.4.3.3.8.5,1.4.5s1-.2,1.4-.5c.3-.3.5-.8.5-1.4h1.7c0,1.1-.3,1.9-1,2.5-.7.6-1.5.9-2.6.9Z"/>
+        <path class="st2" d="M332.6,114.3v-11.8h1.7v4.9h1.6l2.4-4.9h1.9l-2.8,5.6,2.9,6.1h-2l-2.5-5.3h-1.5v5.3h-1.7Z"/>
+        <path class="st2" d="M342.9,114.3v-11.8h1.7v10.2h5.1v1.6h-6.9Z"/>
+        <path class="st2" d="M355.4,114.5c-1.1,0-2-.3-2.6-.9-.6-.6-.9-1.5-.9-2.5v-8.5h1.7v8.5c0,.6.1,1.1.5,1.4s.7.5,1.3.5,1-.2,1.3-.5.5-.8.5-1.4v-8.5h1.7v8.5c0,1.1-.3,1.9-.9,2.5-.6.6-1.5.9-2.6.9Z"/>
+        <path class="st2" d="M361.5,114.3v-11.8h2.2l3.4,9.8c0-.3,0-.7,0-1.1,0-.4,0-.9,0-1.3,0-.5,0-.9,0-1.3v-6.1h1.6v11.8h-2.2l-3.4-9.8c0,.3,0,.6,0,1.1,0,.4,0,.8,0,1.3,0,.5,0,.9,0,1.3v6.2h-1.6Z"/>
+        <path class="st2" d="M374.8,114.5c-1.1,0-2-.3-2.6-.9-.7-.6-1-1.5-1-2.5v-5.2c0-1.1.3-1.9,1-2.5.6-.6,1.5-.9,2.6-.9s2,.3,2.6.9,1,1.5,1,2.5h-1.7c0-.6-.2-1.1-.5-1.4-.3-.3-.8-.5-1.4-.5s-1,.2-1.4.5c-.3.3-.5.8-.5,1.4v5.2c0,.6.2,1.1.5,1.4.3.3.8.5,1.4.5s1-.2,1.4-.5.5-.8.5-1.4v-1.4h-2.2v-1.5h3.9v3c0,1.1-.3,1.9-1,2.5s-1.5.9-2.6.9Z"/>
+      </g>
+    </g>
+  </g>
+</svg>

package/assets/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><rect x="11.55" y="11.48" width="476.9" height="477.03" rx="10" fill="none" stroke="#e52248" stroke-width="8"/><path fill="#e52248" d="M169.49,108.38c-13.22,7.76-23.78,18.14-31.69,31.15-7.9,13.01-11.85,27.49-11.85,43.44v135.58c0,15.52,3.95,29.71,11.85,42.57,7.9,12.86,18.47,23.1,31.69,30.72,13.22,7.62,27.88,11.42,43.97,11.42h160.59v-45.48h-160.59c-11.64,0-21.55-3.91-29.75-11.74-8.19-7.83-12.28-17.21-12.28-28.13v-134.93c0-11.35,4.09-21.01,12.28-28.99,8.19-7.98,18.11-11.96,29.75-11.96h160.59v-45.26h-160.59c-16.09,0-30.75,3.88-43.97,11.64Z"/></svg>

package/components/AnchorGrid.astro

@@ -0,0 +1,135 @@
+---
+/**
+ * Cards right under the hero, each jumping to a section further down the page (or out, to a
+ * doc). For projects with more than one entry point or audience — "what's in it for you,
+ * specifically" before the long-form pitch. The solid label pill reuses the Hero `step` pill;
+ * the tinted card background reuses the brand/accent-soft tokens Callout already carries.
+ */
+import config from 'virtual:casoon-pages/config';
+import { t } from '../lib/i18n';
+
+interface Props {
+  items: {
+    label: string;
+    title: string;
+    body: string;
+    href: string;
+    tone?: 'accent' | 'brand';
+  }[];
+  /** Section label above the grid. Omitted: the grid carries no heading of its own. */
+  heading?: string;
+}
+
+// Paper, ink, accent in turn. `tone` is kept for
+// compatibility but no longer picks the colour.
+const TONES = ['paper', 'ink', 'accent'];
+const { items, heading } = Astro.props;
+---
+
+<nav class="anchor-grid" aria-label={heading ?? t(config.lang).overview}>
+  {heading && <p class="cp-label">{heading}</p>}
+  <ul>
+    {
+      items.map((item, i) => (
+        <li>
+          <a class={TONES[i % TONES.length]} href={item.href}>
+            <span class="label">{item.label}</span>
+            <h2>{item.title}</h2>
+            <p>{item.body}</p>
+            <span class="go" aria-hidden="true">
+              →
+            </span>
+          </a>
+        </li>
+      ))
+    }
+  </ul>
+</nav>
+
+<style>
+  .anchor-grid {
+    max-width: var(--max);
+    margin: 0 auto;
+    padding: 80px 24px;
+  }
+  ul {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
+    gap: 20px;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  /* 4px edge in a lighter shade of the card. */
+  a {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    height: 100%;
+    min-height: 260px;
+    padding: 20px 20px 64px;
+    border: 4px solid #fff;
+    border-radius: var(--r-step);
+    color: var(--heading);
+    transition: transform 0.2s ease;
+  }
+  a:hover {
+    transform: translateY(-3px);
+  }
+  a.paper {
+    background: var(--bg);
+  }
+  a.ink {
+    border-color: #5b5854;
+    background: #11100e;
+    color: #fff;
+  }
+  a.accent {
+    border-color: var(--accent-edge);
+    background: var(--accent-fill);
+    color: #fff;
+  }
+  :global([data-theme='dark']) a.paper {
+    border-color: var(--border-strong);
+  }
+  .label {
+    align-self: flex-start;
+    padding: 4px 10px;
+    border-radius: 7px;
+    background: #fff;
+    box-shadow:
+      0 1px 1px rgb(0 0 0 / 0.3),
+      inset 0 0.5px 0 rgb(255 255 255 / 0.5);
+    color: #11100e;
+    font-size: 14px;
+    line-height: 1.6;
+  }
+  h2 {
+    margin: 0;
+    color: inherit;
+    font-size: 20px;
+    font-weight: 600;
+    letter-spacing: -0.01em;
+    line-height: 1.3;
+  }
+  p {
+    margin: 0;
+    color: inherit;
+    font-size: 16px;
+    line-height: 1.5;
+  }
+  .go {
+    position: absolute;
+    left: 20px;
+    bottom: 16px;
+    font-size: 40px;
+    font-weight: 200;
+    line-height: 1;
+    transition: transform 0.2s ease;
+  }
+  a:hover .go,
+  a:focus-visible .go {
+    transform: translateX(4px);
+  }
+</style>