Browse the live site.
Take notes that write themselves.
A local two-pane tool: the real website on one side, fully clickable, and a notes panel on the other that tracks whichever page you're on — auto-numbers your outline as you type — and syncs every edit straight into a Google Doc.
One operator. Every role.
What it does
A handful of small pieces that add up to a genuinely useful client-review workflow.
A real, clickable site
A local proxy fetches and rewrites the live site so it loads — and stays interactive — right inside the page, not a static screenshot.
Notes that follow the page
The note box automatically switches to whichever page you're currently viewing, and remembers what you wrote for every page you've visited.
Auto-numbered outline
Press Enter to start a new point, press it again to nest one level deeper — the numbering and indentation build themselves as you type.
Optional Google Doc sync
Connect your own doc and every edit pushes over — each page gets its own bold heading and note underneath, updated in place as you revise it.
Notes stay on your machine
Everything's saved to your own browser, not a server — nobody else's notes ship with the download, and yours never leave your computer unless you connect a Google Doc.
Running it
Pure Python standard library — nothing to install.
Download & unzip
Grab the zip above and unzip it anywhere on your machine.
Double-click Start Site Notes.command
It starts the server and opens the app in your browser automatically — no Terminal typing needed. Requires Python 3 (already on macOS).
First time only: macOS will block it as "from an unidentified developer." Right-click the file → Open → Open again to allow it.
Always start it with that launcher — opening index.html from inside the folder directly won't work, because the app needs its server running.
(Optional) Connect a Google Doc
Paste the included Apps Script into a Google Doc's Extensions > Apps Script, deploy it as a Web App, and drop the resulting URL into config.json as google_doc_webhook_url.