Programming

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

Tcl/Tk xtablelist

XTablelist Package Purpose: A TclOO class to extend the fabulous tablelist widget. TclOO naming conventions: public methods - starts with lower case declaration names, whereas private methods - starts with uppercase naming, so we use CamelCase … widget commands: xtablelist::xtablelist xtablelist::configure xtablelist::cget xtablelist::xtablelist understands all commands from original tablelist, for more sub-command refer as well to the public class interface widget options: -xhideoption boolean “yes”,1 / “no”,0 (default: “no”), hide/show a popup-menu which allows to manipulate the tablelist column display

Continue reading

Tcl/tk BWidget_patch

BWidget_patch Purpose: This package solves some issues with BWidget in conjunction with the ttk widget set. As long as the bugs are not fixed, this package can be used to “overload” original procedures where the problems araise. Usage: A typical initialization sequence might look like: # starkit support sequence: if {[catch { package require starkit if {[starkit::startup] eq "sourced"} { return } }]} { namespace eval ::starkit { if {[set this [info script]] == ""} { set this [info nameofexecutable] } variable topdir [file normalize [file dirname $this]] } } # where to find support packages: lappend auto_path [file join $::starkit::topdir "lib"] package require Tk package require tile # initialize a custom theme (optional): set ctheme "plastik" package require ttk::theme::${ctheme} ttk::setTheme $ctheme package require -exact BWidget 1.

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

Tcl/tk html3widget

html3widget - a tcl/tk megawidget Purpose: The html3widget is a tcl/tk package which implements a megawidget to render html + css. The code is based on Tkhtml3.0 and as well HV3 which (for the moment) is not actively developed, but still offers a solid base to render html including css support. The following picture illustrates of how a html file with underlying css bootstrap3.xx framework might look like: The package might be used to implement an internal help viewer (for an application) in an easy way.

Continue reading

Tcl/tk

Tcl (Tool Command Language) is a very powerful but easy-to-learn dynamic programming language, suitable for a very wide range of use cases: including web and desktop applications, networking, administration, testing and many more. Open source and business-friendly, Tcl is a mature yet evolving language that is truly cross-platform, easily deployed and highly extensible. Tk is a graphical user interface toolkit that takes developing desktop applications to a higher level than conventional approaches.

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