diff options
| author | Olivier Gayot <olivier.gayot@sigexec.com> | 2018-03-09 13:38:23 +0100 |
|---|---|---|
| committer | Olivier Gayot <olivier.gayot@sigexec.com> | 2018-03-09 13:38:23 +0100 |
| commit | 3ce0c30a4c1518e53bcd6c2773895a39adfb1a1e (patch) | |
| tree | 1c4ebe8f53f759ba79d3c9f3d31940b7dfe97db8 /www/swiftstory-mobile.html | |
| parent | 493b116f73ec3912ca7af3d6ece3434279cbcfb5 (diff) | |
renamed webapp/ www/
Signed-off-by: Olivier Gayot <olivier.gayot@sigexec.com>
Diffstat (limited to 'www/swiftstory-mobile.html')
| -rw-r--r-- | www/swiftstory-mobile.html | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/www/swiftstory-mobile.html b/www/swiftstory-mobile.html new file mode 100644 index 0000000..a0407d4 --- /dev/null +++ b/www/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> |