Leaderboard

public/js/game/Leaderboard.js

@@ -26,12 +26,15 @@ Leaderboard.prototype.update = function(players) {
     this.element.removeChild(this.element.firstChild);
   }
 
+  var header = document.createElement('h1');
+  header.appendChild(document.createTextNode('Leaderboard'));
+  this.element.appendChild(header);
+
   for (var i = 0; i < this.players.length; ++i) {
     var playerElement = document.createElement('li');
     playerElement.appendChild(document.createTextNode(
       this.players[i].name +
-        ":  Kills: "   + this.players[i].kills +
-        "  Deaths: "  + this.players[i].deaths));
+        ":  Score: "   + this.players[i]['score']));
     this.element.appendChild(playerElement);
   };
 };

public/styles/index.less

@@ -30,6 +30,16 @@ html, body {
   opacity: 0;
 }
 
+#leaderboard {
+  position: absolute;
+  width: 20%;
+  height: 80%;
+  top: 10%;
+  left: 5%;
+  background-color: #eeeeee;
+  list-style: none;
+}
+
 #canvas {
   width: 768px;
   height: 1024px;

views/index.jade

@@ -34,6 +34,7 @@ block body
               span About
   #container
     div#leaderboard
+      h1 Leaderboard
     canvas#canvas
 
 block scripts