-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (123 loc) · 6.3 KB
/
index.html
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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="favicon.ico">
<title>Incremental Monkey Theorem</title>
<!-- Bootstrap core CSS -->
<link href="css/paper.bootstrap.min.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/hackTimer.js"></script>
<script type="text/javascript" src="js/utility.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/buttons.js"></script>
<script type="text/javascript" src="js/contracts.js"></script>
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- HTML5 shim and Respond.js for I vc v vE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-fixed-top">
<div class="container-fluid">
<div class=navbar-header>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div id="navbar" class="navbar-collapse collapse">
<div class="navbar-brand">Incremental Monkey Theorem</div>
</div>
</div>
</div>
</nav>
<div class="container-fluid">
<div class="row">
<div class="col-md-3">
<div class="panel panel-primary">
<div class="panel-heading">Stuff</div>
<div class="panel-body">
<div class="text-center">
<button type="button" class="btn btn-default" id="zeroButton" onclick="zeroButton()">Zero</button>
<button type="button" class="btn btn-default" id="fundingButton" onclick="obtainFunding()">Obtain Funding</button>
<div class="progress" id="fundingProgressContainer">
<div class="progress-bar" role="progressbar" aria-valuenow="70"
aria-valuemin="0" aria-valuemax="100" style="width:0%" id="fundingProgress">
<span class="sr-only">70% Complete</span>
</div>
</div>
</div>
<div id="cash"></div>
<div id="science"></div>
<div id="monkey"></div>
<div id="chimp"></div>
</div>
</div>
</div>
<div class="col-md-9">
<div class="panel panel-primary">
<div class="panel-heading">Thing but with tabs</div>
<div class="panel-body">
<div class="tabbedNav text-center">
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#primates">Primates</a></li>
<li><a data-toggle="tab" href="#lab">Laboratory</a></li>
<li><a data-toggle="tab" href="#contracts">Contracts</a></li>
</ul>
</div>
<div class="tab-content">
<div id="primates" class="tab-pane fade in active">
<div class="actionButtons text-center" id="unitButtons">
</div>
</div>
<!-- Laboratory Content Start -->
<div id="lab" class="tab-pane fade">
<div class="panel panel-default">
<a class="panel-default" data-toggle="collapse" data-parent="#accordion" href="#content" aria-expanded="false">
<div class="panel-heading"> <h4 class="panel-title">Monkey Upgrades <i class="fa fa-caret-down" aria-hidden="true"></i> <i class="fa fa-caret-up" aria-hidden="false"></i> </h4>
</div> </a>
<div id="content" class="panel-collapse collapse">
<div class="panel-body" id="monkeyUpgrades">
</div>
</div>
</div>
<div class="panel panel-default">
<a class="panel-default" data-toggle="collapse" href="#chimpUContent" aria-expanded="false">
<div class="panel-heading"> <h4 class="panel-title">Chimp Upgrades<i class="fa fa-caret-down" aria-hidden="true"></i> <i class="fa fa-caret-up" aria-hidden="false"></i> </h4>
</div> </a>
<div id="chimpUContent" class="panel-collapse collapse">
<div class="panel-body" id="chimpUpgrades">
</div>
</div>
</div>
</div>
<!--Laboratory Content End -->
<!-- Contracts content start -->
<div id="contracts" class="tab-pane fade">
<h4 class="text-center">Contracts Active: 0 / 3</h4>
<div id="contractsContainer">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<!-- Bootstrap core JavaScript-->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</body>
</html>