anchor.diff:  <!-- Image Banner: Use the the data-bg-img functionality to create a simple image banner Use spacer classes to make the banner larger with padding, allows for easy responsive changes too see: elements-ctas.htm To make the banner full height/screen add the attributes: data-toggle="full-height" data-offset="#header" -->
   <div class="bg-white overlay overlay-op-8 text-center px-3 py-5 py-lg-10 flex-valign" data-bg-img="<%= asset_url('darren_ninja.png') %>"
   data-css='{"background-position": "right bottom"}'>
  +
  +<% if current_user.nil? %>
   <h2 class="display-4 text-white mt-7" data-animate="fadeIn" data-animate-delay="0.2">
       We're <span class="font-weight-bold">game</span> if you are!
   </h2>
  -
   <h3 class="text-white font-weight-normal" data-animate="fadeIn" data-animate-delay="0.35">
       Come play with us
   </h3>
  
positive.code: 
  <div>
  <% @games.each do |game| %>
    <p><%= link_to game.name, game_path(game) %></p>
  <% end %>
  </div>
  
  
negative.code:   Join LARP.ninja!
    <% end %>
  </div>
  <% else %>
  <h2 class="display-4 text-white mt-7" data-animate="fadeIn" data-animate-delay="0.2">
      Hey <%= current_user.name %>!
  </h2>
  <% end %>
  </div>
  
  
  