# Liveblog Content

Een Liveblog is een timeline met meerdere updates.

# Vaste onderdelen

Een timeline is als volgt opgebouwd:

  • Header: De status en sorteren (enkel bij gesloten liveblog)
  • Updates: Verschillende soorten updates zijn mogelijk.
  • Footer: "Toon meer updates"-knop bij meer dan 10 updates.

# Liveblog header

De header toont de status van de liveblog. Wanneer er nieuwe updates zijn wordt de rode verversen-knop getoond. Deze blijft bovenin beeld hangen (fixed).

Een gesloten liveblog toont het label "Liveblog gesloten". Bij een gesloten liveblog wordt er niet meer gecontroleerd op nieuwe updates en komt de verversen-knop niet voor:

Onder de timeline met updates wordt er bij meer dan 10 updates de "Toon meer updates"-knop waarmee er meer updates ingeladen kunnen worden.

# Updates

Updates zijn als volgt opgebouwd:

  • Header: Datum met tijd, kop.
  • Body: Richtext (optioneel), component (optioneel).
  • Delen: Zichtbaar op hover (enkel op Desktop).
  • Footer: Gerelateerde content (optioneel).

# Standaard (zonder component)

Het is mogelijk om een update zonder extra component te plaatsen.

Andersom is het ook mogelijk om een component zonder Richtext maar wel met component te plaatsen.

# Afbeelding(en)

Vergelijkbaar met het normale Afbeelding-component. Er kunnen meerdere afbeeldingen onder elkaar geplaatst worden.

Uploadformaat Afbeelding:
px (minimaal)

# Afbeeldingvergroter(s)

Net als bij de normale Afbeeldingsvergroter is het hier mogelijk om meerdere onder elkaar te plaatsen. Deze vormen samen een Lightbox-groep.

Uploadformaat Afbeeldingvergroter:
px (minimaal)

Een afbeelding met een hogere verhouding dan 4:5 wordt automatisch afgekapt met de knop "Bekijk volledige afbeelding":

# Fotogalerij

Een set foto's die kunnen worden vergroot in een lightbox. Geschikt voor foto's, minder geschikt voor infographics en illustraties. De eerste foto wordt groot getoond.

Uploadformaat Fotogalerij:
px (minimaal)

# Video

Vergelijkbaar met het normale Video-component.

Met een link card is het mogelijk om interne of externe links uit te lichten in de liveblog.

Uploadformaat Liveblog externe link card:
px (minimaal)

Een externe link toont het domein waarnaar gelinkt wordt en een external-icoon:

Een interne link toont deze niet:

# YouTube

Een YouTube-embed in een iframe. Er wordt de youtube-nocookie.com URL gebruikt voor minder cookies.

# Tweet

Een Twitter-embed, wordt getoond met de Twitter javascript API.