# New Plan Interactive Roadmap

This is a static GitHub Pages site generated from the New plan roadmap slide.

## What it does

- Shows the roadmap as a clickable timeline.
- Each bar, green diamond, and orange bolt links to a detail page.
- The detail page shows inputs needed, dependencies, exit criteria, open questions, risk, date confidence, and source notes.
- No build step or JavaScript framework is required.

## Files

- `index.html` - interactive roadmap timeline.
- `detail.html` - item detail page.
- `data.html` - searchable data table.
- `data.js` - editable roadmap data.
- `styles.css` - visual styling.
- `app.js`, `detail.js`, `table.js` - page logic.
- `.nojekyll` - keeps GitHub Pages from applying Jekyll processing.

## Deploy to GitHub Pages

1. Create a new GitHub repository.
2. Upload all files in this folder to the repository root.
3. Go to Settings > Pages.
4. Under Build and deployment, select Deploy from a branch.
5. Select branch `main` and folder `/root`.
6. Save. Your site will publish at `https://YOUR-USERNAME.github.io/YOUR-REPO/`.

## Editing the roadmap

Edit `data.js`. Each item has fields like:

- `title`
- `lane`
- `type`
- `startDate`
- `endDate`
- `inputsNeeded`
- `dependsOn`
- `exitCriteria`
- `openQuestions`
- `risk`

Dates use `YYYY-MM-DD`. For a milestone, set `startDate` and `endDate` to the same date.

## Caveat

Dates and inputs were derived from the image/PDF. Anything not explicitly labeled in the slide should be treated as a planning assumption until confirmed by the relevant owner.