BitsGame/index.html at master · tristaaan/BitsGame · GitHub

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<html>
<head>
  <title>Bits</title>
  <link rel="stylesheet" type="text/css" href="dist/main.css">
  <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>

  <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
</head>
<body>
  <div id="board">
    <div id="bitRow">
      <div class="bit"></div>
    </div>
  </div><br/>
  <div id="pattern">
    <div class="miniBit"></div>
  </div>
  <div id="status"></div><br/>
  <div id="controls">
    <br/>
    <button value="Submit" type="button" id="resetButton">Reset</button>
    <button value="Submit" type="button" id="newButton">New</button>
    Rows:
    <select id="rowsDropdown">
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3" selected="selected">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
      <option value="7">7</option>
      <option value="8">8</option>
      <option value="9">9</option>
      <option value="10">10</option>
    </select>
    Columns
    <select id="colsDropdown">
      <option value="2">2</option>
      <option value="3" selected="selected">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
      <option value="7">7</option>
      <option value="8">8</option>
      <option value="9">9</option>
      <option value="10">10</option>
    </select>
    Colors:
    <select id="varietyDropdown">
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
    </select>
    Mode:
    <select id="modeDropdown">
      <option value="adjacent">Adjacent</option>
      <option value="star">Continuous</option>
      <option value="double">Single-Double</option>
    </select>
  </div>
  <div id="about">
    <br/>
    <dl>
      <dt>Goal:</dt>
      <dd>Turn all the bits black.</dd>
      <dt>Modes:</dt>
      <dt class="sub">Adjacent</dt>
      <dd>The clicked bit and its adjacent bits get incremented by one.<dd>
      </dd>
      <dt class="sub">Continuous</dt>
      <dd>The clicked bit and all bits above, below, left, and right get incremented by one.<dd>
      </dd>
      <dt class="sub">Single-Double</dt>
      <dd>The clicked bit gets incremented by one and the immediate adjacent by two. Best played on a 1 row board and more than two colors.<dd>
      </dd>
    </dl>
  </div>
  <script src="dist/index.js"></script>
</body>
</html>