manual merge of both projects

We actually had the same idea on working it tonight :)

HTML:
- modified the html elements according to some css/js i had, also to aim
for a better ux.

JS :
- reorganized so they are all in one tag (too lazy for the external
file)
- removed the inline events ! !  !! this is soooo deprecated
- rewrote the front socket.io methods doing so
- changed the getusermedia method so it first check if it is available

CSS :
- added a bunch of style