The {{Timeline}} directive creates a stylized vertical milestone timeline with circular nodes and dotted connectors.
Syntax
{{Timeline
Title=Magazine Inception |#| Date=January 1985 |#| Description=Founded by **Example Publishing** in San Francisco.
|~|
Title=Major Format Overhaul |#| Date=Fall 1991 |#| Description=Switched to perfect binding and expanded coverage to consumer hardware.
|~|
Title=Digital Transition |#| Date=2001 |#| Description=Ceased regular print run; archive migrated to digital distribution.
}}
Delimiters
|~|: Separates each milestone entry.|#|: Separates properties within a milestone.
Supported Properties
| Canonical Property | Required | Accepted Aliases | Description |
|---|---|---|---|
Title |
Yes | Heading, Header, Name |
The headline of the milestone event. |
Date |
No | Time, Period, Year |
Date, year, or timeframe displayed in italics. |
Description |
No | Body, Content, Text, Desc |
Narrative explanation. Supports Markdown formatting (bold, italics, links). |
Styling
Timelines render as a semantic <ol class="timeline"> list with CSS styles defined for clean typography, hollow circular markers, and dashed vertical connecting lines.
Return to the Formatting Guide.