Add images to the Tour

[wilzbach]

From @wilzbach on June 10, 2016 23:7

I personally love images & I think there are many studies that show that this is a general fact (visual learning is a lot easier for us humans).

Anyway there are a couple of ideas how we could add images to the DLang Tour

1) Add brand images like the DMan

Source: https://github.com/dlang/dlang.org/blob/master/images/d3.png

There are more those lovely D mascot drawing, like this one for Assembler:

https://github.com/dlang/dlang.org/blob/master/images/d5.gif

2) Add more icons (e.g. FontAwesome)

I am not sure yet how we could do that, but it's worthwhile to think about it

3) Add related images (most important)

E.g. for Caesor encryption we could show an image like this:

4) Your ideas

...

Copied from original issue: stonemaster/dlang-tour#244

[wilzbach]

meiz_sandwich sent me his collection of D-mans (> 200!). I uploaded them on Github and he gave us the permission to use them. So let's prettify the DLang Tour with them ;-)

I opened PRs for a couple of them to dlang.org. I think some of them would fit to the tour as well.

In any case we should try to avoid such such needed "hacks" between the mobile and desktop site as I did for the frontpage. I don't think this will be an issue for upcoming images, because the problem on the frontpage was the bullet lists which we so far don't have on (any?) other page.