david
/
chess-io


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264
							extends layout

block content
  header.clearfix
    a.button(href='/') New game
    a.button.resign Resign
    a.chat
      img#bubble(src='/images/chat.svg', width='50', height='50')
      | Chat

  script(type='text/javascript')
    $token = '#{token}';
  script(type='text/javascript', src='/javascripts/play.js')
  audio(id='moveSnd', preload='auto')
    source(src='/sounds/move.mp3')
    source(src='/sounds/move.ogg')
  audio(id='messageSnd', preload='auto')
    source(src='/sounds/message.mp3')

  #chat-wrapper
    h4 Chat
    a.close x
    ul#chat
    span Write your message:
    form#sendMessage
      input

  #board_moves_wrapper.clearfix
    label(id='sounds_label')
      input(type='checkbox', id='sounds')
      |  Enable sounds
    #board_wrapper
      #captured-pieces
        ul.w
        ul.b
      table.chess_board.white
        tr
          td.A8(data-id='A8')
            a.black.rook(href='#') &#9820;
          td.B8(data-id='B8')
            a.black.knight(href='#') &#9822;
          td.C8(data-id='C8')
            a.black.bishop(href='#') &#9821;
          td.D8(data-id='D8')
            a.black.king(href='#') &#9819;
          td.E8(data-id='E8')
            a.black.queen(href='#') &#9818;
          td.F8(data-id='F8')
            a.black.bishop(href='#') &#9821;
          td.G8(data-id='G8')
            a.black.knight(href="#") &#9822;
          td.H8(data-id='H8')
            a.black.rook(href='#') &#9820;
        tr
          td.A7(data-id='A7')
            a.black.pawn(href='#') &#9823;
          td.B7(data-id='B7')
            a.black.pawn(href='#') &#9823;
          td.C7(data-id='C7')
            a.black.pawn(href='#') &#9823;
          td.D7(data-id='D7')
            a.black.pawn(href='#') &#9823;
          td.E7(data-id='E7')
            a.black.pawn(href='#') &#9823;
          td.F7(data-id='F7')
            a.black.pawn(href='#') &#9823;
          td.G7(data-id='G7')
            a.black.pawn(href='#') &#9823;
          td.H7(data-id='H7')
            a.black.pawn(href='#') &#9823;
        tr
          td.A6(data-id='A6')
          td.B6(data-id='B6')
          td.C6(data-id='C6')
          td.D6(data-id='D6')
          td.E6(data-id='E6')
          td.F6(data-id='F6')
          td.G6(data-id='G6')
          td.H6(data-id='H6')
        tr
          td.A5(data-id='A5')
          td.B5(data-id='B5')
          td.C5(data-id='C5')
          td.D5(data-id='D5')
          td.E5(data-id='E5')
          td.F5(data-id='F5')
          td.G5(data-id='G5')
          td.H5(data-id='H5')
        tr
          td.A4(data-id='A4')
          td.B4(data-id='B4')
          td.C4(data-id='C4')
          td.D4(data-id='D4')
          td.E4(data-id='E4')
          td.F4(data-id='F4')
          td.G4(data-id='G4')
          td.H4(data-id='H4')
        tr
          td.A3(data-id='A3')
          td.B3(data-id='B3')
          td.C3(data-id='C3')
          td.D3(data-id='D3')
          td.E3(data-id='E3')
          td.F3(data-id='F3')
          td.G3(data-id='G3')
          td.H3(data-id='H3')
        tr
          td.A2(data-id='A2')
            a.white.pawn(href='#') &#9817;
          td.B2(data-id='B2')
            a.white.pawn(href='#') &#9817;
          td.C2(data-id='C2')
            a.white.pawn(href='#') &#9817;
          td.D2(data-id='D2')
            a.white.pawn(href='#') &#9817;
          td.E2(data-id='E2')
            a.white.pawn(href='#') &#9817;
          td.F2(data-id='F2')
            a.white.pawn(href='#') &#9817;
          td.G2(data-id='G2')
            a.white.pawn(href='#') &#9817;
          td.H2(data-id='H2')
            a.white.pawn(href='#') &#9817;
        tr
          td.A1(data-id='A1')
            a.white.rook(href='#') &#9814;
          td.B1(data-id='B1')
            a.white.night(href='#') &#9816;
          td.C1(data-id='C1')
            a.white.bishop(href='#') &#9815;
          td.D1(data-id='D1')
            a.white.king(href='#') &#9813;
          td.E1(data-id='E1')
            a.white.wife(href='#') &#9812;
          td.F1(data-id='F1')
            a.white.bishop(href='#') &#9815;
          td.G1(data-id='G1')
            a.white.night(href='#') &#9816;
          td.H1(data-id='H1')
            a.white.rook(href='#') &#9814;
      table.chess_board.black(style='display: none;')
        tr
          td.H1(data-id='H1')
            a.white.rook(href='#') &#9814;
          td.G1(data-id='G1')
            a.white.night(href='#') &#9816;
          td.F1(data-id='F1')
            a.white.bishop(href='#') &#9815;
          td.E1(data-id='E1')
            a.white.king(href='#') &#9812;
          td.D1(data-id='D1')
            a.white.queen(href='#') &#9813;
          td.C1(data-id='C1')
            a.white.bishop(href='#') &#9815;
          td.B1(data-id='B1')
            a.white.knight(href='#') &#9816;
          td.A1(data-id='A1')
            a.white.rook(href='#') &#9814;
        tr
          td.H2(data-id='H2')
            a.white.pawn(href='#') &#9817;
          td.G2(data-id='G2')
            a.white.pawn(href='#') &#9817;
          td.F2(data-id='F2')
            a.white.pawn(href='#') &#9817;
          td.E2(data-id='E2')
            a.white.pawn(href='#') &#9817;
          td.D2(data-id='D2')
            a.white.pawn(href='#') &#9817;
          td.C2(data-id='C2')
            a.white.pawn(href='#') &#9817;
          td.B2(data-id='B2')
            a.white.pawn(href='#') &#9817;
          td.A2(data-id='A2')
            a.white.pawn(href='#') &#9817;
        tr
          td.H3(data-id='H3')
          td.G3(data-id='G3')
          td.F3(data-id='F3')
          td.E3(data-id='E3')
          td.D3(data-id='D3')
          td.C3(data-id='C3')
          td.B3(data-id='B3')
          td.A3(data-id='A3')
        tr
          td.H4(data-id='H4')
          td.G4(data-id='G4')
          td.F4(data-id='F4')
          td.E4(data-id='E4')
          td.D4(data-id='D4')
          td.C4(data-id='C4')
          td.B4(data-id='B4')
          td.A4(data-id='A4')
        tr
          td.H5(data-id='H5')
          td.G5(data-id='G5')
          td.F5(data-id='F5')
          td.E5(data-id='E5')
          td.D5(data-id='D5')
          td.C5(data-id='C5')
          td.B5(data-id='B5')
          td.A5(data-id='A5')
        tr
          td.H6(data-id='H6')
          td.G6(data-id='G6')
          td.F6(data-id='F6')
          td.E6(data-id='E6')
          td.D6(data-id='D6')
          td.C6(data-id='C6')
          td.B6(data-id='B6')
          td.A6(data-id='A6')
        tr
          td.H7(data-id='H7')
            a.black.pawn(href='#') &#9823;
          td.G7(data-id='G7')
            a.black.pawn(href='#') &#9823;
          td.F7(data-id='F7')
            a.black.pawn(href='#') &#9823;
          td.E7(data-id='E7')
            a.black.pawn(href='#') &#9823;
          td.D7(data-id='D7')
            a.black.pawn(href='#') &#9823;
          td.C7(data-id='C7')
            a.black.pawn(href='#') &#9823;
          td.B7(data-id='B7')
            a.black.pawn(href='#') &#9823;
          td.A7(data-id='A7')
            a.black.pawn(href='#') &#9823;
        tr
          td.H8(data-id='H8')
            a.black.rook(href='#') &#9820;
          td.G8(data-id='G8')
            a.black.knight(href="#") &#9822;
          td.F8(data-id='F8')
            a.black.bishop(href='#') &#9821;
          td.E8(data-id='E8')
            a.black.king(href='#') &#9818;
          td.D8(data-id='D8')
            a.black.queen(href='#') &#9819;
          td.C8(data-id='C8')
            a.black.bishop(href='#') &#9821;
          td.B8(data-id='B8')
            a.black.knight(href='#') &#9822;
          td.A8(data-id='A8')
            a.black.rook(href='#') &#9820;

    table#moves.clearfix
      thead
        tr
          th Table of moves
      tbody
        tr
    
    span.promotion
      label(id='for_promotion') Promotion: 
        select(id='promotion')
          option(value='q', selected) Queen
          option(value='r') Rook
          option(value='n') Knight
          option(value='b') Bishop

    span.feedback.whitefeedback
      span.feedback-move White to move.
      span.feedback-status