Cronologia

El rail d'experiència laboral: una línia vertical amb un logo d'empresa a cada parada i una targeta al costat de cada logo. A sota hi ha el component real alimentat amb entrades de mostra; a la pàgina real porta l'historial de veritat.

El carril

Anatomia

Un cercle de logotip se situa al carril a cada empresa, amb un anell verd: 120 píxels a l'escriptori, 92 en una tauleta, 48 en un telèfon. Una etiqueta verda de «Recent» corona la part superior. Cada targeta porta l'empresa en verd, un interval de dates monoespaiat, el càrrec, un breu resum i una fila de xips de tecnologia; un xebró indica que és un enllaç. En un telèfon, la targeta es compacta a logotip, empresa, càrrec i data.

A la pàgina pròpia d'una empresa, el punt del logotip ancora el títol de la pàgina directament; és l'únic lloc on una capçalera de pàgina prescindeix de la seva barra verda, perquè el punt ja el marca.

Quan utilitzar-ho

Fes

Fes servir la cronologia per a una seqüència d'entrades datades en un sol carril.

No facis

Recorre a la cronologia per a elements sense ordre; això és una llista.

Fes

Mantén la més recent a dalt, sota l'etiqueta de «Recent».

No facis

2 positions
Mostra el distintiu de càrrecs en una empresa amb un sol càrrec.

Fes

Deixa que cada targeta sigui un únic enllaç a l'entrada completa.

No facis

Mantén la barra verda en una pàgina de detall on el punt del logotip ja ancora el títol.

On es troba

Timeline.astro i TimelineEntry.astro (.timeline, .timeline-card, .timeline-logo), alimentats a partir de les dades d'experiència laboral.

El llenguatge del rail té dos parents. Una pàgina de sèrie recorre una cronologia vertical numerada de les seves parts: les publicades enllacen, les planificades queden atenuades amb les seves dates. I la pàgina del CV tanca amb la llista de formació: files de titulació amb institució, dates i enllaços a certificats, separades per línies molt fines.

Has vist alguna cosa que no quadra en aquesta pàgina? Escriu-me