Reduce dependencies

[ndorfin]

In this PR:

• Removed the JS dependency on setting breakpoints required by the CSS. I've instead moved the relevant selectors into their appropriate @media blocks.
• Removed the external jQuery dependency by rewriting the mobile nav functionality.
• Removed the font-awesome dependency. 30KB of CSS and hundreds of kilobytes for fonts is not worth it for one hamburger icon.

Other possible improvements could include using 1 <nav> rather than 2 for the main menu.

[mermop]

I'll pass this one on to the Icelab team, using metaquery is their call - all seems reasonable to me but I'm not familiar with the benefits of using metaquery in the first place - @timriley @libbyberrie @tobydallder

[timriley]

I reckon if the same responsive layout changes have been achieved without metaquery, this is all good!

[mermop]

@raquelxmoss wrote the nav js - can you review the changes to that

[mermop]

Do you know a good casual image diff service? Since this changes the way responsive stuff is done, it'd be good to test it pretty thoroughly, but it can be tough to spot subtle problems when doing that manually. I've found percy.io pretty good but doesn't really work for this kind of thing - don't really want to set anything up permanently for this repo

[mermop]

Can you put some screenshots up? Changes if there's anything that's actually changed, or before/after if nothing should have changed - in particular the hamburger icon and the changes to the responsive styles

[ndorfin]

@mermop Will do - thanks! I'll find a nice SVG replacement for the Menu Icon, and then take some before and after screenies.

[ndorfin]

Phone Screenshots

Before	After

Tablet screenshots

Before	After

[mermop]

Thanks for those! Only difference I can see is that the "menu" link is pink now for some reason?

[ndorfin]

@mermop Yup, I can happily swap it back to the grey. Made it red so that it matches other links - not sure why it was grey to begin with.

[mermop]

Let's go back to grey for it please :)

[ndorfin]

@mermop Done :)

[mermop]

Couple of conflicts from merging #29 - will aim to do some testing of this this weekend

[ndorfin]

@mermop Conflicts resolved

[mermop]

Noting that these changes make the mobile menu opening and closing animations less nice:

Original menu animation


Changed menu animation


[ndorfin]

I'll start breaking this up into smaller PRs.