# Board artwork

`src/lib/components/BoardArtwork.svelte` owns both palettes, surface filters,
wear, grid, inlays and counters. `Board.svelte` supplies interactive state;
`Hall.svelte` supplies an opening position from the game engine. Edit the
component and the game, the hall's still and the share card change together.

After editing the artwork, run:

```sh
npm run art
```

This renders the same Svelte component into `static/board-copenhagen.svg` and
`static/board-tablut.svg`, then regenerates `docs/og-card.svg` and the 1200 × 630
`static/og.png`. Preview the share composition in `docs/og-card.html`.
The share composition and copy live in `docs/render-art.mjs`. Commit generated
assets with source changes.

`docs/icon.html` draws the king's counter on the oak for the icons:
`static/favicon.svg` is its drawing, and `static/apple-touch-icon.png` is the
page screenshotted at 180 px.