Farkle Part 1: Welcome Template (save as index in /home)

home.jade

!!!
html
  head
    title Welcome to Farkle
    link(rel="stylesheet", href="http://getbootstrap.com/dist/css/bootstrap.css")
    style(type="text/css").
      body {
        margin: 50px auto !important;
      }
      label.dice {
        cursor: pointer;
      }
      label.dice img {
        opacity: 0.4;
      }
      label.dice input[type="checkbox"] {
        display: none;
      }
      label.dice input[type="checkbox"]:checked + img {
        opacity: 1;
      }
      .centered {
        text-align: center;
      }
      input[type=number]::-webkit-inner-spin-button,
      input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
      }

  body
    .container
      .row
        .col-md-8.col-md-offset-2.col-sm-12
          h1 Welcome to Farkle
          hr
      .row
        .col-md-3.col-md-offset-2.col-sm-4
          button.btn.btn-default.col-sm-12 Create Game
        .col-md-5.col-sm-8
          .input-group
            span.input-group-addon Game #
            input.form-control(type="number", min="0")
            .input-group-btn
              button.btn.btn-default Join Game