<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title><%= content_for?(:title) ? yield(:title) : "YesAnd" %></title>

    <%= stylesheet_link_tag    "application" %>
    <%= javascript_include_tag "vendor/modernizr" %>
    <%= javascript_include_tag "application", 'data-turbolinks-track' => true %>
    <%= csrf_meta_tags %>
  </head>

  <body>
    <nav class="top-bar" data-topbar role="navigation">
      <ul class="title-area">
        <li class="name">
          <h1><a href='/'>YesAnd</a></h1>
        </li>
      </ul>

      <section class="top-bar-section">
        <!-- Right Nav Section -->
        <ul class="right">
          <% if session[:user_id] %>
            <a href='/logout'><li id="loginout" class="fa fa-sign-out fa-2x"></li></a>
          <% else %>
            <a href='/login'><li id="loginout" class="fa fa-sign-in fa-2x"></li></a>
          <% end %>
        </ul>

      </section>
    </nav>

    <%= yield %>

  </body>
</html>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title><%= content_for?(:title) ? yield(:title) : "YesAnd" %></title>

    <%= stylesheet_link_tag    "application" %>
    <%= javascript_include_tag "vendor/modernizr" %>
    <%= javascript_include_tag "application", 'data-turbolinks-track' => true %>
    <%= csrf_meta_tags %>
  </head>

  <body>
    <nav class="top-bar" data-topbar role="navigation">
      <ul class="title-area">
        <li class="name">
          <h1><a href='/'>YesAnd</a></h1>
        </li>
      </ul>

      <section class="top-bar-section">
        <!-- Right Nav Section -->
        <ul class="right">
          <% if session[:user_id] %>
          <span data-tooltip aria-haspopup="true" class="has-tip" title="Logout"><a href='/logout'><li id="loginout" class="fa fa-sign-out fa-2x"></li></a></span>
          <% else %>
          <span data-tooltip aria-haspopup="true" class="has-tip" title="Login"><a href='/login'><li id="loginout" class="fa fa-sign-in fa-2x"></li></a></span>

          <% end %>
        </ul>

      </section>
    </nav>

    <%= yield %>

  </body>
</html>

Add tooltips for login and logout buttons
Add tooltips for login and logout buttons
