Tag Cloud for Hugo

Tag & Categories Cloud for Hugo Tags and categories are a great choice for organizing content. In this post I’d like to show how to program a tag cloud for hugo, a static site generator. When creating a page, the “tags” and “categories” taxonomy information is almost a default entry for every page created. Continue reading...

Leverage page bundles in Hugo

Page Bundles in Hugo Page bundles are available in hugo (a static web site site generator which is great fun) for quite a while now. I always wanted to store files (assets and images, etc…) which belongs to an article in the same directory as the article itself - or at least in a sibling directory down below the content tree. Continue reading...

Fun with mermaid js

Mermaidjs - Markdownish syntax for generating flowcharts … What is Mermaidjs ? Mermaid is a simple markdown-like script language for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs from text via javascript. Keywords: Simplify documentation and avoid heavy tools. Continue reading...

Fun With Animated Background Images

Fun with animation… An animated effect can be easily achived with a jquery based script and with 2 more images. The image in front might be a png image with transparent areas, whereas the background image could be a jpg image just showing some colored pattern. Continue reading...

Using Hashover commenting system for Hugo static websites

Motivation: As an initial approach, the Disqus commenting platform was used on this site. Disqus is nicely integrated in Hugo and so getting this service up and running a static site is no big deal. (Hugo is a static site generator which allows you to create web sites completely independently of any web service and off-line on your local computer). Continue reading...

How to access a remote sqlite database file: sqlitedb.tcl + sqlitedb.php

sqlitedb.tcl package Purpose: Database connectivity package to establish a connection to a remote sqlite database file via http protocol and with the aid of the SqliteDB PHP interface. Be aware that this package is a proove of concept and far from complete. Continue reading...

Data Exchange Server

Get some more information about the Data Exchange Server available on this site. Link: http://vfm.johann-oberdorfer.eu Purpose: The purpose of this service is to exchange files with customers - without the need to send files as e-Mail attachements or transfer them via a more complicated ftp server. Continue reading...

STL Web Viewer Demo

STL Web-Viewer Demo: STL Viewer: .hint.info { border-left-color: #6bf; background-color: rgba(102,187,255,.1) } .hint.warning { border-left-color: #fd6; background-color: rgba(255,221,102,.1) } .hint.danger { border-left-color: #f66; background-color: rgba(255,102,102,.1) } blockquote p {color: #323232;} Note: After a short delay, as an example, a single “weaire phelan structure” should be shown in the viewer. Continue reading...

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. 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() { $. Continue reading...