initiale Version (klassische Seitennavigation, keine Themes)

_includes/album.html

@@ -0,0 +1,16 @@
+<div id="{{include.albumname}}">
+
+    {%- for image in site.static_files -%}
+        {%- if image.path contains 'img/albums' and image.path contains include.albumname -%}
+            <a href="{{ image.path }}" data-sub-html="{% exiftag image_description, , {{ image.path }} %}" >
+                <img src="/assets/img/thumbnails/{{ include.albumname }}/{{ image.name }}" />
+            </a>
+        {%- endif -%}
+    {%- endfor -%}
+
+</div>
+<script>
+  lightGallery(document.getElementById('{{include.albumname}}'), {
+      plugins: [lgZoom, lgThumbnail, lgHash, lgShare],
+});
+</script>

_includes/datatable.html

@@ -0,0 +1,72 @@
+<table id="{{ include.id }}">
+  {% for row in include.datafile %}
+    {% if forloop.first %}
+    <tr>
+      {% for pair in row %}
+      {% assign column = forloop.index0 %}
+        <th onclick="sortTable({{column}})">{{ pair[0] }}</th>
+      {% endfor %}
+    </tr>
+    {% endif %}
+
+    {% tablerow pair in row %}
+      {{ pair[1] }}
+    {% endtablerow %}
+  {% endfor %}
+</table>
+<script>
+function sortTable(n) {
+  var table, rows, switching, i, x, y, shouldSwitch, dir, switchcount = 0;
+  table = document.getElementById("{{include.id}}");
+  switching = true;
+  // Set the sorting direction to ascending:
+  dir = "asc";
+  /* Make a loop that will continue until
+  no switching has been done: */
+  while (switching) {
+    // Start by saying: no switching is done:
+    switching = false;
+    rows = table.rows;
+    /* Loop through all table rows (except the
+    first, which contains table headers): */
+    for (i = 1; i < (rows.length - 1); i++) {
+      // Start by saying there should be no switching:
+      shouldSwitch = false;
+      /* Get the two elements you want to compare,
+      one from current row and one from the next: */
+      x = rows[i].getElementsByTagName("TD")[n];
+      y = rows[i + 1].getElementsByTagName("TD")[n];
+      /* Check if the two rows should switch place,
+      based on the direction, asc or desc: */
+      if (dir == "asc") {
+        if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()) {
+          // If so, mark as a switch and break the loop:
+          shouldSwitch = true;
+          break;
+        }
+      } else if (dir == "desc") {
+        if (x.innerHTML.toLowerCase() < y.innerHTML.toLowerCase()) {
+          // If so, mark as a switch and break the loop:
+          shouldSwitch = true;
+          break;
+        }
+      }
+    }
+    if (shouldSwitch) {
+      /* If a switch has been marked, make the switch
+      and mark that a switch has been done: */
+      rows[i].parentNode.insertBefore(rows[i + 1], rows[i]);
+      switching = true;
+      // Each time a switch is done, increase this count by 1:
+      switchcount ++;
+    } else {
+      /* If no switching has been done AND the direction is "asc",
+      set the direction to "desc" and run the while loop again. */
+      if (switchcount == 0 && dir == "asc") {
+        dir = "desc";
+        switching = true;
+      }
+    }
+  }
+}
+</script>

_includes/navigation.html

@@ -0,0 +1,15 @@
+<nav>
+  <!--
+  <a href="/"
+     {% if page.url == "/" %}style="color: red;"{% endif %}
+     >Hauptseite</a>
+  <a href="/about.html"
+     {% if page.url == "/about.html" %}style="color: red;"{% endif %}
+     >Über uns</a>
+  -->
+  {% for item in site.data.navigation %}
+  <a href="{{ item.link }}"
+     {% if page.url == item.link %}class="current-site"{% endif %}
+     >{{ item.name }}</a>
+  {% endfor %}
+</nav>