Personal website for Danny Hope. Built with Eleventy (11ty v3).
Follow ~/.claude/skills/uxbrighton-style-guide.md for written content (including no colons on headings). Ignore UX Brighton-specific terminology for this site.
The site does distinguish these. Keep them apart.
| What it is | Where | |
|---|---|---|
| Blog | Dated, time-bound notes. A product shipped or changed, a short announcement, a snapshot of thinking. The page is a record of when. Do not keep rewriting old posts into manuals. New posts go in blog/posts/ with draft: true until you publish (drop the flag). Production omits drafts; local dev still shows them. Posts dated after 2024 end with “Partially written by a human” (via the post layout). |
/blog/ |
| Product / living page | The current description of a thing that will change. How it works, how to get it, feedback. Update the page when the product changes. | /{slug}/ (e.g. /autoscroll/, /audiobook/) listed from /projects/ |
/articles/ is a hop to a Notion database, not this living-page pattern. Do not put product docs there until that hop is replaced on purpose.
/wiki/ is operator notes and is not built by Eleventy (eleventy.config.js ignores it). Public product docs go on the product page, not in the wiki.
Follow ~/.claude/skills/brand-guidelines.md. Notes below are only for this site.
Logo is rebrand/logo.svg. Colour and type tokens live in rebrand/styles.css — use those variables rather than hard-coding hex values.
Third-party destinations are reached via a folder with a one-line meta-refresh index.html, not by publishing the third-party URL. That way a provider change is a file edit here, not a broken public href.
<meta http-equiv="refresh" content="0; url=https://example.com/destination">
Examples: /calendar, /linkedin, /workshop, /feedback. Reuse a slug if it already points at the right place; never overwrite one that goes somewhere else. Hops are not live until this site is deployed. Full recipe: ~/.claude/skills/dannify/references/hops.md.
eleventy.config.js — 11ty configuration (ESM)blog/ — Blog posts (Markdown + Nunjucks)_includes/ — Layouts and partials (Nunjucks)_data/ — Global data filesstyle/ — Legacy CSS (old site design)rebrand/ — Brand refresh assets (CSS variables, logo, colour swatches)_site/ — Build output (gitignored)npx @11ty/eleventy --serve # dev server
npx @11ty/eleventy # production build
Deployed via GitHub Pages from the gh-pages branch.