summaryrefslogtreecommitdiff
path: root/cao-mobile.html
blob: 81e20a7799af100b34d36a2c6845a022bef3c0c4 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>CAO</title>
    <link rel="stylesheet" href="cao-common.css">
    <link rel="stylesheet" href="cao-mobile.css">
    <script src="bower_components/jquery/dist/jquery.js"></script>
    <script src="cao-common.js"></script>
    <script src="cao-mobile.js"></script>
  </head>
  <body>
  <div data-role="page">
      <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="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>
          <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>