lancekeay.com

You are designing and building a website for the brief below. Work alone: nobody will answer
questions. When a skill asks you to offer choices or wait for approval, make the choice yourself and write it
down in site/NOTES.md.

Output rules:
- Write everything into ./site/ in this folder. Entry page: site/index.html. Each page in the brief is its own
  .html file in site/, linked from the navigation.
- Plain HTML, CSS and JavaScript that opens straight from disk (file://). No build step and no npm install for
  the site itself. Libraries and fonts may load from a public CDN (cdnjs, jsdelivr, unpkg, Google Fonts).
- Images: real photographs whose licence allows reuse (Unsplash, Pexels, Wikimedia Commons), by URL or saved
  into site/assets/, or your own SVG and CSS artwork. No other company's logo or trademark.
- Copy: real, plausible copy for this brief. No lorem ipsum. Do not invent testimonials, awards, client names
  or statistics presented as real; label sample content as a sample.
- It must work at 1440 px and at 390 px wide with no sideways scrolling.
- Do not use git. Do not read or change anything outside this folder. Do not install anything globally. Do not
  contact any service except to fetch public libraries, fonts and images, or what a skill in this folder needs.
- Finish by writing site/NOTES.md: the design direction in three to five lines, and which skills you used.

**What it is.** Lance Keay's personal site: a senior full-stack developer and DevOps engineer's CV, and a blog of
hands-on reviews of AI tools, agents and self-hosted software, plus a monthly "AI token market" post that compares
model prices in wide data tables.

**Audience.** Two kinds: people deciding whether to hire Lance as a contractor, and technical readers who come for
the reviews and the monthly market post.

**Purpose.** Read well first (long text, wide comparison tables, verdicts at a glance), then make it easy to get the
CV or get in touch.

**Pages.**
1. Home: who Lance is in two lines, latest posts each with a one-line verdict, a short "hire me" strip.
2. Posts: the list of posts, filterable by tag (reviews, market, homelab).
3. One post: a tool review with verdict, cost, licence, what was tested, and a comparison table.
4. About / CV: profile, skills, experience summary, CV download buttons (PDF and Word).

**Tone.** Thoughtful, candid, a working engineer's notebook; plain claims, no hype.

**Brand.** The name "Lance Keay". The old site used a mid blue (#38629F), Jost and Cardo; carrying some of that blue
over is welcome but not required. No photo of Lance is available: do not invent one.