mathbeast/index.html at master · linxiao-li/mathbeast · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>MathBeast</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="css/style.css" rel="stylesheet" media="all">
</head>
<body>

<div class="wrapper">

  <header role="banner">

    <div class="header-left">
      <section class="region brand-region">
        <h1 class="game-name">MathBeast</h1>
      </section>
    </div>

    <div class="header-right">
      <section class="region settings-button-region">
        <button class="settings-button">Settings</button>
      </section>
    </div>

  </header>

  <main role="main">

    <div class="settings">
      <section class="region settings-region">
        <div><input id="upperLimitInput" placeholder="Upper Limit" /></div>
        <div><input id="lowerLimitInput" placeholder="Lower Limit"/></div>
        <div>
          <select id="operatorInput">
            <option value="+">+</option>
            <option value="-">-</option>
            <option value="*">*</option>
            <option value="/">/</option>
          </select>
        </div>
        <div>
          <button class="settings-save">Save</button>
        </div>
      </section>
    </div>

    <section class="canvas">
    </section>

  </main>

  <footer role="contentinfo">
    <section class="region footer-region">
      <p><small>Copyright &copy; MathBeast <time datetime="2015">2015</time></small></p>
    </section>
  </footer>

</div>

<script src="lib/jquery/jquery-2.1.3.min.js" media="all"></script>
<script src="lib/jquery-ui/jquery-ui.min.js" media="all"></script>
<link href="lib/jquery-ui/jquery-ui.css" rel="stylesheet" media="all">

<script src="js/mathbeast.js" media="all"></script>
<script src="js/app.js" media="all"></script>

</body>
</html>