Merge pull request #6 from BlueHuskyStudios/feature/4-Gallery

Added thumbnails and single-item galleries
BlueHuskyStudios · May 13, 2020 · 4b96269 · 4b96269
2 parents f742416 + 7fab8db
commit 4b96269
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 0 deletions.
diff --git a/Galleries/single-item-highlight-custom-end.html b/Galleries/single-item-highlight-custom-end.html
@@ -0,0 +1,5 @@
+
+{%- if include.caption %}
+<figcaption class="caption">{{ include.caption }}</figcaption>
+{%- endif %}
+</figure>
diff --git a/Galleries/single-item-highlight-custom-start.html b/Galleries/single-item-highlight-custom-start.html
@@ -0,0 +1,2 @@
+
+<figure class="thumbnail-gallery   card {%- if include.raised %} raised {%- endif %}">
diff --git a/Galleries/single-item-highlight.html b/Galleries/single-item-highlight.html
@@ -0,0 +1,8 @@
+
+{% include ./single-item-highlight-custom-start.html
+    raised=include.raised
+%}
+<a href="{{ include.full }}" target="_blank" class="thumbnail-full-image-link"><img src="{{ include.thumb | default: include.full }}" {%- if include.alt %} alt="{{ include.alt }}" {%- endif %} class="thumbnail" /></a>
+{% include ./single-item-highlight-custom-end.html
+    caption=include.caption
+%}
diff --git a/Galleries/thumbnails-gallery.html b/Galleries/thumbnails-gallery.html
@@ -0,0 +1,9 @@
+
+<figure class="thumbnail-gallery   card   flex-row flex-wrap flex-horiz-space-around">
+{% for image in include.images -%}
+<a href="{{ image.full }}" target="_blank" class="thumbnail-full-image-link"><img src="{{ image.thumb | default: image.full }}" {%- if image.alt %} alt="{{ image.alt }}" {%- endif %} class="thumbnail" /></a>
+{%- endfor %}
+{%- if include.caption %}
+<figcaption class="caption">{{ include.caption }}</figcaption>
+{%- endif %}
+</figure>