summaryrefslogtreecommitdiff
path: root/usr/share/swiftstory/www/swiftstory-mobile.html
diff options
context:
space:
mode:
authorOlivier Gayot <olivier.gayot@sigexec.com>2018-03-09 13:38:23 +0100
committerOlivier Gayot <olivier.gayot@sigexec.com>2018-03-09 13:38:23 +0100
commit8da3b6f8e31e1c9cf40e3f5ffd25316d5bce5944 (patch)
treea063ba34996e4754274bbcd28c104edb380717a9 /usr/share/swiftstory/www/swiftstory-mobile.html
parent899b6558513e9d5920a1525aefb9e3ac21349142 (diff)
moved webapp files in the usr/share/swiftstory dir
Signed-off-by: Olivier Gayot <olivier.gayot@sigexec.com>
Diffstat (limited to 'usr/share/swiftstory/www/swiftstory-mobile.html')
-rw-r--r--usr/share/swiftstory/www/swiftstory-mobile.html41
1 files changed, 41 insertions, 0 deletions
diff --git a/usr/share/swiftstory/www/swiftstory-mobile.html b/usr/share/swiftstory/www/swiftstory-mobile.html
new file mode 100644
index 0000000..a0407d4
--- /dev/null
+++ b/usr/share/swiftstory/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>