init

templates/shortcodes/gallery.html

@@ -0,0 +1,19 @@
+{% set gallery_data = load_data(literal = body, format="json") %}
+
+<div id="image-gallery">
+  <ul class="gallery">
+    {% for item in gallery_data %}
+      {% set base_path = page.path | split(pat="/") | slice(end=-1) | join(sep="/") %}
+      {% set image_path = base_path ~ "/" ~ item.file %}
+      {% set image_url = get_url(path=image_path) %}
+      <li class="gallery-item">
+        <a href="{{ image_url }}" class="lightbox" target="_blank">
+          <img src="{{ image_url }}" {% if item.alt %}alt="{{ item.alt }}"{% endif %}>
+        </a>
+        {% if item.title %}
+          <p class="caption">{{ item.title }}</p>
+        {% endif %}
+      </li>
+    {% endfor %}
+  </ul>
+</div>

templates/shortcodes/mermaid.html

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

templates/shortcodes/skills.html

@@ -0,0 +1,22 @@
+{% set skills = load_data(literal = body, format="json") %}
+<div id="skills-content">
+  {% for category in skills %}
+    <div class="category">
+      <h3>{{ category.name | markdown | safe }}</h3>
+      <ul class="skills-list">
+        {% for skill in category.skills %}
+        <li class="skill">
+          {% if skill.icon %}
+            <i class="{{ skill.icon }} skill-icon"></i>
+          {% endif %}
+          {% if skill.link %}
+            <a href="{{ skill.link }}" target="_blank" rel="noopener">{{ skill.name | safe }}</a>
+          {% else %}
+            {{ skill.name | safe }}
+          {% endif %}
+        </li>
+        {% endfor %}
+      </ul>
+    </div>
+  {% endfor %}
+</div>

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>