# Mistral Cycles, Handbuilt Steel Frames — React template

The same page as the HTML download, as a Vite + React app.

```bash
npm install
npm run dev
```

```
src/App.tsx              the page — edit this
src/mistral-cycles.module.css its stylesheet, a CSS module
src/main.tsx             mounts App
public/images/           the photography this page uses
```

## The patterns

Blocks of pattern are `<TabbiedPattern>` elements from
[tabbied](https://www.npmjs.com/package/tabbied) (v0.4.0), rendered live by
[css-doodle](https://css-doodle.com/) — not images:

```tsx
<TabbiedPattern pattern={ortho} palette={['transparent', '#C9C8C1']} fit="grid" />
```

Swap `pattern` for any of the 254 designs (see https://tabbied.com), change
`palette` to recolour, or set `seed` to pin one arrangement.

## Images

The photography is AI-generated and ships with this template.
