diff --git a/roster.html b/roster.html
index 8fb1265..b7bacd6 100644
--- a/roster.html
+++ b/roster.html
@@ -4,6 +4,19 @@
 <script src="jquery.js"></script>
 <script src="config.js"></script>
 <script src="roster.js"></script>
+<style>
+div.brag {
+  font: 9pt Verdana
+}
+
+div.rc {
+  font: 8pt Verdana
+}
+
+div.best {
+  font: 7pt Verdana
+}
+</style>
 </head>
 
 <body>
@@ -16,3 +29,12 @@ Here it goes
 <button id=clear>Clear</button>
 </body>
 </html>
+
+
+<script id="bumble" type="text/html">
+<div class="brag">
+  <a><b>$traits.Name</b></a> of $realm ($plots.act)
+</div>
+<div class="rc">Level $traits.Level $traits.Race $traits.Class</div>
+<div class="bs">$equips.best / $spells.best / $stats.best</div>
+</script>
diff --git a/roster.js b/roster.js
index 97b9244..812d6d3 100644
--- a/roster.js
+++ b/roster.js
@@ -13,20 +13,28 @@ $(document).ready(function () {
       return;
     }
     $.each(games, function (key, c) {
+      roster.append(brag(c));
+
+      var p = $("<p/>");
+      p.appendTo(roster);
+      p.text(JSON.stringify(c));
+      
       var p = $("<dt/>");
       p.appendTo(roster);
       var a = $("<a/>", {href: "main.html#" + c.name})
       a.text(c.name);
       a.appendTo(p);
+
       var rm = $("<button/>");
       rm.text("X");
       rm.css("color", "red");
-      rm.appendTo(p);
+      rm.appendTo(roster);
       rm.click(function () {
         delete games[c.name];
         storeRoster(games);
         load();
       });
+
       p = $("<dd/>");
       p.appendTo(roster);
       p.text("Level " + (c.level || 1) + " " + c.race + " " + c['class']);
@@ -41,11 +49,24 @@ $(document).ready(function () {
   
   $("#test").click(function () {
     var n = GenerateName();
-    games[n] = {level: -10,name:n,race:GenerateName(),"class":GenerateName()};
+    games[n] = {traits: {level: -10},name:n,race:GenerateName(),"class":GenerateName()};
     storeRoster(games);
     load();
   });
   
+  function brag(sheet) {
+    var tmpl = $("#bumble").html();
+    var brag = tmpl.replace(/\$([a-z.]+)/g, function (str, p1) {
+      var dict = sheet;
+      $.each(p1.split("."), function (i,v) {
+        if (!dict) return true;
+        dict = dict[v];
+      });
+      return dict || '';
+    });
+    return $(brag);
+  }
+  
   $("#clear").click(function () {
     storeRoster({});
     load();
