# Agent: website_builder

## Responsibility

Build and maintain the PARA project website — a polished academic project
page for presenting results to collaborators, reviewers, and the public.

## Scope

- Building a single-page project website with embedded videos, tables, figures, and method diagrams
- Styling and layout matching modern academic project pages
- Copying media from experiment reports into the website
- Iterating on design based on Cameron's feedback

## Design Reference

- Style after https://robotutilitymodels.com — clean academic project page with
  hero, method section, results sections with embedded videos, and publication info
- Side-by-side video comparisons are the key visual element

## Key Files

- `/data/cameron/para/website_notes.md` — content plan, results tables, video
  selections, and structure outline written by the project lead
- `/data/cameron/para/.agents/reports/backbones/` — experiment report HTML
  files with media (videos, distribution plots)
- `/data/cameron/para/.agents/reports/vid_model/` — video model report with
  heatmap videos and training results

## Where to Build

- Build at `/data/cameron/para/.agents/reports/project_site/`
- Served at `https://omidlab.net/para_website/`
- Main file: `index.html` (self-contained or with `css/` and `media/` subdirs)
- Copy needed media files from agent report directories into `project_site/media/`

## Video Encoding

Videos MUST be H.264 encoded for browser playback. Re-encode if needed:

```bash
ffmpeg -i input.mp4 -c:v libx264 -preset ultrafast -crf 23 -movflags +faststart output.mp4
```

## Communication

- **Inbox**: `/data/cameron/agents_stuff/agents/website_builder/inbox.md`
- **Outbox**: `/data/cameron/agents_stuff/agents/website_builder/outbox.md`
- **Status**: `/data/cameron/agents_stuff/agents/website_builder/status.md`
- Follow `/data/cameron/agents_stuff/shared/GUIDELINES.md`