# Muse Spark 1.3 · 100 HTML Files

One hundred self-contained visual studies — generative art, physics toys,
typography & interfaces — generated with Muse Spark.

**Gallery:** open `index.html` in a browser (works offline). Every card links
the piece (opens in a new tab) and has an expandable **Prompt** section with
the original generation prompt.

## Contents

| File | What it is |
|---|---|
| `index.html` | Gallery page: thumbnails, search filter, per-piece prompt (collapsible) |
| `001-…html` … `100-…html` | The 100 standalone pieces (all CSS/JS inline, zero external deps) |
| `001-…txt` … `100-…txt` | The full generation prompt behind each piece |
| `thumbs/*.jpg` | 1280×800 screenshots, one per piece (see below) |
| `tools/shoot.mjs` | Screenshot script (Playwright) that renders `thumbs/` |
| `favicon.svg` | Gallery icon |

Each HTML file works by simply opening it — no server, no network, no build.

## Screenshots

`thumbs/` images are captured with Playwright + Chromium:

```sh
npm i playwright
node tools/shoot.mjs
```

This opens every `NNN-*.html` at 1280×800, waits ~2.5 s, and saves
`thumbs/NNN-*.jpg`. Re-run after editing any piece.

## Publish to GitHub Pages

```sh
cd /home/zurih/MiaAI_Lab/llm_tests/muse/100
gh repo create MiaAI-Lab/Muse-Spark-1.3-HTML-Files --public --source=. --push
gh api repos/MiaAI-Lab/Muse-Spark-1.3-HTML-Files/pages -X POST \
  -f build_type=workflow \
  -f source='{"branch":"main","path":"/"}'
```

The gallery is then live at
`https://miaai-lab.github.io/Muse-Spark-1.3-HTML-Files/`.