👐 HAN-DS

# Timeline

design front-end roxen cms

Voorbeelduitwerking van de timeline is te vinden op de bachelor/voltijd/studie pagina. Deze is opgebouwd uit de set bestaande componenten, plus de Timeline hero en Timeline finish.

Met javascript en css worden richtext sections op een andere manier weergegeven dan op andere pagina's:

  1. Wanneer een richtext section direct na een timeline hero wordt geplaatst, valt hij over de hero heen.
  2. Stndaard worden richtext sections iets smaller getoond dan normaal en met een pijpleiding ernaast en naar de sectie-titel toe.
  3. Wanneer een richtext section wordt geplaatst na een layout-brick element, wordt hij weergegeven met een pijpleiding in bochten erboven.

# Timeline hero

Dit element moet altijd het eerste element in de timeline zijn. Verder kan hij nog meerdere keren herhaald worden.

# Timeline finish

Dit element moet altijd het laatste element in de timeline zijn.

← Tooltip →