!!! XHTML
%html{:lang => "en"}
  %head
    %meta{"http-equiv" => "Content-Type", :content => "text/html", :charset => "UTF-8"}
    %meta{:name => "viewport", :content=> "width=device-width, initial-scale=1.0"}
    %title= @title
    %link{:rel => "stylesheet", :href => "#{app_root}/css/bootstrap.min.css", :type => "text/css"}
    %link{:rel => "stylesheet", :href => "#{app_root}/main.css", :type => "text/css"}
    %link{:rel => "stylesheet", :href => "#{app_root}/css/bootstrap-responsive.min.css", :type => "text/css"}

  %body
    %div.navbar.navbar-inverse.navbar-fixed-top
      %div.navbar-inner
        %div.container
          %a.btn.btn-navbar{"data-toggle" => "collapse", "data-target" => ".nav-collapse"}
            %span.icon-bar
            %span.icon-bar
            %span.icon-bar
          %a.brand{:href => app_root}= app_name
          %div.nav-collapse.collapse
            %ul.nav
              %li
                %a.active{:href => app_root} Home
              %li
                %a{:href => "#{app_root}/plugins"} Plugins
    %div.container
      %div#main
        != yield
    %script{:type => "text/javascript", :src => "#{app_root}/js/jquery.js"}
    %script{:type => "text/javascript", :src => "#{app_root}/js/bootstrap.min.js"}
    %script{:type => "text/javascript", :src => "#{bowl_js}"}
    != yield_content :foot_script