Timeline 9 block design & features
Timeline9 is a vertical timeline section built with shadcn/ui, centered under a large bold heading. A shadcn Separator runs vertically along the left edge, and each entry is marked by a small filled foreground-colored circle positioned on the line. Entries indent to the right of the line, showing a bold title, a muted date, and a paragraph of prose wrapped in a borderless, shadowless shadcn Card.
The card content uses prose styling for readable body text. Dates appear as muted text positioned absolutely to the left of the line at wider breakpoints, shifting inline on smaller screens. Titles use bold tracking-tight type, and each entry is spaced with consistent bottom margins to create a clear vertical rhythm along the separator.
The style is straightforward and content-focused, resembling a chronological log or changelog. There are no icons, images, or interactive elements, keeping the emphasis on the written entries. Complexity is low with a static data array and no client-side state.
The layout remains single-column across all breakpoints, with date labels moving from their absolute left position into the inline flow on narrower screens.