.bs-docs-masthead
  .container
    h1.title= title

    p.lead
      | Turn checkboxes  
      input(type='checkbox', checked, data-switch-no-init)
      |   and radio buttons  
      input(type='radio', checked, data-switch-no-init)
      |   into toggle switches  
      input(type='checkbox', checked)

    p.lead
      a.btn.btn-outline-inverse.btn-lg(href='https://github.com/Bttstrp/bootstrap-switch/archive/master.zip') Download #{title}
    p.bs-docs-social
      iframe(src='https://ghbtns.com/github-btn.html?user=Bttstrp&repo=bootstrap-switch&type=watch&count=true&size=large', allowtransparency='true', frameborder='0', scrolling='0', width='184', height='30')
      iframe(src='https://ghbtns.com/github-btn.html?user=Bttstrp&repo=bootstrap-switch&type=fork&count=true&size=large', allowtransparency='true', frameborder='0', scrolling='0', width='144', height='30')
    br
    p.version
      | Currently v#{version} · Compatible with Bootstrap 2 and 3

.container
  h2.page-header Getting Started

  p Include the dependencies: jQuery, Bootstrap and #{title} CSS + Javascript.
  pre: code
    | [...]
    | <link href="bootstrap.css" rel="stylesheet">
    | <link href="bootstrap-switch.css" rel="stylesheet">
    | <script src="jquery.js"></script>
    | <script src="bootstrap-switch.js"></script>
    | [...]

  p Add your checkbox.
  pre: code <input type="checkbox" name="my-checkbox" checked>

  p Initialize #{title}.
  pre: code $("[name='my-checkbox']").bootstrapSwitch();

  p Enjoy.

  .text-center
    a.btn.btn-lg.btn-primary(href='examples.html') See Examples
    |  
    a.btn.btn-lg.btn-outline(href='options.html') Browse Documentation