add galleries

_includes/footer.html

@@ -28,4 +28,5 @@
 
 <div id="snackbar">Loading...</div>
 <!-- <script src='/assets/js/slides.js'></script> -->
-<script src='{{ "/assets/js/clipboard.js" | relative_url }}'></script>
+<script src='{{ "/assets/js/clipboard.js" | relative_url }}'></script>
+<script src='{{ "/assets/js/gallery.js" | relative_url }}'></script>

_includes/gallery.html

@@ -1,8 +1,24 @@
-{% assign images = (include.images | split: "|") %}
-{% assign thumbnails = (include.thumbnails | split: "|") %}
+{% assign gallery_name = include.name | default: "gallery" %}
 
-<div class="gallery">
-	{% for image in images %}
-		<a href="{{ include.dir }}/{{ image }}"><img src="{{ include.dir }}/{{ image }}" /></a>
-	{% endfor %}
+{% assign gallery_prefix = page.id | prepend: "/assets" | append: "/" | append: gallery_name %}
+
+{% assign sorted_static_files = site.static_files | map: "path" | sort %}
+
+{% assign image_extensions = "jpg,jpeg,png,gif" | split: "," %}
+
+<div class="gallery" id="gallery-{{ gallery_name }}">
+	{% assign image_index = 0 %}
+	{% assign gallery_nav = "" %}
+	<div class="images">
+		{% for image_path in sorted_static_files %}
+			{% assign image_ext = image_path | split: "." | last %}
+			{% if image_extensions contains image_ext %}
+				{% if image_path contains gallery_prefix %}
+					{% assign image_index = image_index | plus: 1 %}
+					<img id="{{ gallery_name}}-{{ image_index }}" src="{{ site.baseurl }}{{ image_path }}" />
+				{% endif %}
+			{% endif %}
+		{% endfor %}
+	</div>
+	<nav></nav>
 </div>