[WIP] Prototype icons

[sjayellis]

Description

This PR presents a protoype for trying to improve site clarity. It provides each page with an icon, currently a unicode character, that represents it. These icons will appear in the menu bar next to their associated page, and will also appear next to any link that will lead to that page. i.e. links to the protein page are marked with the protein icon.
This is a possible solution to #93. Instead of using a legend, the menu bar is used to define the icons.

Current icons are placeholders used to show the idea and likely to change to be more relevant of each page's contents.

Status

• Ready to go

[Lnaden]

For now are you just using the Unicode character as a placeholder? I tried to use the same kdtag class/style for each category, was that not sufficient?

[sjayellis]

The kdtag class/style is not fully consistent across the website, though they are minor. Externally linked trajectories and some externally linked files, such as the ones on the simulations page, share a class with the simulations links. (Unless its a minor color difference that I cannot perceive).

We also do not have a consistent way to represent local vs remote links, i.e. does this link elsewhere on the site vs to an external source.

I used unicode icons so they would be affected by the kdtag classes, but the specific icons are mostly placeholders. The models icon is a symbol for models, but most of the rest are somewhat arbitrarily chosen.

I wanted to have a preview website to represent what something like this may look like, hence the prototype comment. If we feel this adds another layer of needless complication over the kdtags it can be scrapped.