Missing viewport meta tag

[Philonous]

The hackage site is currently nigh unusable on high-dpi mobile devices because of a missing viewport meta tag.

Adding

 <meta name="viewport" content="width=device-width, initial-scale=1">

improves it markedly

[gbaz]

Without a high-dpi screen myself (yes I feel old and behind the times) its hard to see what's going on.

Can you provide screenshots or e.g. a way to use a tool like http://www.infobyip.com/testwebsiteresolution.php so I can understand the issue more clearly?

[Philonous]

I should have made it clearer that I meant high-dpi mobile devices, sorry.

I've added some screenshots from my mobile phone, illustrating the problem. I've down-sized the images from the native 1440x2560

Please note that the screen of the device is 69mm by 113mm and at least on my (desktop) screen the images are displayed much larger than that. So in real life the text is tiny

This is before applying the meta tag

On the real device the pages barely legible, hitting links is hard

Hackage home page

Servant package page

This is after adding the meta tag:

The pages are legible, links are easier to hit. It's not the best mobile experience in the world, but it's usable.

Hackage homepage

Servant page

[gbaz]

Thanks! So you'd want this on every page then, not just some subset?

[Philonous]

Yes, it would be nice to have on every page

[gbaz]

should be addressed by 2c3e31c

(rolled into PR #551)

[Philonous]

Thanks! This should fix it.