Cronología

El raíl de experiencia laboral: una línea vertical con un logo de empresa en cada parada y una tarjeta junto a cada logo. Abajo está el componente real alimentado con entradas de relleno; en la página real lleva el historial de verdad.

El raíl

Anatomía

Un círculo con el logotipo se asienta sobre el raíl en cada empresa, rodeado de un anillo verde: 120 píxeles en escritorio, 92 en tableta, 48 en el móvil. Una etiqueta verde «Reciente» remata la parte superior. Cada tarjeta lleva la empresa en verde, un rango de fechas en monoespaciado, el puesto, un breve resumen y una fila de chips de tecnología; un chevrón la marca como enlace. En el móvil la tarjeta se compacta a logotipo, empresa, puesto y fecha.

En la página propia de una empresa, el punto del logotipo ancla directamente el título de la página: el único lugar donde un encabezado de página prescinde de su barra verde, porque el punto ya lo marca.

Cuándo usarlo

Hazlo

Usar la cronología para una secuencia de entradas fechadas en un solo raíl.

No lo hagas

Recurrir a la cronología para elementos sin orden; eso es una lista.

Hazlo

Mantener la más reciente arriba, bajo la etiqueta «Reciente».

No lo hagas

2 positions
Mostrar la insignia de puestos en una empresa con un solo puesto.

Hazlo

Dejar que cada tarjeta sea un único enlace a la entrada completa.

No lo hagas

Mantener la barra verde en una página de detalle donde el punto del logotipo ya ancla el título.

Dónde vive

Timeline.astro y TimelineEntry.astro (.timeline, .timeline-card, .timeline-logo), alimentados desde los datos de experiencia laboral.

El lenguaje del raíl tiene dos parientes. Una página de serie recorre una cronología vertical numerada de sus partes: las publicadas enlazan, las planificadas quedan atenuadas con sus fechas. Y la página del CV cierra con la lista de formación: filas de titulación con institución, fechas y enlaces a certificados, separadas por líneas muy finas.

¿Has visto algo mal en esta página? Escríbeme