diff options
| author | Jeremie Taboada <taboada.jeremie@gmail.com> | 2015-06-05 02:15:45 +0100 |
|---|---|---|
| committer | Olivier Gayot <duskcoder@gmail.com> | 2015-06-08 17:01:47 +0100 |
| commit | 2e3485c9d1f01327df9f192a74e572459e2f341c (patch) | |
| tree | 7f0a5972c4b239420bc519b51be4101cbf2dfe84 /cao-mobile.html | |
| parent | 8e7b372fc355349b1013ff00573fd8c746e75679 (diff) | |
Continue UI integration.
Diffstat (limited to 'cao-mobile.html')
| -rw-r--r-- | cao-mobile.html | 75 |
1 files changed, 11 insertions, 64 deletions
diff --git a/cao-mobile.html b/cao-mobile.html index c775628..81e20a7 100644 --- a/cao-mobile.html +++ b/cao-mobile.html @@ -11,77 +11,24 @@ </head> <body> <div data-role="page"> - <header> - <span>Leave this room</span> + <header hidden> + <span id="leave-room">Leave this room</span> </header> <div id="home" class="page current"> <h1>Cards Against Humanity</h1> <h2>A party game for horrible people.</h2> <button id="join-btn" class="bottom" hidden>Join game!</button> </div> - <div id="become-judge" class="page"> - <div class="card-list read-only"> - <button class="card">The female orgasm.</button> - <button class="card">Coat hanger abortions.</button> - <button class="card">Some god-damn peace and quiet.</button> - <button class="card">Overpowering your father.</button> - <button class="card">Alcoholism.</button> - <button class="card">Count Chocula.</button> - <button class="card">My sex dungeon.</button> - <button class="card">24-hour media coverage.</button> - <button class="card">Words, words, words.</button> - <button class="card">A cop who is also a dog.</button> + <div id="game" class="page"> + <div data-state="judge-collect"> + <button id="black-card" class="card black read-only"></button> + <div class="message">You have <span id="played-card-number">0</span> cards!</div> </div> - <button class="bottom">Become judge!</button> - </div> - <div id="judge-collect" class="page"> - <div class="card-list read-only"> - <button class="card black">During high school, I never really fit in until I found _____ club.</button> - </div> - <div class="message">You have 2 cards!</div> - <div class="card-list read-only"> - <button class="card">The female orgasm.</button> - <button class="card">Coat hanger abortions.</button> - <button class="card">Some god-damn peace and quiet.</button> - <button class="card">Overpowering your father.</button> - <button class="card">Alcoholism.</button> - <button class="card">Count Chocula.</button> - <button class="card">My sex dungeon.</button> - <button class="card">24-hour media coverage.</button> - <button class="card">Words, words, words.</button> - <button class="card">A cop who is also a dog.</button> - </div> - <button class="bottom">Collect!</button> - </div> - <div id="judge-choice" class="page"> - <div class="card-list"> - <button class="card">The female orgasm.</button> - <button class="card">Coat hanger abortions.</button> - <button class="card">Some god-damn peace and quiet.</button> - <button class="card">Overpowering your father.</button> - <button class="card">Alcoholism.</button> - <button class="card">Count Chocula.</button> - <button class="card">My sex dungeon.</button> - <button class="card">24-hour media coverage.</button> - <button class="card">Words, words, words.</button> - <button class="card">A cop who is also a dog.</button> - </div> - <div class="bottom">During high school, I never really fit in until I found _____ club..</div> - </div> - <div id="player-choice" class="page"> - <div class="card-list"> - <button class="card">The female orgasm.</button> - <button class="card">Coat hanger abortions.</button> - <button class="card">Some god-damn peace and quiet.</button> - <button class="card">Overpowering your father.</button> - <button class="card">Alcoholism.</button> - <button class="card">Count Chocula.</button> - <button class="card">My sex dungeon.</button> - <button class="card">24-hour media coverage.</button> - <button class="card">Words, words, words.</button> - <button class="card">A cop who is also a dog.</button> - </div> - <div class="bottom">Choose a card...</div> + <div id="white-cards" class="card-list"></div> + <button id="become-judge-btn" class="bottom" data-state="become-judge">Become judge!</button> + <div class="bottom" data-state="judge-choose">During high school, I never really fit in until I found _____ club..</div> + <div class="bottom" data-state="player-choose">Choose a card...</div> + <button class="bottom" data-state="judge-collect">Collect!</button> </div> </body> </html> |