# Deploy page screenshots

Drop screenshots here, then they appear automatically on `/deploy.html`.

Each placeholder on the deploy page references one of these filenames. To use a
real image, open `mags/website/deploy.html`, find the matching placeholder
(`<div class="shot-ph">…</div>`) and replace that whole block with an `<img>`:

```html
<img src="screenshots/dashboard.png" alt="Mags project dashboard">
```

Expected files (PNG or JPG; ~1600px wide looks crisp on retina):

| File                      | Where it shows                          |
|---------------------------|-----------------------------------------|
| `dashboard.png`           | "See It In Action" — full project canvas |
| `deploy-history.png`      | Gallery — Deployments / rollback        |
| `metrics.png`             | Gallery — live CPU/memory/uptime        |
| `logs.png`                | Gallery — streaming container logs      |
| `domains.png`             | Gallery — custom domains                 |

Tips:
- The frame already supplies the browser chrome (dots + address bar), so capture
  just the app content, not your whole browser window.
- Keep aspect ratios consistent within the gallery (the 4 gallery shots sit in a
  2-column grid).
