Added info about player color

bestic · Nov 3, 2013 · 01cbcd4 · 01cbcd4
1 parent 7e80645
commit 01cbcd4
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/public/javascripts/app.js b/public/javascripts/app.js
@@ -16,7 +16,14 @@ define(['canvas', 'jquery', 'knob'], function(canvas, $, knob) {
   });
 
   socket.on('game_start', function(data) {
-    $('.oponent').html(data + " joined you in game");
+    $('.oponent').html(data.name + "has joined to your game");
+    if (!data.player) {
+        $('.yourcolor').html("Your color: Black");
+        $('.yourcolor').css("color", "black");
+    } else {
+        $('.yourcolor').html("Your color: Red");
+        $('.yourcolor').css("color", "red");
+    }
     console.log('Game started');
     $('.score').show();
     $('.indicator').show();

diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
@@ -24,7 +24,7 @@ body {
 }
 
 .score {
-    font-size: 24px;
+    font-size: 54px;
 }
 
 .logo {

diff --git a/views/index.jade b/views/index.jade
@@ -6,6 +6,7 @@ block content
     button#set-name Set name
     div.game-status#game_status
     div.oponent
+    div.yourcolor
     div.score
       span.own
       span :
-Original file line number
+Diff line change
@@ Expand Up / @@ -24,7 +24,7 @@ body { @@
     }
     .score {
-        font-size: 24px;
+        font-size: 54px;
     }
     .logo {
@@ Expand Down @@