This site, as it’s built.

Talking-head clips on articles

Each article can open with a short video — the podcast avatar and a cloned voice — scripted automatically from the piece.

A running cost ledger

The admin now shows what the autonomous system spends, by agent and by service, so every run is accounted for.

The blog is live

A blog on agentic AI and automation — researched, written, illustrated, and published by the site's own agents — now linked from the footer.

On-brand cover images

Every article gets an original cover, generated to match the ink-and-vermillion look.

Articles that write themselves

A writer agent drafts each scheduled piece with real citations, runs an SEO and expertise check, and publishes once it passes.

The editorial researcher

An agent plans the blog from a curated list of sources you control — not the open web — and schedules a week of articles at a time.

Blog post cover images described for screen readers

Post thumbnails on the archive and blog index now carry descriptive alt text — the post title — instead of an empty attribute.

GitHub link removed

An outdated GitHub profile link was removed from the footer, résumé, and structured data.

Portrait described for screen readers in dark mode

The dark-theme headshot on the résumé now carries the same alt text as its light counterpart, so assistive technology announces it in both themes.

Sitemap now covers the whole site

Projects, services, resume, changelog, and FAQ are listed in sitemap.xml, so search engines can find every page.

QA agent

Automated checks run against the live site on a heartbeat — links, images, the contact form, the API, and SEO — each surfaced with a one-click fix.

The Web Designer logs its own work

Each change the design agent publishes is recorded here automatically, credited to the agent.

Changelog credits its authors

Every entry now shows who made the change — the site owner, or an agent that made it itself.

Admin sign-in screen tidied

The login form and the signed-in panel no longer show at once; signing in now offers quick links to the Web Designer and projects.

Admin dropdowns themed

Select menus now use the page palette in both light and dark, so the options are readable.

Admin dropdowns unreadable in dark mode

The page and status menus rendered white-on-white when the admin was in dark mode.

The Web Designer agent

A design agent for any page: give it a brief — instructions, a draft, images, video links — and it designs and publishes, working through a task queue.

Projects built from a brief

Describe a project and hand over the images — the agent writes the case study, groups the skills, and captions each shot.

Image and video uploads

Drop in a photo or clip; it is optimised on upload and placed straight into the page.

A site that edits itself

A confined AI agent takes a request, edits the relevant page, builds a preview, and publishes once you approve.

Private admin console

A secret-link sign-in to manage the site — pages, projects, and media — from one place.

Navigation

Added Services to the main menu, front and centre.

Contact form aligned to services

Enquiry types now mirror the three core services offered.

Services page

Automation, website design, and digital marketing — built for law firms and service businesses.

Footer service links

Each service links straight to the contact form with the enquiry already selected.

About headline tuned for search

Led with agentic AI and automation instead of the origin year — same story, better discoverability.

This changelog

The site now documents its own evolution — fittingly, an agentic website that logs itself.

Project galleries and social rail

A photo gallery with a lightbox, and a sticky Instagram rail beside each case study.

About copy corrected

Separated learning to code (1988) from building software professionally (1999).

About page

The story from a Commodore 64 in 1988 to agentic AI today.

Menu portalled to the page root

The overlay now escapes the header entirely and covers the page identically everywhere.

Project filtering

Filter by category with an animated, shareable, deep-linkable transition.

Projects moved to the database

Per-project case-study pages generated from cja_projects at build time.

Contact form wired up

Real submissions stored in the database, with validation and spam protection.

Portraits with light/dark variants

A wardrobe swap — the right shot for each theme, graded into the palette.

Resume page

Experience, ventures, a grouped skills breakdown, education, and a downloadable PDF.

A component import broke the build

Aliasing framer-motion to its successor created a circular module reference.

Motion dependency resolved

Declared the real package directly instead of aliasing, ending the loop.

Mobile menu clipped to the header

On inner pages the header's backdrop-blur trapped the fixed overlay to a thin strip.

Full-page mobile menu

A curved reveal with the hamburger morphing into a close control.

Animated 404 page

A playful full-screen 404, with a reduced-motion fallback and locally-hosted assets.

Hero rendered paper-on-paper in light mode

A scoped colour override could not reach the already-resolved theme tokens.

Ink surface scoping corrected

The dark hero now overrides the compiled colour tokens directly, in both themes.

Theme toggle

Light and dark, with an ink-reveal transition that spreads from the button you click.

Schema install repaired

Added the standard foreign-key guard to the snapshot migration so tables load in any order.

Base schema failed to install

A migration declared a foreign key before the table it referenced existed.

Navigation and brand mark

Header signature paired with the hanko seal; nav updated to Projects, Resume, About, Blog, Contact.

SeedProject cloned and wired

Astro frontend, PHP API, and MariaDB connected end to end.

React added as Astro islands

Interactive components hydrate only where used; the rest of the site stays static.

Homepage built

Ink hero with the signature writing itself, a typographic work index, and a full-bleed mission line.

Brand system established

Sumi-e direction — ink on washi paper, a single vermillion seal. Colour, type, and motion tokens.