Display grist balance on website

static/css/main.css

@@ -40,6 +40,24 @@ body {
     border: 3px solid black;
 }
 
+#epicenter .avatar {
+    float: right;
+    margin:3px;
+}
+
+#epicenter .balance {
+    float:right;
+    font-family:"Minecraft";
+    font-size:x-large;
+}
+
+#epicenter .userbox {
+    float: right;
+    border: 3px solid black;
+    padding: 4px;
+    background-color:#020;
+}
+
 .stat-box {
     background: url(img/dirt.png);
     border: 3px solid black;

templates/base_full.html

@@ -28,9 +28,14 @@
           <div id="epicenter" class="stat-box">
           {% if user.is_authenticated %}
           <h2 class="title">{{user.username}}</h2>
-          <div style="float:right">
+          <div class="userbox">
+          <div class="avatar">
           {% avatar user %}
           </div>
+          <div class="balance">
+          {{ user.get_profile.currencyaccount.balance|floatformat:2 }} grist
+          </div>
+          </div>
           <ul>
               <li><a href="{% url user_profile %}">Profile</a></li>
               <li><a href="{% url profiles.views.logout %}">Logout</a></li>