diff options
Diffstat (limited to 'webapp/swiftstory-mobile.html')
| -rw-r--r-- | webapp/swiftstory-mobile.html | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/webapp/swiftstory-mobile.html b/webapp/swiftstory-mobile.html new file mode 100644 index 0000000..a0407d4 --- /dev/null +++ b/webapp/swiftstory-mobile.html @@ -0,0 +1,41 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" /> + <title>SwiftStory</title> + <link rel="stylesheet" href="swiftstory-common.css"> + <link rel="stylesheet" href="swiftstory-mobile.css"> + <script src="jquery.js"></script> + <script src="swiftstory-common.js"></script> + <script src="swiftstory-config.js"></script> + <script src="swiftstory-mobile.js"></script> + </head> + <body> + <div data-role="page"> + <header hidden> + <span id="leave-room">Leave this room</span> + <span id="score">Your score is <span id="score-value">0</span></span> + </header> + <div id="home" class="page current"> + <h1>SwiftStory</h1> + <h2>We're not out of the woods yet.</h2> + <button id="join-btn" class="bottom" hidden>Join game!</button> + </div> + <div id="game" class="page"> + <div data-state="judge-collect"> + <div class="card-list read-only"> + <button id="black-card" class="card black"></button> + </div> + <div class="message">You have <span id="played-card-number">0</span> cards!</div> + </div> + <div id="white-cards" class="card-list read-only" disabled='disabled'></div> + <div id="played-cards" class="card-list read-only"></div> + <button id="become-judge-btn" class="bottom" data-state="become-judge">Become judge!</button> + <div class="bottom" data-state="judge-choose">Pick the best card...</div> + <div class="bottom" data-state="player-choose">Choose a card...</div> + <div class="bottom" data-state="player-wait">Waiting for judge...</div> + <button id="judge-collect-btn" class="bottom" data-state="judge-collect">Collect!</button> + </div> + </body> +</html> |