I’ve ended up doing some frontend web design after all (this isn’t something I was planning on spending time on, but I’m not really happy with WordPress (especially the risk of compromise, the lack of adequate built-in automatic backups, and it not being as privacy oriented as static web sites usually are). I have also enjoyed working with the Hugo static website generator in the past, and designing HTML layouts and custom CSS is an interesting challenge.

The result is the screenshot you see above — and that’s just the theme I built for doing debugging and testing of issues when working with Hugo, and especially the styling is what I describe as ‘a silly little style thrown in for free’. The main point of that particular development effort though, was not the creation of a theme, but of debugging tools.

The result is the theme itself as well as another debug tool that it incorporates (see below), which is designed to make it easy to add in minimal changes to create samples of problems that crop up, in a less complex theme than a full blown one.

https://github.com/danielfdickinson/hugoMinimalTestTheme has the theme and I’ve also created a demo website for the theme .

Another interesting tool that was suggested to me, and which I have built into the theme (as well as making it available as a module for others who wish to use it) is a set of Hugo Debug Tables which one can view on the demo website above. The debug tables provide a comprehensive set if information about the variables that are in play when using the Hugo site generator, on each and every page.

My next step is to build the HTML layouts (without CSS) for a full-featured but hopefully well designed and easy to use. After that I hope to be able experiment with a variety of CSS styles that turn the site into magic.

And finally, convert all my sites to the new themes that are the result of all that effort.

Credit for cover photo: Gerd Altmann via Pixabay