working timeline

templates/shortcodes/gallery.html

@@ -0,0 +1,10 @@
+<div>
+{% for asset in page.assets -%}
+  {%- if asset is matching("[.](jpg|png)$") -%}
+    {% set image = resize_image(path=asset, width=240, height=180) %}
+    <a href="{{ get_url(path=asset) }}" target="_blank">
+      <img src="{{ image.url }}" />
+    </a>
+  {%- endif %}
+{%- endfor %}
+</div>

templates/shortcodes/mermaid.html

@@ -0,0 +1,3 @@
+<pre class="mermaid">
+{{ body | safe }}
+</pre>

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 }}">
+      {% if d.icon %}
+        <i class="{{ d.icon }} timeline-icon"></i>
+      {% endif %}
+      <h3>{{ d.title | markdown | safe }}</h3>
+
+      {% if d.location %}
+        <p><strong>{{ d.location }}</strong></p>
+      {% 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>