hopjs/examples/tasks/views/login.jade

A RESTful declarative API framework, with stub generators for Shell, and Android

extends layout

block content
  style.
    body {
      padding-top: 40px;
      padding-bottom: 40px;
      background-color: #eee;
    }

    .form-signin {
      max-width: 330px;
      padding: 15px;
      margin: 0 auto;
    }
    .form-signin .form-signin-heading,
    .form-signin .checkbox {
      margin-bottom: 10px;
    }
    .form-signin .checkbox {
      font-weight: normal;
    }
    .form-signin .form-control {
      position: relative;
      font-size: 16px;
      height: auto;
      padding: 10px;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
    }
    .form-signin .form-control:focus {
      z-index: 2;
    }
    .form-signin input[type="text"] {
      margin-bottom: -1px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .form-signin input[type="password"] {
      margin-bottom: 10px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
  .container
    form.form-signin(role='form',action="/login",method="post")
        -if(error)
          b.error #{error}
        h2.form-signin-heading Sign In
        input.form-control(type='text', name="email",placeholder='Email address', required='', autofocus='')
        input.form-control(type='password', name="password",placeholder='Password', required='')
        label.checkbox
          input(type='checkbox', value='remember-me')
          | Remember me
        button.btn.btn-lg.btn-primary.btn-block(type='submit') Sign in  
        a(href="signup") Don't have an account? Sign up here!