!!!
%html
  %head
    %title Nestene
    %meta{:content => "width=device-width, initial-scale=1.0", :name => "viewport"}
      / Bootstrap
      %link{:href => url("/vendor/bootstrap/css/bootstrap.min.css"), :rel => "stylesheet"}
      %link{:href => url("/vendor/json-editor/styles.css"), :rel => "stylesheet"}
        / HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries
        / WARNING: Respond.js doesn't work if you view the page via file://
        /[if lt IE 9]
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  %body
    .container
      / Static navbar
      .navbar.navbar-default{:role => "navigation"}
        .navbar-header
          %button.navbar-toggle{"data-target" => ".navbar-collapse", "data-toggle" => "collapse", :type => "button"}
            %span.sr-only Toggle navigation
            %span.icon-bar
            %span.icon-bar
            %span.icon-bar
          %a.navbar-brand{:href => url("/")} Nestene
      %ol.breadcrumb
        - (@position || [{link: url('/'), name: 'Home'}]).each do |crumb|
          %li
            %a.btn.btn-default.btn-xs{href: crumb[:link]}=crumb[:name]
      %div
        - if @error then
          .alert.alert-error= @error
        = yield
    %script{:src => url("/vendor/jquery.min.js")}
    %script{:src => url("/vendor/jquery-ui.min.js")}
    %script{:src => url("/vendor/angular.min.js")}
    %script{:src => url("/vendor/bootstrap/js/bootstrap.min.js")}
    %script{:src => url("/vendor/jquery.bootstrap-growl.min.js")}
    %script{:src => url("/vendor/angular-ui-sortable/sortable.min.js")}
    %script{:src => url("/vendor/json-editor/directives.js")}
    %script{:src => url("/app/application.js")}