Left Side Navigation

Era Bar — Color Coded
Each strip marks a named historical period. The era name floats below the header as you scroll, and the background image shifts to match.

Lifelines — Gray
Each line traces a person's lifespan. A dot marks an event they appear in. Hover a name label to read their bio.

Starred people show a live age label that updates as you scroll — so you always know how old they were at any point in the timeline.

Use the 👁 NAMES button to show or hide name labels.

The Timeline Spine

1940 1941
Dates

Year markers run down the spine. Zoom in to reveal month ticks. Cards connect to their exact date on the spine.

Milestones

Historical world events marked with ★. Cards appear on the left with a dashed connector. Click to read context.

Waypoints

Personal turning points marked with ◆. Also on the left, with a dashed connector. Full event detail inside.

Events

The main story entries marked with ○. Cards appear on the right with a solid connector. Click to open full detail.

Zoom Bar

Drag the bracket up or down to scroll through the timeline without leaving your spot.

Drag the top or bottom handle to zoom in or out — narrowing the bracket zooms in, widening zooms out.

Click anywhere on the track to jump to that point in time. Also works with Ctrl + scroll on the timeline.

The year range at the bottom shows what's currently in view.

🔗 Link copied!