Webdevelopment

How to add search to a static site

How to add search to a static site generated with Hugo… … using lunr.js Since version 0.20 Hugo has a build in capability to create a (customized) index file of available markdown documents down below the content directory tree. Once this index file is available, we can use lunr.js - a jquery based javascript - to implement a search functionality. The search result pops up instantly, while the user is typing… - pretty neat!

Continue reading

ImageFlow for Hugo

ImageFlow for Hugo Hugo is a static site generator, whereas ImageFlow implements a nice interactive image gallery ontop of hugo’s infrastructure. Example: jQuery(document).ready(function() { var instanceOne = new ImageFlow(); instanceOne.init( { ImageFlowID: 'myImageFlow', xStep: 100, opacity: true, slider: true, captions: true, slideshow: true, slideshowAutoplay: true, slideshowSpeed: 4000, startID: 2, onClick: function() { $.fancybox.open( { href: this.getAttribute('this.url'), title: this.getAttribute('alt'), } ); } }); });

Continue reading

ImageFlow Module for SilverStripe

ImageFlow Module for SilverStripe jQuery(document).ready(function() { var instanceOne = new ImageFlow(); instanceOne.init( { ImageFlowID: 'myImageFlow', xStep: 100, opacity: true, slider: true, captions: true, slideshow: true, slideshowAutoplay: true, slideshowSpeed: 4000, startID: 2, onClick: function() { $.fancybox.open( { href: this.getAttribute('this.url'), title: this.getAttribute('alt'), } ); } }); }); ImageFlow has been created by Finn Rudolf http://finnrudolph.de/ImageFlow IMAGEFLOW LICENCE: ImageFlow is licensed under a Creative Commons Attribution-Noncommercial 3.0 Unported License.

Continue reading