anchor.diff:  
   <tfoot>
   <tr>
  -<th>TDD Cycles</th>
  +<th>Display Cycles</th>
  +<th>CyberDojo ID</th>
  +<th>Avatar</th>
   <th>Kata Name</th>
   <th>Lang/Framework</th>
  -<th>CyberDojo ID</th>
  -<th>Avatar</th>
  -
  -<th>Total Lights</th>
   <th>Manual Markups</th>
   <th>Markup</th>
  -
   </tr>
   </tfoot>
  --->
  +
   </table>
   
   <script>
  
positive.code: 
  // Add event listener for opening and closing details
  $('#myTable').on('click', 'td.details-control', function () {
                     // var tr = $(this).closest('tr');
                     // var row = table.row( tr );
  
                     // console.log($(this).parent().find(".cyberdojo_id").html());
                     var cyberdojo_id = $(this).parent().find(".cyberdojo_id").html();
                     var avatar = $(this).parent().find(".avatar").html();
                     var kata_name = $(this).parent().find(".kata_name").html();
                     window.location.href = "timelineWithBrush?id="+cyberdojo_id+"&avatar="+avatar+"&kataName="+kata_name;
  
  
                     // if ( row.child.isShown() ) {
                       //     // This row is already open - close it
                       //     row.child.hide();
                       //     tr.removeClass('shown');
                     //   }
                     // else {
                       //     // Open this row
                       //     row.child( format(row.data()) ).show();
                       //     tr.addClass('shown');
                     //   }
  } );
  
  $('#myTable').on('click', 'td.markup', function () {
                     // var tr = $(this).closest('tr');
                     // var row = table.row( tr );
  
                     // console.log($(this).parent().find(".cyberdojo_id").html());
                     var cyberdojo_id = $(this).parent().find(".cyberdojo_id").html();
                     var avatar = $(this).parent().find(".avatar").html();
                     var kata_name = $(this).parent().find(".kata_name").html();
                     window.location.href = "manualCatTool?id="+cyberdojo_id+"&avatar="+avatar+"&kataName="+kata_name;
  
  
                     // if ( row.child.isShown() ) {
                       //     // This row is already open - close it
                       //     row.child.hide();
                       //     tr.removeClass('shown');
                     //   }
                     // else {
                       //     // Open this row
                       //     row.child( format(row.data()) ).show();
                       //     tr.addClass('shown');
                     //   }
  } );
  
  
  // $('#myTable tbody tr')
  // .click( function () {
               //           console.log("click");
               //           console.log($(this).find(".kata_name").html());
               //           var cyberdojo_id = $(this).find(".cyberdojo_id").html();
               //           var avatar = $(this).find(".avatar").html();
               //           var kata_name = $(this).find(".kata_name").html();
               //           window.location.href = "timelineWithBrush?id="+cyberdojo_id+"&avatar="+avatar+"&kataName="+kata_name;
  // } );
  </script>
  
negative.code: 
  
  <table id="myTable" class="display" cellspacing="0" width="100%">
  <thead>
  <tr>
  <th>Display Cycles</th>
  <th>CyberDojo ID</th>
  <th>Avatar</th>
  <th>Kata Name</th>
  <th>Lang/Framework</th>
  <th>Manual Markups</th>
  <th>Markup</th>
  </tr>
  