# Tellonym UI prototype

Standalone HTML, CSS, and JavaScript for the approved Tellonym redesign. Open `round-4/` for the interactive workbench or `round-4/component-iterations.html` for the approved component studies.

The workbench includes Tell and Answer builders, populated feed/inbox/archive/profile screens, conversations, loading/error states, motion examples, and light/dark previews. Home, Share, and Inbox use Hugeicons Rounded. This is a browser prototype with fixture data; production app code, APIs, and `ViewShotSticker._takeViewShot` are unchanged.

## Preview locally

From the repository root:

```sh
python3 -m http.server 8080 --directory prototypes/tellonym-redesign
```

Open `http://localhost:8080/`. Query parameters such as `?screen=feed`, `?theme=dark`, and `?capture=1` work on the root URL and on `/round-4/`.

## Cloudflare Pages

Deploy this entire directory, preserving its structure. The shared `assets/` folder and `round-4/assets/` are both required. There are no dependencies to install and no build step.

For a Pages project connected to this Git repository:

| Setting | Value |
| --- | --- |
| Framework preset | None |
| Root directory | `prototypes/tellonym-redesign` |
| Build command | `exit 0` |
| Build output directory | `.` |

Choose the production branch appropriate for the review site; this PR targets `develop`. Enable a branch preview to review the PR before merging. Alternatively, use Pages Direct Upload with `prototypes/tellonym-redesign` as the upload directory.

The root entry redirects to `/round-4/` while retaining query parameters and the fragment. Assets are local to the deployment: photos, Tello illustrations, brand artwork, icons, styles, scripts, and fixture definitions. System fonts and standard emoji follow the viewer's operating system. Profile-link copying uses the browser clipboard; browser permission rules still apply. State changes remain in the current browser session and are not saved to a backend.

Local review exports, previous design rounds, and screenshot-download controls are outside this package. The live workbench and the linked approved component study are included.

Official setup: [static HTML](https://developers.cloudflare.com/pages/framework-guides/deploy-anything/), [Direct Upload](https://developers.cloudflare.com/pages/get-started/direct-upload/), [build configuration](https://developers.cloudflare.com/pages/configuration/build-configuration/).

## Asset credits

Content icons use Phosphor under MIT; original vectors and license are in `round-4/assets/icons/phosphor/`. The approved navigation icons use Hugeicons Stroke Rounded under MIT; originals and license are in `round-4/assets/navigation/`. Other image source and generation records are alongside the assets. Matching paid Hugeicons solid variants are not included.