Created
February 17, 2013 12:43
-
-
Save anonymous/4971342 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html xmlns='http://www.w3.org/1999/xhtml'> | |
| <head> | |
| <title>International Tarock Server</title> | |
| <link href='<%=url.file('css', 'default.css')%>' media='screen, print' rel='stylesheet' type='text/css' /> | |
| <style id='cardSize' type='text/css'></style> | |
| </head> | |
| <body> | |
| <div id='header'> | |
| <img alt='Tarock.us Logo' class='logo' src='<%=url.file('img', 'design', 'panel.png')%>' /> | |
| <div id='profile'> | |
| <img alt='' src='' /> | |
| <h3></h3> | |
| <div class='rating'></div> | |
| <a href='<%=url.link('logout')%>'>Log out</a> | |
| </div> | |
| <div id='menu'> | |
| <a href='forums'>Forums</a> | |
| <a href='tournaments'>Tournaments</a> | |
| <a href='rules'>Rules</a> | |
| <div class='fullscreen'>Fulscreen mode (F11)</div> | |
| <div class='big zoomout'></div> | |
| <div class='big zoomin'></div> | |
| <div class='big volume'></div> | |
| <div class='big language'></div> | |
| </div> | |
| <iframe id='facebookIframe' src='https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2Ftarock.us&amp;send=false&amp;width=160&amp;show_faces=true&amp;appId=199853290083934'></iframe> | |
| </div> | |
| <div id='content'> | |
| <div id='extend'></div> | |
| <div id='tabs'> | |
| <a class='login' href='login'>Log in</a> | |
| <a class='lobby' href='lobby'>Lobby</a> | |
| </div> | |
| <div id='pages'> | |
| <div class='login' id='login'> | |
| <img alt='Tarock.us Logo' class='panel' src='<%=url.file('img', 'design', 'panel.png')%>' /> | |
| <div class='options'> | |
| <div> | |
| <h2>Play as guest</h2> | |
| <p>Playing as guest is simple. Just write a chosen name below.</p> | |
| <div class='makeGuest' id='makeGuest'> | |
| <input name='name' type='text' /> | |
| <input name='make' type='submit' value='Play now!' /> | |
| </div> | |
| </div> | |
| <div> | |
| <h2>Log in with your facebook account</h2> | |
| <p>Don't worry, we will handle your personal information with care.</p> | |
| <a class='facebookButton' href='https://www.facebook.com/dialog/oauth?client_id=199853290083934&amp;redirect_uri=https%3A%2F%2Ftarock.us%2F&amp;scope=email,publish_stream&amp;state=x'>Log in</a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class='lobby' id='lobby'> | |
| <div class='left'> | |
| <div class='games' id='games'></div> | |
| </div> | |
| <div class='right' id='create'> | |
| <h2>Create new game</h2> | |
| <div> | |
| <strong>Game title:</strong> | |
| <input autocomplete='off' maxlength='20' name='title' type='text' value='' /> | |
| <p>You can leave it blank.</p> | |
| </div> | |
| <div> | |
| <strong>Number of players:</strong> | |
| <label> | |
| <input name='players' type='radio' value='3' /> | |
| Three players | |
| </label> | |
| <label> | |
| <input checked='checked' name='players' type='radio' value='4' /> | |
| Four players | |
| </label> | |
| </div> | |
| <div> | |
| <strong>Game type:</strong> | |
| <label> | |
| <input checked='checked' name='ratingType' type='radio' value='rated' /> | |
| Rated game | |
| </label> | |
| <label> | |
| <input name='ratingType' type='radio' value='friendly' /> | |
| Friendly game | |
| </label> | |
| <label> | |
| <input name='ratingType' type='radio' value='guest' /> | |
| Guest game | |
| </label> | |
| </div> | |
| <div> | |
| <strong> | |
| Number of rounds: | |
| <span class='rounds amount'>10</span> | |
| </strong> | |
| <input name='rounds' type='hidden' value='10' /> | |
| <div class='rounds slider'></div> | |
| <p>Extension during the game is possible (player consent).</p> | |
| </div> | |
| <div> | |
| <strong> | |
| Time tempo: | |
| <span class='tempo amount'>6 seconds</span> | |
| </strong> | |
| <input name='tempo' type='hidden' value='6' /> | |
| <div class='tempo slider'></div> | |
| <p>The time addon to your available time every turn.</p> | |
| </div> | |
| <div> | |
| <strong> | |
| Rating limit: | |
| <span class='rating amount'>Without</span> | |
| </strong> | |
| <input name='ratingLimit' type='hidden' value='5000' /> | |
| <div class='rating slider'></div> | |
| </div> | |
| <div> | |
| <strong>Renonce mode:</strong> | |
| <label> | |
| <input name='renonce' type='checkbox' /> | |
| Do not limit valid cards, punish mistakes. | |
| </label> | |
| </div> | |
| <input name='create' type='submit' value='Create game!' /> | |
| </div> | |
| </div> | |
| <div id='forums'> | |
| <div class='left'> | |
| <div class='iframe'></div> | |
| </div> | |
| <div class='right'> | |
| <h2>Game forum</h2> | |
| </div> | |
| </div> | |
| <div id='tournaments'> | |
| <div class='left'> | |
| <div class='iframe'></div> | |
| </div> | |
| <div class='right'> | |
| <h2>Tournaments</h2> | |
| <p>You are currently participating in these tournaments:</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div id='templates'> | |
| <div class='game'> | |
| <div class='cards'></div> | |
| <div class='left'> | |
| <div class='p1 player'> | |
| <div class='picture'> | |
| <div class='name'></div> | |
| <div class='rating'></div> | |
| <div class='time'>00:00:00</div> | |
| </div> | |
| <div class='openCards'></div> | |
| </div> | |
| <div class='p2 player'> | |
| <div class='picture'> | |
| <div class='name'></div> | |
| <div class='rating'></div> | |
| <div class='time'>00:00:00</div> | |
| </div> | |
| <div class='openCards'></div> | |
| </div> | |
| <div class='p3 player'> | |
| <div class='picture'> | |
| <div class='name'></div> | |
| <div class='rating'></div> | |
| <div class='time'>00:00:00</div> | |
| </div> | |
| <div class='openCards'></div> | |
| </div> | |
| <div class='0 stack'></div> | |
| <div class='1 stack'></div> | |
| <div class='2 stack'></div> | |
| <div class='3 stack'></div> | |
| <div class='4 stack'></div> | |
| <div class='bid window'> | |
| <h2>Bidding</h2> | |
| <div class='bids'></div> | |
| <h3>Choose your bid:</h3> | |
| <div class='choice'></div> | |
| </div> | |
| <div class='call window'> | |
| <h2>Calling for a king</h2> | |
| </div> | |
| <div class='talon window'> | |
| <h2>Exchanging with talon</h2> | |
| </div> | |
| <div class='discard window'> | |
| <h2>Put down 0 cards</h2> | |
| <p>Simply click on the card to discard it.</p> | |
| </div> | |
| <div class='announce window'> | |
| <h2>Announcing the bonusses</h2> | |
| <p>Please tick the appropriate boxes and click "Continue".</p> | |
| <div class='data'></div> | |
| <input name='announce' type='submit' value='Continue >>>' /> | |
| <div class='upgrade'> | |
| <h2>Play color valat instead!</h2> | |
| <p>This option is available to you during this turn only.</p> | |
| <input name='upgrade' type='submit' value='Upgrade bid to color valat' /> | |
| </div> | |
| <div class='close'>×</div> | |
| </div> | |
| <div class='scores window'> | |
| <h2>Game results</h2> | |
| <div class='data'></div> | |
| <div class='close'>×</div> | |
| </div> | |
| <div class='ended window'> | |
| <h2> | |
| Congratulations to | |
| <span></span> | |
| ! | |
| </h2> | |
| <div class='data'></div> | |
| <div class='close'>×</div> | |
| </div> | |
| </div> | |
| <div class='right'> | |
| <div class='gameInfo'> | |
| <div class='type'></div> | |
| <div class='suit'></div> | |
| <div class='options'> | |
| ⚙ | |
| <div class='menu'> | |
| <a href='announce'>Show announcements</a> | |
| <a href='scores'>Show results</a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class='timer'> | |
| <div>Your time left:</div> | |
| <div class='time'>00:00.00</div> | |
| </div> | |
| <div class='results'> | |
| <div class='names'> | |
| <div></div> | |
| <div></div> | |
| <div></div> | |
| <div></div> | |
| </div> | |
| <div class='radli'> | |
| <div></div> | |
| <div></div> | |
| <div></div> | |
| <div></div> | |
| </div> | |
| <div class='history'></div> | |
| <div class='sum'> | |
| <div>0</div> | |
| <div>0</div> | |
| <div>0</div> | |
| <div>0</div> | |
| </div> | |
| </div> | |
| <div class='chat'> | |
| <h3>Chat</h3> | |
| <div class='history'></div> | |
| <textarea></textarea> | |
| </div> | |
| </div> | |
| </div> | |
| <div class='box'> | |
| <div class='game'> | |
| <h3></h3> | |
| <p></p> | |
| <div class='players'></div> | |
| <div class='actions'> | |
| <div class='start'>Start game</div> | |
| <div class='delete'>Delete game</div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class='warn'> | |
| <h2>Warning!</h2> | |
| <div class='data'></div> | |
| <div class='close'>×</div> | |
| </div> | |
| </div> | |
| <script type='text/javascript'> | |
| //<![CDATA[ | |
| base='<%=url.base%>'; language='si'; user=<%=@user.to_json%>; | |
| //]]> | |
| </script> | |
| <script src='<%=url.file('js', 'jquery', 'jquery.js')%>' type='text/javascript'></script> | |
| <script src='<%=url.file('js', 'jquery-ui.js')%>' type='text/javascript'></script> | |
| <script src='<%=url.file('js', 'jquery', 'iframize.js')%>' type='text/javascript'></script> | |
| <script src='<%=url.file('js', 'jquery', 'translate.js')%>' type='text/javascript'></script> | |
| <script src='<%=url.file('js', 'translate.js')%>' type='text/javascript'></script> | |
| <script src='<%=url.file('js', 'game.js')%>' type='text/javascript'></script> | |
| </body> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| !!! 5 | |
| %html{xmlns: 'http://www.w3.org/1999/xhtml'} | |
| %head | |
| %title International Tarock Server | |
| %link{href: url.file('css', 'default.css'), media: 'screen, print', rel: 'stylesheet', type: 'text/css'} | |
| %style#cardSize{type: 'text/css'} | |
| %body | |
| #header | |
| %img.logo{alt: 'Tarock.us Logo', src: url.file('img', 'design', 'panel.png')} | |
| #profile | |
| %img{alt: '', src: ''} | |
| %h3 | |
| .rating | |
| %a{href: url.link('logout')} Log out | |
| #menu | |
| %a{href: 'forums'} Forums | |
| %a{href: 'tournaments'} Tournaments | |
| %a{href: 'rules'} Rules | |
| .fullscreen Fulscreen mode (F11) | |
| .big.zoomout | |
| .big.zoomin | |
| .big.volume | |
| .big.language | |
| %iframe#facebookIframe{src: 'https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2Ftarock.us&send=false&width=160&show_faces=true&appId=199853290083934'} | |
| #content | |
| #extend | |
| #tabs | |
| %a.login{href: 'login'} Log in | |
| %a.lobby{href: 'lobby'} Lobby | |
| #pages | |
| #login.login | |
| %img.panel{alt: 'Tarock.us Logo', src: url.file('img', 'design', 'panel.png')} | |
| .options | |
| %div | |
| %h2 Play as guest | |
| %p Playing as guest is simple. Just write a chosen name below. | |
| #makeGuest.makeGuest | |
| %input{name: 'name', type: 'text'} | |
| %input{name: 'make', type: 'submit', value: 'Play now!'} | |
| %div | |
| %h2 Log in with your facebook account | |
| %p Don't worry, we will handle your personal information with care. | |
| %a.facebookButton{href: 'https://www.facebook.com/dialog/oauth?client_id=199853290083934&redirect_uri=https%3A%2F%2Ftarock.us%2F&scope=email,publish_stream&state=x'} Log in | |
| #lobby.lobby | |
| .left | |
| #games.games | |
| #create.right | |
| %h2 Create new game | |
| %div | |
| %strong Game title: | |
| %input{autocomplete: 'off', maxlength: '20', name: 'title', type: 'text', value: ''} | |
| %p You can leave it blank. | |
| %div | |
| %strong Number of players: | |
| %label | |
| %input{name: 'players', type: 'radio', value: '3'} | |
| Three players | |
| %label | |
| %input{checked: 'checked', name: 'players', type: 'radio', value: '4'} | |
| Four players | |
| %div | |
| %strong Game type: | |
| %label | |
| %input{checked: 'checked', name: 'ratingType', type: 'radio', value: 'rated'} | |
| Rated game | |
| %label | |
| %input{name: 'ratingType', type: 'radio', value: 'friendly'} | |
| Friendly game | |
| %label | |
| %input{name: 'ratingType', type: 'radio', value: 'guest'} | |
| Guest game | |
| %div | |
| %strong | |
| Number of rounds: | |
| %span.rounds.amount 10 | |
| %input{name: 'rounds', type: 'hidden', value: '10'} | |
| .rounds.slider | |
| %p Extension during the game is possible (player consent). | |
| %div | |
| %strong | |
| Time tempo: | |
| %span.tempo.amount 6 seconds | |
| %input{name: 'tempo', type: 'hidden', value: '6'} | |
| .tempo.slider | |
| %p The time addon to your available time every turn. | |
| %div | |
| %strong | |
| Rating limit: | |
| %span.rating.amount Without | |
| %input{name: 'ratingLimit', type: 'hidden', value: '5000'} | |
| .rating.slider | |
| %div | |
| %strong Renonce mode: | |
| %label | |
| %input{name: 'renonce', type: 'checkbox'} | |
| Do not limit valid cards, punish mistakes. | |
| %input{name: 'create', type: 'submit', value: 'Create game!'} | |
| #forums | |
| .left | |
| .iframe | |
| .right | |
| %h2 Game forum | |
| #tournaments | |
| .left | |
| .iframe | |
| .right | |
| %h2 Tournaments | |
| %p You are currently participating in these tournaments: | |
| #templates | |
| .game | |
| -# %style#cardSize{type: 'text/css'} | |
| .cards | |
| .left | |
| - 1.upto(3) do |i| | |
| .player{class: 'p'+i.to_s} | |
| .picture | |
| .name | |
| .rating | |
| .time 00:00:00 | |
| .openCards | |
| - 0.upto(4) do |i| | |
| .stack{class: i} | |
| .bid.window | |
| %h2 Bidding | |
| .bids | |
| %h3 Choose your bid: | |
| .choice | |
| .call.window | |
| %h2 Calling for a king | |
| .talon.window | |
| %h2 Exchanging with talon | |
| .discard.window | |
| %h2 Put down 0 cards | |
| %p Simply click on the card to discard it. | |
| .announce.window | |
| %h2 Announcing the bonusses | |
| %p Please tick the appropriate boxes and click "Continue". | |
| .data | |
| %input{name: 'announce', type: 'submit', value: 'Continue >>>'} | |
| .upgrade | |
| %h2 Play color valat instead! | |
| %p This option is available to you during this turn only. | |
| %input{name: 'upgrade', type: 'submit', value: 'Upgrade bid to color valat'} | |
| .close × | |
| .scores.window | |
| %h2 Game results | |
| .data | |
| .close × | |
| .ended.window | |
| %h2 | |
| Congratulations to | |
| %span | |
| \! | |
| .data | |
| .close × | |
| .right | |
| .gameInfo | |
| .type | |
| .suit | |
| .options | |
| ⚙ | |
| .menu | |
| %a{href: 'announce'} Show announcements | |
| %a{href: 'scores'} Show results | |
| .timer | |
| %div Your time left: | |
| .time 00:00.00 | |
| .results | |
| .names | |
| - 4.times do | |
| %div | |
| .radli | |
| - 4.times do | |
| %div | |
| .history | |
| .sum | |
| - 4.times do | |
| %div 0 | |
| .chat | |
| %h3 Chat | |
| .history | |
| %textarea | |
| .box | |
| .game | |
| %h3 | |
| %p | |
| .players | |
| .actions | |
| .start Start game | |
| .delete Delete game | |
| .warn | |
| %h2 Warning! | |
| .data | |
| .close × | |
| :javascript | |
| base='#{url.base}'; language='si'; user=#{@user.to_json}; | |
| - if production | |
| %script{async: true, src: url.file('js', 'js.js'), type: 'text/javascript'} | |
| - elsif | |
| %script{src: url.file('js', 'jquery', 'jquery.js'), type: 'text/javascript'} | |
| %script{src: url.file('js', 'jquery-ui.js'), type: 'text/javascript'} | |
| %script{src: url.file('js', 'jquery', 'iframize.js'), type: 'text/javascript'} | |
| %script{src: url.file('js', 'jquery', 'translate.js'), type: 'text/javascript'} | |
| %script{src: url.file('js', 'translate.js'), type: 'text/javascript'} | |
| %script{src: url.file('js', 'game.js'), type: 'text/javascript'} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment