define css rules for badges, adjust presentation of badges...

...hopefully solves #25

Notes / to be discussed:
* the 'date' used in the badge is the date attribute of the presenter which is formatted as YYYY-MM-DD (that differs from the design template)
* the string 'active' is hard coded. should it be able to assume other values?
* I removed the region, which was part of the badge detail list. should it come back?