Add footer

Add footer markup and styles. Still need to be refined, but now I need to experiment a couple of solutions and this is a safe point to get back to.

Signed-off-by: Emanuele Feliziani <feliziani.emanuele@gmail.com>
Introduce more breakpoints

Introduce more breakpoints at the body width level to have a finer control over some elements, especially in the footer, that were causing a bit of anxiety. In the next commit cometh the footer.

Signed-off-by: Emanuele Feliziani <feliziani.emanuele@gmail.com>
Some footer magic

Now the footer uses flexbox in order to achieve the clean look the designer imagined. It has one block on the left and two on the right, distributed nicely according to the width of the body. The elements also get automatically distributed vertically so that they cover the whole height. Flexbox really is magical.

There is also the map link feature: Apple Maps app is opened on iOS and OSX otherwise the link goes towards Google Maps (this might need some testing, because I might think of switching to a geo: uri schema in order to open native apps on Android devices).

Signed-off-by: Emanuele Feliziani <feliziani.emanuele@gmail.com>
Move form-related scripts right in the footer of the contact page

There is no use in loading form-related scripts on other pages, so they have been moved right in the footer of the contact page. To avoid the extra http request, the scripts have been inlined.

It's been very nice to find out that CodeKit imports imports plain .js files into .kit files without blinking. So smart.

Signed-off-by: Emanuele Feliziani <feliziani.emanuele@gmail.com>
Fix a bug in the contact form

The error message of the client-side validation was not disappearing when the focus got back onto the field. Now it's fixed.

Signed-off-by: Emanuele Feliziani <feliziani.emanuele@gmail.com>
Improves the navigation menu

The navigation menu now has larger targets for improved usability on touch devices.

Also the style has been improved:
- the outer edges of the header content now are aligned with the content of the website
- on larger screens the menu elements are no longer inside a 25%-width-container, they rather keep their own width:auto and are aligned to the right, distanced only by a margin. The total width has not changed, but the look is a lot cleaner

Signed-off-by: Emanuele Feliziani <feliziani.emanuele@gmail.com>
Fix Fontello font paths

Fontello font paths were incorrect and broke on the test server. This fixes it.

Signed-off-by: Emanuele Feliziani <feliziani.emanuele@gmail.com>