{% timeline %}

Attributes

Parameter	Type	Required	Description
id	string	✓	Timeline identifier — atoms opt in by setting their timeline attribute to this value
label	string	✓	Display title rendered above the timeline
direction	enum	—	Layout direction: vertical (default) or horizontal. Horizontal collapses to vertical on narrow viewports
from	enum	—	Collection scope: local (default) collects atoms from the same article only; global collects matching atoms across all articles
types	string	—	Space-separated atom types to include (e.g. 'observation learning'). When omitted, all matching atoms are shown

Valid Parent Contexts

This tag is valid inside: {% article %}

The \{% timeline %\} tag is self-closing. It collects all atoms whose timeline attribute matches its id, sorts them by date ascending, and renders an interactive timeline view.

Atoms always render inline at their authored position regardless of timeline assignment. The timeline is an add-on view — a collected, chronological re-rendering that provides a temporal overview.

Attributes

Attribute	Type	Default	Description
id	string	required	Matches atom timeline attribute values
label	string	required	Display title above the timeline
direction	enum	vertical	vertical or horizontal layout
from	enum	local	local: same article only. global: all articles
types	string	(all)	Space-separated atom types to include (e.g. observation learning)

Atom timeline attribute

Atoms opt in to a timeline by adding timeline="<id>":

{% atom type="observation" date="2025-01-15" timeline="my-timeline" %}
Content here.
{% /atom %}

An atom without a timeline attribute renders inline as usual and does not appear in any timeline.

Astro component: ArticleTimeline.astro

Vertical timeline collecting three atoms

tagtimelinearticle timeline-tag-basic

{% atom type="observation" id="first-signal" date="2025-01-15" tags="llm alignment" timeline="alignment-arc" %}
Early indications of emergent reasoning in small models.
{% /atom %}

{% atom type="hypothesis" id="scaling-bet" date="2025-03-22" tags="llm scaling" timeline="alignment-arc" %}
If emergent reasoning holds, scaling will unlock new capability tiers.
{% /atom %}

{% atom type="learning" id="confirmed" date="2025-06-10" tags="llm scaling" timeline="alignment-arc" %}
Confirmed: capability jumps correlated with parameter count thresholds.
{% /atom %}

{% timeline id="alignment-arc" label="Alignment Arc" /%}

Horizontal timeline with explicit direction

tagtimelinearticle timeline-tag-horizontal

{% timeline id="design-evolution" label="Design Evolution" direction="horizontal" /%}

Timeline filtered to only observations and learnings

tagtimelinearticle timeline-tag-type-filter

{% timeline id="alignment-arc" label="Empirical Arc" types="observation learning" /%}

Global timeline collecting atoms across all articles

tagtimelinearticle timeline-tag-global

{% timeline id="project-milestones" label="Project Milestones" from="global" /%}