Josh's annotated copies of websites. The source page keeps its look. Only a thin layer is added: a yellow highlighter wash on the marked words, and a short editorial comment directly below that passage.
Repo: imaginalnika/annotated
How things win — Steph Ango, November 2023.
Annotated copy: sites/moats/
Comments default to English.
?lang=ko— translates the whole page?lang=en— English (same as the default)
Language is URL-only. There is no English / 한국어 toggle on the page. Korean translations come from ChatGPT and live next to the English in the page and annotation data.
The reusable steps are in skills/annotate-site/SKILL.md. The look and interaction rules are in docs/annotation-layer.md.
- Fetch the source (HTML, CSS, and the assets needed to keep it looking the same).
- Host a static copy under
sites/<slug>/. - Select passages. Wrap only the annotated words.
- Write comments. Sit each comment immediately below its passage.
- Add Korean via ChatGPT. Store both languages on the same record:
{id, quote, en, ko}. - Do not redesign the source. Highlights and comments only.
- Annotation layer — visual spec, placement, interaction, language, attribution
- Annotate a site — how to make the next one