!!! %html{lang: “en-US”}
%head %meta{charset: 'UTF=8'} %meta{name: "viewport", content: "width=device-width, initial-scale=1.0"} %link{href: "/admin/css/bootstrap.min.css", rel: "stylesheet"} %style body { padding-top: 60px; } %link{href: "/admin/css/bootstrap-responsive.min.css", rel: "stylesheet"} %title Sinatra Admin %body .navbar.navbar-fixed-top.navbar-inverse .navbar-inner .container %a.btn.btn-navbar{data: {toggle: "collapse", target: ".nav-collapse"}} %span.icon-bar %span.icon-bar %span.icon-bar %a.brand{href: "/admin"} SinatraAdmin %small.muted{style: "font-size: 12px"}= " v#{SinatraAdmin::VERSION}" .nav-collapse.collapse %ul.nav - SinatraAdmin.config.routes.each do |route| %li %a{href: "#{route}"}= route.humanize %ul.nav.pull-right %li %a{href: "/admin/logout"} Logout .container =yield %script{src: "/admin/js/jquery-2.1.1.min.js"} %script{src: "/admin/js/bootstrap.min.js"}