!!! %html

%head
  %meta{ 'http-equiv' => 'content-type', content: 'text/html; charset=UTF-8' }
  %title Gitdocs #{Gitdocs::VERSION}
  %link{ href: '/css/bootstrap.css', rel: 'stylesheet' }
  %link{ href: '/css/app.css', rel: 'stylesheet' }
  %link{ href: '/css/tilt.css', rel: 'stylesheet' }
  %link{ href: '/css/coderay.css', rel: 'stylesheet' }
  %script{ src: '/js/util.js', type: 'text/javascript', charset: 'utf-8' }
  %script{ src: '/js/jquery.js', type: 'text/javascript', charset: 'utf-8' }
  %script{ src: '/js/jquery.tablesorter.js', type: 'text/javascript', charset: 'utf-8' }
  %script{ src: '/js/bootstrap-alerts.js', type: 'text/javascript', charset: 'utf-8' }
  %script{ src: '/js/app.js', type: 'text/javascript', charset: 'utf-8' }
%body
  .topbar#nav
    .fill
      .container
        %a.brand{ href: '/' } Gitdocs
        %ul.nav
          %li{ class: ('active' if nav_state == 'home') }
            %a{ href: '/' } Home
          %li{ class: ('active' if nav_state == 'settings') }
            %a{ href: '/settings' } Settings
        %form.pull-left{ action: '/search', method: 'GET' }
          %input{ type: 'text', placeholder: 'Search', name: 'q' }

  .container#main
    .content
      - if @title
        .page-header
          %h1= @title
      .row
        .span16= preserve(yield)

    %footer
      %p © Gitdocs v#{Gitdocs::VERSION}