Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 7 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
12 changes: 10 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -249,14 +249,14 @@ Every component lives at `@kolektiv/common-docs-chrome/astro/<Name>.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
Expand Down Expand Up @@ -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 `<a>` 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
Expand Down
7 changes: 4 additions & 3 deletions src/astro/BuiltByMark.astro
Original file line number Diff line number Diff line change
Expand Up @@ -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';
Expand All @@ -16,7 +17,7 @@ const mark = renderBrandMark({
variant: 'builtByMark',
title: label,
color: 'currentColor',
className: 'h-5 w-auto',
className: markClass,
});
---

Expand All @@ -29,7 +30,7 @@ const mark = renderBrandMark({
>
{
builtBy.mark ? (
<img src={builtBy.mark} alt="" class="size-5 shrink-0" />
<img src={builtBy.mark} alt="" class:list={['shrink-0', markClass]} />
) : (
<Fragment set:html={mark} />
)
Expand Down
7 changes: 2 additions & 5 deletions src/astro/Footer.astro
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,8 @@ const links = config.footer?.links ?? [];
<span class="font-display text-xl tracking-tight">{config.name}</span>
</div>
{config.footer?.tagline && <p class="mt-3">{config.footer.tagline}</p>}
<BuiltByMark config={config} class="mt-4" />
<BuiltByMark config={config} class="mt-5" />
<p class="mt-3 text-xs">{copyright}</p>
</aside>

{
Expand All @@ -46,9 +47,5 @@ const links = config.footer?.links ?? [];
</nav>
)
}

<div class="w-full border-t border-base-300 pt-4 text-xs sm:w-auto sm:border-0 sm:pt-0">
<p>{copyright}</p>
</div>
</div>
</footer>
Loading