added vanilla js slideshow to jrnl template for smaller photos

1 files changed, 6 insertions, 1 deletions

diff --git a/app/posts/templates/posts/jrnl_detail.html b/app/posts/templates/posts/jrnl_detail.html
index e34a825..ee5590b 100644
--- a/app/posts/templates/posts/jrnl_detail.html
+++ b/app/posts/templates/posts/jrnl_detail.html
@@ -27,7 +27,7 @@
                 </div>
             </header>
             <div class="e-content entry-content post-body" itemprop="articleBody">
-                {{object.body_html|safe|smartypants}}
+                {{object.body_html|safe|smartypants|widont}}
             </div>
         {%if wildlife or object.field_notes.all or object.books.all %}<div class="entry-footer">{%if wildlife %}
             <aside id="wildlife">
@@ -117,5 +117,10 @@
 {% block js %}
 <script src="/media/js/leaflet-master/leaflet-mod.js"></script>
 <script src="/media/js/detail.min.js"></script>
+<script src="/media/js/fslightbox.js"></script>
+<script>
+    fsLightbox.props.type = "image";
+    fsLightbox.props.showThumbsOnMount = true;
+</script>
 {{ block.super }}
 {%endblock%}