Implement badges

templates/_profile_tile.html

@@ -5,5 +5,9 @@
 <div class="avatar">{%avatar user%}</div>
 {{user}}
 </a>
+<br style="clear:both"/>
+<div class="badges">
+{%include "common/badge_list.html" with badges=user.badges.all %}
+</div>
 </div>
 </div>

templates/badges/index.html

@@ -0,0 +1,11 @@
+{% extends "base_simple.html" %}
+
+{% block title %}Badges{% endblock %}
+
+{% block content %}
+<ul>
+{% for badge in badges %}
+<li class="badge-holder"><div class="badge badge-{{badge.slug}}"><div class="badge-description">{{badge.name}}</div></div></li>
+{% endfor %}
+</ul>
+{% endblock %}

templates/base_full.html

@@ -12,6 +12,7 @@
 <link rel="stylesheet" type="text/css" href="{{ STATIC_PREFIX }}/css/960.css"/>
 <link rel="stylesheet" type="text/css" href="{{ STATIC_PREFIX }}/css/jquery-ui.css"/>
 <link rel="stylesheet" type="text/css" href="{{ STATIC_PREFIX }}/css/main.css?{{app_version}}"/>
+<link rel="stylesheet" type="text/css" href="{{ STATIC_PREFIX }}/css/badges.css?{{app_version}}"/>
 <link rel="icon" type="image/png" href="{{ STATIC_PREFIX }}/images/logo.png"/>
 {% block extracss %}{% endblock extracss %}
 <!-- Google+ -->

templates/common/badge_list.html

@@ -0,0 +1,12 @@
+<ul class="badge-list">
+{% if badges %}
+{% for badge in badges %}
+<li class="badge-holder"><div class="badge badge-{{badge.slug}}"><div class="badge-description">{{badge.name}}</div></div></li>
+{% endfor %}
+{% else %}
+<li class="no-badge-message">
+no badges
+</li>
+{% endif %}
+</ul>
+<br style="clear:both"/>