forked from GamesCrafters/GamesmanGames
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstartGame.html
139 lines (128 loc) · 4.64 KB
/
startGame.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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="stylesheets/app.css"></link>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="globals.js"></script>
<script src="session.js"></script>
<script src="gameSetup.js"></script>
<script src="app.js"></script>
<script src="config.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#game-title').text(game.title);
$('#game-config').getConfigure(game.parameters);
var vars = [], hash;
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for(var i = 0; i < hashes.length; i++)
{
hash = hashes[i].split('=');
vars.push(hash[0]);
vars[hash[0]] = hash[1];
}
$('#gname').val(window.game.asset);
});
</script>
<link rel="stylesheet" href="foundation/css/normalize.css">
<link rel="stylesheet" href="foundation/css/foundation.css">
<script src="foundation/js/vendor/custom.modernizr.js"></script>
</head>
<body>
<div class="row">
<div class="twelve columns">
<div class="panel">
<a href="/"><img src="images/logo.png" height="160" width="160" float="left"></img></a>
<h2 id="game-title" position="relative"></h2>
</div>
</div>
</div>
<div class="row">
<div class="twelve columns">
<div id="game-config" class="twelve columns">
<form action='play.html' class='custom' >
<fieldset>
<legend>Player Info</legend>
<div class="row">
<div class="three columns">
<input type='text' name='player1' value='' placeholder='Player 1 Name' />
</div>
<div class="three columns">
<div class="row collapse">
<div class="six columns">
<input type="radio" name='p1' value='human' checked> Human
</div>
<div class="six columns">
<input type='radio' name='p1' value='comp'> Computer
</div>
</div>
</div>
<div class="three columns">
<input type='text' name='player2' value='' placeholder='Player 2 Name' />
</div>
<div class="three columns">
<div class="row collapse">
<div class="six columns">
<input type='radio' name='p2' value='human' checked> Human
</div>
<div class="six columns">
<input type='radio' name='p2' value='comp'> Computer
</div>
</div>
</div>
</div>
</fieldset>
<fieldset>
<legend>Game Info</legend>
<!--This is Where the game info options will go -->
<div class="three columns">
<div class="row collapse">
<div class="six columns">
<span>Game type: </span>
<input type='radio' name='misere' value='false' checked> Regular
<input type='radio' name='misere' value='yes'> Misere
</div>
</div>
</div>
<div class="three columns">
<div class="row collapse">
<div class="six columns">
<span>Width: </span>
<input type="radio" name='width' value='3' checked> 3
<input type='radio' name='width' value='4'> 4
<input type='radio' name='width' value='5'> 5
<input type='radio' name='width' value='6'> 6
<input type='radio' name='width' value='7'> 7
<input type='radio' name='width' value='8'> 8
</div>
</div>
</div>
<div class="three columns">
<div class="row collapse">
<div class="six columns">
<span>Height: </span>
<input type="radio" name='height' value='3' checked> 3
<input type='radio' name='height' value='4'> 4
<input type='radio' name='height' value='5'> 5
<input type='radio' name='height' value='6'> 6
<input type='radio' name='height' value='7'> 7
<input type='radio' name='height' value='8'> 8
</div>
</div>
</div>
</fieldset>
<input type="hidden" name="p1-type" id="p1-type" value="human" />
<input type="hidden" name="p2-type" id="p2-type" value="computer" />
<input type="hidden" name="game" id="gname" value="" />
<input type="hidden" name="continue-game" id="continue-game" value="no" />
<input class="button radius expand" type="submit" value="Let's Play!" />
</form>
</div>
</div>
</div>
<script src="foundation/js/vendor/jquery.js"></script>
<script src="foundation/js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
</body>
</html>