Add member badges

This PR has badges and also a section on the user's edit profile page that allows them to design their badge and get the code. Example here:

![odi member directory](https://cloud.githubusercontent.com/assets/109774/3481076/c194c87e-036a-11e4-9a5c-9fad21122251.png)

The badges are as follows:

![mini-bottom-right](https://cloud.githubusercontent.com/assets/109774/3481110/51dd59a0-036b-11e4-8bb9-66e6fc2cd96c.png)
![mini-bottom-left](https://cloud.githubusercontent.com/assets/109774/3481111/51e51488-036b-11e4-8306-e474bff1e25a.png)
![mini-top-right](https://cloud.githubusercontent.com/assets/109774/3481112/51ee77a8-036b-11e4-99f0-70841c0f61fb.png)
![mini-top-left](https://cloud.githubusercontent.com/assets/109774/3481113/51f828d4-036b-11e4-8b83-9db49a29de46.png)
![large-right](https://cloud.githubusercontent.com/assets/109774/3481114/52006030-036b-11e4-8573-9a4c91c25df7.png)
![large-left](https://cloud.githubusercontent.com/assets/109774/3481115/52099f7e-036b-11e4-9f38-cd2c1cbe6fe8.png)
![standard-right](https://cloud.githubusercontent.com/assets/109774/3481116/52123c7e-036b-11e4-8e98-29d835f841dc.png)
![standard-left](https://cloud.githubusercontent.com/assets/109774/3481117/521b8298-036b-11e4-92d0-53012d9e9485.png)

@sumikasan - Can you review and let me know if I'm on the right track?

Line is too long. [95/80]<br>Prefer double-quoted strings unless you need single quotes to avoid extra backslashes for escaping.