anchor.diff:  <div class="background-cover"></div>
   <div ng-app="hackboardApp" ng-controller="BoardCtrl">
  -  <div class="ui right vertical inverted sidebar menu">
  +  <div class="ui right vertical inverted sidebar menu" id="page-sidebar">
       <div class="item">
         <div class="ui icon header inverted text-center" style="display: block; margin-top: 14px;">
           <img class="ui tiny circular image middle aligned" ng-src="http://www.gravatar.com/avatar/{{ current_user.avatar }}s=200" >
  
positive.code:         </div>
        </div>
      </div>
    </header>
    <div class="pusher">
      <div class="container thin-padding">
        <div class="ui basic segment ui-board">
          <div class="ui grid ui-board-content" id="board-content" as-sortable="flowSortOptions" ng-model="board.flows">
  
negative.code:     $("footer").hide().transition('fade');
      $(".launch.button").hide().transition('fade');
  
      $('#page-sidebar').sidebar('setting', {
          dimPage: false,
          transition: 'overlay',
          mobileTransition: 'overlay',
          closable: false
      });
  
      $('#page-content, #page-menu').on('touchstart click', function (event) {
          event.preventDefault();
          if (!$('#page-sidebar').hasClass("overlay") || !$('.sidebar').hasClass("animating"))
              $('#page-sidebar').sidebar('hide');
      });
  
      $('#page-launch-button').on('touchstart click', function (event) {
          event.preventDefault();
          if (!$('#page-sidebar').hasClass("overlay") || !$('.sidebar').hasClass("animating"))
              $('#page-sidebar').sidebar('toggle');
      });
      $(".ui-list-wrapper").height($(window).height() - 140);
      $(".ui-list-content").height($(window).height() - 200);
  