-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
135 lines (103 loc) · 3.68 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
<!DOCTYPE html>
<head>
<title>Farkel Board</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- Loading Bootstrap -->
<link href="css/bootstrap.css" rel="stylesheet">
<!-- Loading Flat UI -->
<link href="css/flat-ui.css" rel="stylesheet">
<link href="css/dicegame.css" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.ico">
<!-- Load JS here for greater good -->
<script src="js/jquery-1.8.2.min.js"></script>
<!-- ========= my game js ============= -->
<script src="js/dicegame.js"></script>
</head>
<body>
<header>
<div class="content">
<div id="logo"><a href="index.html"><h3>Farkel 10K</h3></a></div><!-- logo -->
<div class="clear"></div>
</div><!--content-->
</header>
<div id="main">
<div class="content">
<div class="player">
<div id="player1"> <!-- left player -->
<h5><img src="images/dice1.png">Player 1</h5>
<div class="totalscore"><h4>Roll!</h4></div>
<div class="recentscores">
<ul>
<li id="li0">0</li>
<li id="li1">0</li>
<li id="li2">0</li>
</ul>
</div><!-- recentscores -->
</div> <!-- closing player1 -->
</div><!-- player -->
<div class="player">
<div id="player2"> <!-- right player -->
<h5>Player 2<img src="images/dice2.png"></h5>
<div class="totalscore"><h4>Roll!</h4></div>
<div class="recentscores">
<ul>
<li id="li0">0</li>
<li id="li1">0</li>
<li id="li2">0</li>
</ul>
</div><!-- recentscores -->
</div><!-- closing player2 -->
</div> <!-- player -->
<div class="player">
<div id="player3"> <!-- left player -->
<h5><img src="images/dice3.png">Player 3</h5>
<div class="totalscore"><h4>Roll!</h4></div>
<div class="recentscores">
<ul>
<li id="li0">0</li>
<li id="li1">0</li>
<li id="li2">0</li>
</ul>
</div><!-- recentscores -->
</div><!-- closing player3 -->
</div> <!-- player -->
<div class="player">
<div id="player4"> <!-- right player -->
<h5>Player 4<img src="images/dice4.png"></h5>
<div class="totalscore"><h4>Roll!</h4></div>
<div class="recentscores">
<ul>
<li id="li0">0</li>
<li id="li1">0</li>
<li id="li2">0</li>
</ul>
</div><!-- recentscores -->
</div><!-- closing player4 -->
</div> <!-- player -->
</div><!--content-->
</div> <!-- closing main -->
<div id="calculator">
<div class="content">
<!-- old icons, to small to click -->
<!-- <span class="fui-cross-24"></span> <span class="fui-checkmark-24" ></span> -->
<div id="currentroll">
<div id="cancel" class="fui-cross-24"></div><span id="currentscore"><h4>Score...</h4></span><div id="submit" class="fui-checkmark-24"></div>
</div><!-- currentroll -->
<div id="scorebuttons">
<div class="btn-toolbar">
<div class="btn-group">
<input type="button" class="btn btn-primary" id="b50" value="50">
<input type="button" class="btn btn-primary" id="b100" value="100">
<input type="button" class="btn btn-primary" id="b300" value="300">
<input type="button" class="btn btn-primary" id="b1000" value="1000">
<input type="button" class="btn btn-primary" id="b1500" value="1500">
</div><!-- btn-group -->
</div> <!-- btn-toolbar -->
</div> <!-- currentroll -->
</div><!--content-->
</div> <!-- closing calculator -->
<footer>
<p>Ver 2.0 © 2016 by Tim</p>
</footer>
</body>