diff --git a/CHANGELOG.md b/CHANGELOG.md index 111bf65..50fb0e0 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,13 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ## [Unreleased] +### Changed + +- Bigger footer built-by mark. `BuiltByMark` defaults the artwork to + `h-10 w-auto` (40 px, matching the brand docs footer) via the new + `markClass` prop, and `Footer` moves the copyright into the identity + column directly below the mark: identity → mark → copyright. + ## [0.0.1-SNAPSHOT.6] - 2026-09-14 ### Added diff --git a/README.md b/README.md index 32e66c3..5cdfa71 100644 --- a/README.md +++ b/README.md @@ -249,14 +249,14 @@ Every component lives at `@kolektiv/common-docs-chrome/astro/.astro`: | `DocsLayout.astro` | Primary docs shell (sidebar lockup, navbar, footer) | | `Navbar.astro` | Sticky navbar with the current page label and controls | | `Sidebar.astro` | Categorised nav, optional per-item icons, active highlight | -| `Footer.astro` | Footer with links and the built-by mark | +| `Footer.astro` | Footer with links, the identity lockup, the built-by mark and copyright | | `ThemePicker.astro` | Site themes grouped by family + curated code themes | | `LangToggle.astro` | Language switch (renders only when `langs` is set) | | `Switcher.astro` | Generic segmented switcher (renders a `SwitcherConfig`) | | `FrameworkPicker.astro` | Framework switch (renders only when `frameworks` is set) | | `ScmMenu.astro` | Source-control link (one) or popover menu (many) | | `Mark.astro` | Logo/mark image, with the `@kolektiv/brand-core` icon mark as fallback | -| `BuiltByMark.astro` | Always-on "Built by Kolektiv Computing" mark | +| `BuiltByMark.astro` | Always-on "Built by Kolektiv Computing" mark; `markClass` sizes the artwork (default `h-10 w-auto`) | | `SearchDialog.astro` | Client-side search over the configured nav | `@kolektiv/common-docs-chrome/astro` also exports `ASTRO_COMPONENTS` (a map of @@ -530,6 +530,14 @@ Every Kolektiv documentation site must show the "Built by Kolektiv Computing" mark. `Footer.astro` **always** renders `BuiltByMark.astro`; do not remove it. Override only the destination/label via `config.builtBy`. +The footer identity column reads top-to-bottom as the `Mark` + `config.name` +lockup, the tagline, the built-by mark (a slightly larger gap below the +identity), then the copyright line (a small gap above it). `BuiltByMark` takes +`markClass` for the artwork classes — default `h-10 w-auto`, matching the brand +docs footer — and `class` for the `` wrapper. The artwork viewBox is +2761×1415 (about 1.95:1), so size it by height; never use square `size-*` +utilities. + ## Brand mark The Kolektiv brand artwork is not vendored here. `Mark.astro` and diff --git a/src/astro/BuiltByMark.astro b/src/astro/BuiltByMark.astro index e081c75..d919b32 100644 --- a/src/astro/BuiltByMark.astro +++ b/src/astro/BuiltByMark.astro @@ -5,9 +5,10 @@ import type { DocsChromeConfig } from '@kolektiv/common-docs-chrome'; interface Props { config?: DocsChromeConfig; class?: string; + markClass?: string; } -const { config, class: className = '' } = Astro.props; +const { config, class: className = '', markClass = 'h-10 w-auto' } = Astro.props; const builtBy = config?.builtBy ?? {}; const href = builtBy.href ?? 'https://kolektiv.computer'; const label = builtBy.label ?? 'Built by Kolektiv Computing'; @@ -16,7 +17,7 @@ const mark = renderBrandMark({ variant: 'builtByMark', title: label, color: 'currentColor', - className: 'h-5 w-auto', + className: markClass, }); --- @@ -29,7 +30,7 @@ const mark = renderBrandMark({ > { builtBy.mark ? ( - + ) : ( ) diff --git a/src/astro/Footer.astro b/src/astro/Footer.astro index b0ae651..cd0b447 100644 --- a/src/astro/Footer.astro +++ b/src/astro/Footer.astro @@ -26,7 +26,8 @@ const links = config.footer?.links ?? []; {config.name} {config.footer?.tagline &&

{config.footer.tagline}

} - + +

{copyright}

{ @@ -46,9 +47,5 @@ const links = config.footer?.links ?? []; ) } - -
-

{copyright}

-