base.pug

doctype html
html(lang='en')
  head
    title ZombiSock
    meta(charset='utf-8')
    meta(name='description', content='A multiplayer game built using HTML5 canvas and WebSockets')
    meta(name='keywords', content='HTML,CSS,XML,JavaScript')
    meta(name='author', content='ayxos')
    meta(name='viewport', content='width=device-width, initial-scale=1.0')
    link(rel='shortcut icon', href='zombie-head.ico')
    link(href='//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css', rel='stylesheet')
    link(rel='stylesheet', href='style/reset.css')
    link(rel='stylesheet', href='style/game.css')
  body
    block body
    button.btn.btn-primary.btn-lg(type='button', data-toggle='modal', data-target='#myModal', style='position:fixed;left: 5px;bottom: 5px;')
      span.glyphicon.glyphicon-cog(aria-hidden='true')
    // Modal
    #myModal.modal.fade(tabindex='-1', role='dialog', aria-labelledby='myModalLabel', aria-hidden='true')
      .modal-dialog
        .modal-content
          .modal-header
            button.close(type='button', data-dismiss='modal', aria-label='Close')
              span(aria-hidden='true') ×
            h4#myModalLabel.modal-title zombieSocket
          .modal-body
            .name(style='display:none;')
              .input-group
                input#name.form-control(type='text', placeholder=' Type a Name')
                span.input-group-btn
                  button.btn.btn-primary(type='button', onclick='initGame()') Go!
            .options
              p#playerName
              | 						Created by 
              a(href='https://github.com/ayxos')  Ayxos 
            .end(style='display:none;')
              | End Game, No humans left...
              | Restart?
          .modal-footer
            button.btn.btn-default(type='button', data-dismiss='modal') Close
            button.btn.btn-primary.options(type='button') Save
            button.btn.btn-primary.end(type='button', style='display:none;', onclick='restartGame()') Restart
    script(src='https://code.jquery.com/jquery-2.1.3.min.js')
    script(src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js')
    script(src='https://cdn.socket.io/socket.io-1.3.4.js')
    script(src='js/requestAnimationFrame.js')
    script(src='js/Keys.js')
    script(src='js/Character.js')
    script(src='js/Player.js')
    block scripts