%meta{:content => "width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no", :name => "viewport"}

%header#header
  .wrapper
    %h1
      %a{:href => "#"}
        Converge
        %abbr UI

    %a.settings{:href => "#"} settings
    #notifications
      #indicator
        %span notifications
        %a.count.important{:href => "#"} 7
      / comment out to remove notifiation dialog
      /
        .flash-message.fade-in-down
          .message
            Things have been happening
            %a{:href => "#"} here's proof
          .message
            This is a warning — be warned!
          .form
            %a.btn{:href => "#"} view all notifications
      /
    %a.username{:href => "#"} long_username
    /
      %input{:placeholder => "Search", :type => "search"}/
    %nav
      %ul#menu
        / comment out the whole org li  to see conductor style
        %li
          #org{:title => " organization"} Organization Profile Name
        %li
          %a{:href => "#"} dashboard
        %li
          %a{:href => "#"} instances
        %li
          %a.active{:href => "#"} environments
        %li
          %a{:href => "#"} permissions
        %li
          %a{:href => "#"} services

        /
          %li.search
            %input{:placeholder => "Search", :type => "search"}/
    %a.menu-link{:href => "#menu"} Menu

.wrapper

  %nav.tabs
    %ul
      %li
        %a{:href => "#"} overview
      %li
        %a.active{:href => "#"} pools
      %li
        %a{:href => "#"} catalogs
      %li
        %a{:href => "#"} more?

  .inset
  .inset  scroll down
  .inset
  .inset  scroll down
  .inset
  .inset
  .inset  scroll down
  .inset
  .inset
  .inset  scroll down
  .inset
  .inset
  .inset
  .inset
  .inset
  .inset
  .inset
  .inset
  .inset
  .inset
  .inset
  .inset
  .inset
  .inset
  .inset
  .inset
  .inset
%footer.footer
  Version 3.4.5