awebsite/templates/shortcodes/timeline.html

{% set dt = load_data(literal = body, format="json") %}
<div id="timeline-content">
  <ul class="timeline">
    {% for d in dt %}
    <li class="event" data-from="{{ d.from }}" data-to="{{ d.to }}">

      <h3>{{ d.title | markdown | safe }}</h3>

      {% if d.location %}
        {% if d.icon %}
          <p> <i class="{{ d.icon }} timeline-icon"></i> <strong>{{ d.location }}</strong></p>
        {% endif %}
      {% endif %}

      <p>{{ d.body | safe }}</p>

      {% if d.link %}
        <p><a class="external" href="{{ d.link }}" target="_blank" rel="noopener">{{ d.link }}</a></p>
      {% endif %}
    </li>
    {% endfor %}
  </ul>
</div>