Learning Log
Vertical timeline of five skills with month stamps, status badges covering progress and pauses, and short notes on what each skill changed.
Vertical timeline of five skills with month stamps, status badges covering progress and pauses, and short notes on what each skill changed.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Learning Log presents five skills as a vertical timeline, newest first: motion fundamentals in After Effects (In progress), data visualisation theory (In progress), TypeScript for design tooling (Paused), variable fonts in production (Finished), and contrast and accessibility audits (Finished). Each entry carries a month stamp, a status badge, and a one-line note naming what the skill changed in real work.
Entries are one array typed with a status union and drawn along a single spine of dots and rules. The distinctive choice is the Paused status, admitting what stalled is what makes the finished entries believable.
Reach for this block on a /now page, a learning page, or an about page for someone whose practice depends on staying current. The installer replaces the five entries with their own skills and keeps the dates honest, including the pauses.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the five-entry skills timeline. Other learning log layouts:
Tip: the note should name what changed in the work, a learning log without consequences is just a wish list.