!!! %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 .container .row-fluid .span12 .modal-backdrop.fade.in .modal .modal-header %h2.text-center Sign in %small.muted{style: "margin-left: -5px; font-size: 12px"} SinatraAdmin .modal-body %form.form-horizontal{method: 'post', action: "/admin/login"} %fieldset .control-group %label.control-label{for: "email"} Email .controls %input{id: "email", type: "text", value: params['data'].try(:[], 'email'), name: "data[email]", placeholder: "example@mail.com"} .control-group %label.control-label{for: "password"} Password .controls %input{id: "password", type: "password", value: params['data'].try(:[], 'password'), name: "data[password]", placeholder: "****"} .control-group .controls %span.label.label-important= styled_flash .control-group .controls %button.btn.btn-primary{type: "submit", id: "login"} Login .modal-footer %span.pull-right.muted= "SinatraAdmin v#{SinatraAdmin::VERSION}"