Dominant color background on cover images — with Hugo

Dominant color background on cover images — with Hugo

I recently added a CSS background color to my cover images, using the dominant color from the cover image itself. It is a nice effect, and gives the appearance of faster load time — should the image take some time to complete.

For my transparent cover images; I made the background very opaque, providing a soft touch of color. I think it looks nice 🙂

Here is how I did it. 👇

Read more →

Implementing photo gallery posts in Hugo

Implementing photo gallery posts in Hugo

I’ve been thinking about adding some kind of photo implementation on this blog since I first set it up. I didn’t really know what I wanted, or how I wanted to use it - so I’ve been putting it off.

The last couple of weeks I’ve been more interested in photography, even borrowed a macro lens to see if that is something I enjoyed (it was 👍)

It’s time to tackle the photo implementation!

Read more →

Static comments using the Github API

Static comments using the Github API

When moving my website back from MediaWiki to Hugo — I again started to think about adding comments. I’ve thought about this before, even tested quite a bit, and written about it.

I didn’t want to add heavy external resources, or compromise my readers privacy. This blog is static, and I’d like the comments to be static as well.

Read more →

Building and deploying Hugo staging and production to Nginx

Building and deploying Hugo staging and production to Nginx

I am building my Hugo website on a local LXC container, using Gitea and Drone. There are plenty of tutorials on how to connected those two together, so I won’t go through that here.

Instead I want to show you how I build and deploy my staging and production environment to Nginx — using atomic deployments and unique preview URLs.

Read more →

I moved this blog to MediaWiki for one year

I moved this blog to MediaWiki for one year

In November 2019 I moved this blog from Hugo to MediaWiki, in January 2021 I moved it back.

Read more →