Add grid-side theme

themes/grid-side/static/js/ls.noscript.min.js

@@ -0,0 +1,2 @@
+/*! lazysizes - v1.2.0 */
+!function(){"use strict";if(window.addEventListener){var a={nodeName:""},b=!!window.HTMLPictureElement&&"sizes"in document.createElement("img"),c=window.lazySizes&&lazySizes.cfg||window.lazySizesConfig,d=function(c){var d,e,f,g,h,i=c.target.querySelectorAll("img, iframe");for(d=0;d<i.length;d++)e=i[d].getAttribute("srcset")||"picture"==(i[d].parentNode||a).nodeName.toLowerCase(),!b&&e&&lazySizes.uP(i[d]),i[d].complete||!e&&!i[d].src||(c.detail.firesLoad=!0,g&&h||(h=0,g=function(a){h--,a&&!(1>h)||f||(f=!0,c.detail.firesLoad=!1,lazySizes.fire(c.target,"_lazyloaded",{},!1,!0)),a&&a.target&&(a.target.removeEventListener("load",g),a.target.removeEventListener("error",g))},setTimeout(g,3500)),h++,i[d].addEventListener("load",g),i[d].addEventListener("error",g))};c||(c={},window.lazySizesConfig=c),c.getNoscriptContent=function(a){return a.textContent||a.innerText},addEventListener("lazybeforeunveil",function(a){if(!a.defaultPrevented&&null!=a.target.getAttribute("data-noscript")){var b=a.target.querySelector('noscript, script[type*="html"]')||{},e=c.getNoscriptContent(b);e&&(a.target.innerHTML=e,d(a))}})}}();

themes/grid-side/static/js/main.js

@@ -0,0 +1,90 @@
+$(document).ready(function() {
+    // Employ Masonry layout configuration
+    var $container = $(".masonry-flex-container")
+    $container.imagesLoaded().always(function(instance) {
+        $container.masonry({
+            itemSelector: ".flex-item",
+            columnWidth: ".flex-item",
+            percentPosition: true,
+            transitionDuration: 0 /* Disable animation of transitions */
+        });
+
+        $(window).resize(function() {
+            $container.masonry();
+        });
+    });
+
+    $container.each(function() {
+        this.addEventListener("load", function() {
+            $container.masonry();
+        }, true);
+    });
+
+    // Provide infinite scroll if enabled
+    var $infiniteContainer = $(".masonry-flex-container.infinite-scroll").infinitescroll({
+        navSelector: "ul.pagination",
+        nextSelector: "ul.pagination a:last",
+        itemSelector: ".masonry-flex-container .flex-item",
+        loadingImg: "/img/loader.gif",
+        loading: {
+            finishedMsg: "",
+            msgText: "",
+            img: "/img/loader.gif"
+        }
+    }, function(elements) {
+        var $elements = $(elements);
+        $elements.imagesLoaded(function() {
+            $infiniteContainer.masonry("appended", $elements);
+        });
+    });
+
+    // Attach our lightbox handlers
+    $("[data-lightbox-id]").each(function() {
+        var element = $(this);
+        var lightboxId = element.data("lightbox-id");
+        var lightbox = $("#" + lightboxId);
+
+        var lightboxProperties = {
+            "padding": "70px",
+            "width": "100%",
+            "height": "100%",
+            "background-color": "rgba(0, 0, 0, 0.95)",
+            "color": "white",
+            "position": "fixed",
+            "top": "0px",
+            "left": "0px",
+            "z-index": "999"
+        };
+        lightbox.css(lightboxProperties);
+        lightbox.hide();
+
+        var lightboxCloseButtonProperties = {
+            "position": "absolute",
+            "top": "0px",
+            "left": "0px",
+            "z-index": "999",
+            "cursor": "pointer"
+        };
+
+        var lightboxCloseButton = $("<i/>", {
+            "class": "fa fa-close fa-5x",
+            "click": function(e) {
+                e.preventDefault();
+                lightbox.hide("fast");
+            }
+        });
+        lightboxCloseButton.css(lightboxCloseButtonProperties);
+        lightboxCloseButton.appendTo(lightbox);
+
+        element.click(function(e) {
+            e.preventDefault();
+            lightbox.show("fast");
+        });
+    });
+
+    // Provide syntax highlighting if highlight.js included
+    if (typeof hljs !== "undefined") {
+        hljs.initHighlightingOnLoad();
+    }
+});
+