Hope you like the new template! I’ve switched from the custom script to Hugo.

The innards of a keyboard

Conceptually a keyboard is a collection of 100 or so individual switches all connected to a circuit that continuously senses their state and reports any change to the connected computer. You press a key, a message is sent with the key’s numeric code and the fact it was pressed. You release it, another message is sent.

Nowadays the common way to transfer these messages is through USB.

Advent Of Code 2016 - Day 5 solution commented

This is part of a series where I comment my solutions to the advent of code series of programming problems.

The problem

The original problem, with an amusing tale for motivation can be found here. For the purposes of this it is sufficient to know the following:

You arrive at a password protected door with ID ‘uqwqemis’.

The eight-character password for the door is generated one character at a time by finding the MD5 hash of some Door ID (the puzzle input) and an increasing integer index (starting with 0).

This post describes a way to build circular progress bars with only CSS and html. No javascript is executed at the device and no images are loaded. This makes the approach very fast to load and render. I did not invent the technique but the post goes to a great length explaining how this can be done with just css.

This is how it looks like:

And the mandatory Live demo.