Skills Timeline
A heading and lede above a dotted vertical timeline where each entry marks the year a skill arrived, its status word, and a note.
A heading and lede above a dotted vertical timeline where each entry marks the year a skill arrived, its status word, and a note.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Skills Timeline tells the toolkit chronologically down a dotted vertical line. A heading and lede open with the idea that skills are easier to trust when you can see where they came from, then an ordered list renders each entry with a mono year, the skill name, an uppercase status word for where it sits today, and a note on how it arrived. A primary dot marks each entry and a thin rule connects them, dropping only after the last item.
One entries array drives the list in order. The status word paired with the note is the distinctive detail: Motion design reads Growing with the honest caveat that long-form animation still goes to a specialist, which a plain year label could not convey.
Reach for this block on an about or resume page when the installer wants to show how a practice was built rather than just what it contains today. The installer swaps the year, skill, status, and note for their own path, keeping the entries in chronological order.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the designer skill history. Other timelines:
Tip: the status word is what keeps a timeline from reading as a museum wall; without it, old entries look retired rather than still in use.