Web design after all

Hugo SSG makes site building enjoyable


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.

[AUTHOR’S NOTE: Edited 2021-10-23 to reflect changes in reality]

https:\/\/github.com/danielfdickinson/hugoMinimalTestTheme had the theme (a newer, better, version is in https://github.com/danielfdickinson/hugo-minimal-test) and I had also created a demo website for the theme https:\/\/hugo-minimal-test-theme-demo.wildtechgarden.ca/. The new demo website for the minimal test is less beautified, but I also have [a new Demo Site Theme](https://hugo-dfd-demo-site-theme.wildtechgarden.ca) which has the ‘silly little style’ that made it look more pleasant.

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 [debug tables demo website](https://hugo-test-debug-tables.wildtechgarden.ca). The debug tables provide a comprehensive set of 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.