init

templates/shortcodes/timeline.html

@@ -0,0 +1,23 @@
+{% 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>