Show colour and whether it's your turn

assets/css/_game_list.scss

@@ -0,0 +1,10 @@
+.player-indicator {
+  img {
+    height: 1.5em;
+    vertical-align: middle;
+  }
+}
+
+.your-turn {
+  font-weight: bold;
+}

assets/css/app.scss

@@ -6,4 +6,6 @@
 
 @import "layout";
 @import "nav";
+
+@import "game_list";
 @import "board";

lib/chess_web/templates/game/index.html.eex

@@ -3,10 +3,14 @@
 <table class="table">
   <tbody>
     <%= for game <- @games do %>
-      <tr>
+      <tr class="<%= if your_turn?(@conn, game), do: "your-turn" %>">
         <td>
+          <span class="player-indicator"><img src="images/pawn_<%= player_colour(@conn, game) %>.svg"></span>
           <%= link "Game with #{opponent(@conn, game).name}", to: game_path(@conn, :show, game), class: "btn btn-default btn-xs" %>
         </td>
+        <td>
+          <%= if your_turn?(@conn, game) do %>Your turn<% end %>
+        </td>
         <td>
           Started on <%= Timex.format!(game.inserted_at, "%b %e at %I:%M %P", :strftime) %>
         </td>

lib/chess_web/views/game_view.ex

@@ -3,6 +3,17 @@ defmodule ChessWeb.GameView do
 
   import Chess.Auth, only: [current_user: 1]
 
+  def your_turn?(conn, game) do
+    player_colour(conn, game) == game.turn
+  end
+
+  def player_colour(conn, game) do
+    cond do
+      current_user(conn).id == game.user_id -> "white"
+      current_user(conn).id == game.opponent_id -> "black"
+    end
+  end
+
   def opponent(conn, game) do
     if current_user(conn).id == game.user_id do
       game.opponent