Got image gallery working for a single event.

routes/photos/index.js

@@ -8,16 +8,41 @@ const whiskers = require('whiskers');
 
 const url = require('url');
 
+const fs = require('fs');
+
 routes.get('/', (request, result) =>
 {
     //do something later
-    console.log("boo");
 });
 
+
+
+const photosBaseDir = "blogContent/photos";
+photoPageBuilder = function(filename, request, templateContext)
+{
+    if(fs.existsSync(photosBaseDir + filename))
+    {
+        templateContext.images = [];
+        var imagePath =  "/" +  photosBaseDir + filename + "/";
+        fs.readdirSync(photosBaseDir + filename).forEach(file=>
+        {
+            if(file.includes('.jpg')) //doesn't pick up mark down files
+            {
+                templateContext.images.push({full:imagePath+ file,
+                    preview:imagePath + "preview/" + file});
+            }
+        });
+    }
+    else
+    {
+        templateContext.error = true;
+    }
+};
+
 routes.get('*', (request, result) =>
 {
     pageBuilder.buildPageWithTemplate(request, result,
-        function(){}, "photos/photosEntry.html");
+        photoPageBuilder, "photos/photosEntry.html");
 });
 
 module.exports = routes;

templates/photos/photosEntry.html

@@ -5,14 +5,32 @@
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.6.12/css/lightgallery.min.css" />
 
 <div class="container">
-
-    <div id="lightgallery">
-        <a href="/blogContent/photos/2019/june/mohawk-river-trail/DSC02145.jpg">
-            <img src="/blogContent/photos/2019/june/mohawk-river-trail/DSC02145.jpg" />
-        </a>
-        <a href="/blogContent/photos/2019/june/mohawk-river-trail/DSC02145.jpg">
-            <img src="/blogContent/photos/2019/june/mohawk-river-trail/DSC02145.jpg" />
-        </a>
+<br><br><br><br>
+    <div id="lightgallery" class="row p-4">
+
+        {for img in images}
+            <div class="col-lg-3 col-md-4 col-xs-6 thumb p-1" data-src='{img.full}'>
+                <a href="{img.full}">
+                    <img src="{img.preview}" />
+                </a>
+            </div>
+        {/for}
+
+        {if error}
+            <div class="row p-lg-0">
+                <h1 class="align-content-center">Page Not Found</h1>
+                <div class="align-content-center">
+                    <img src="/includes/img/404.jpg" alt="Page not found" width="70%" />
+                </div>
+            </div>
+            <br><br>
+        {/if}
+        <!--<a href="/blogContent/photos/2019/june/mohawk-river-trail/DSC02145.jpg">-->
+            <!--<img src="/blogContent/photos/2019/june/mohawk-river-trail/DSC02145.jpg" />-->
+        <!--</a>-->
+        <!--<a href="/blogContent/photos/2019/june/mohawk-river-trail/DSC02145.jpg">-->
+            <!--<img src="/blogContent/photos/2019/june/mohawk-river-trail/DSC02145.jpg" />-->
+        <!--</a>-->
     </div>
 
 </div>

utils/pageBuilder.js

@@ -188,6 +188,7 @@ module.exports =
             var templateContext = Object();
             Promise.all([includes.include("templates/" + templateFile),
                 includes.printHeader(templateContext),
+                templateFiller(request.url, request, templateContext),
                 includes.printFooter(templateContext),
                 require("../blog/sidebar.js").main(templateContext)])
                     .then(function (content)