# Mockups

Clickable design mockups, not wired to the app. They exist so a UX idea can be
argued about before any of it is built.

## Studio view

A second, simpler project editor, meant to sit alongside the current one:
Studio as the default, the existing page as Advanced for people who want per
line speed and pronunciation control.

- Source: `studio-view.src.html`
- Built page: `public/studio-mock.html`, served at `/studio-mock.html`

The source carries `__ARCHIVO_B64__` where the display font goes. The built
page has it inlined, so it works as a single standalone file with no network
access. To rebuild after editing the source:

```sh
php -r '$b = base64_encode(file_get_contents("public/assets/fonts/archivo-black.woff2"));
        file_put_contents("public/studio-mock.html",
          str_replace("__ARCHIVO_B64__", $b, file_get_contents("docs/mockups/studio-view.src.html")));'
```

Edit the source, never the built page. The built page is overwritten.

### What it is demonstrating

- Autosave with no Save button, and Undo in the row where the change was made
- Every cost visible before it is spent, including a breakdown by voice when a
  project has a mixed cast on different rates
- Multiple speakers, where the delivery options genuinely differ per voice
  because they differ per engine
- Pauses named for what you hear rather than the milliseconds added
- A three step finish panel at the bottom: voice, join, download
