Making it yours
Two modules in, the site works. It also looks exactly like everyone else's.
This module changes that in three passes: the colours it wears, the way a reader moves through it, and the blocks that stop a reader who is about to make a mistake.
At a glance
Difficulty
Intermediate — you have built a site and written a few pages.
Time
About an hour, spread over three lessons.
What you will have changed
| Lesson | What it touches |
|---|---|
| Colours | theme/ — tokens, the dark scheme, one accent of yours |
| Navigation | docpensieve.config.mjs — menu, header, a page menu |
| Callouts | Your pages — blocks that carry a warning |
The lessons
Colours
Give the site your palette — one token in the configuration, the dark scheme in a file of your own.
Navigation
Forty pages a reader can move through — a menu that folds, links in the header, and a row of links inside a page.
Callouts
Stop a reader who is about to make a mistake — six kinds of block, kinds of your own, and a mark to go with them.
DocPensieve