forked from HellBlazer-TV/HellBlazer-TV.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.htm
159 lines (155 loc) · 6.58 KB
/
index.htm
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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Kapelsen's Civilization 4 Drafter</title>
<link href="civ4drafter.css" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="drafter.js"></script>
</head>
<body>
<div id="main">
<div id="header">
<p class="headline">Kapelsen's Civilization 4 Drafter</p>
<p class="headline">Based on <a href="https://hellblazer-tv.github.io/">Hellblazers's Civilization 5 Drafter</a></p>
</div>
<form method="post">
<div id="playerdetails">
<ul>
<li>
<br />
<br />
<br />
<label>Number of Players in Game</label>
<select class="drafterdropbox" id="gameplayers">
<option>1 Player</option>
<option>2 Players</option>
<option>3 Players</option>
<option>4 Players</option>
<option>5 Players</option>
<option selected="selected">6 Players</option>
<option>7 Players</option>
<option>8 Players</option>
<option>9 Players</option>
<option>10 Players</option>
<option>11 Players</option>
<option>12 Players</option>
<option>13 Players</option>
<option>14 Players</option>
<option>15 Players</option>
<option>16 Players</option>
<option>17 Players</option>
<option>18 Players</option>
</select>
</li>
<li>
<label>Number of Random Picks</label>
<select class="drafterdropbox" id="picks">
<option>1 Pick</option>
<option>2 Picks</option>
<option>3 Picks</option>
<option>4 Picks</option>
<option selected="selected">5 Picks</option>
<option>6 Picks</option>
<option>7 Picks</option>
<option>8 Picks</option>
<option>9 Picks</option>
<option>10 Picks</option>
</select>
</li>
</ul>
</div>
<br />
<br />
<br />
<br />
<div id="civselections">
<p class="selectorheadline">52 Allowed - 0 Banned</p>
<table id="civilizations">
<tr>
<td class="Alexander"><img src="img/alexander.png" />Alexander</td>
<td class="Asoka"><img src="img/asoka.png" />Asoka</td>
<td class="Augustus"><img src="img/augustus.png" />Augustus Caesar</td>
<td class="Bismarck"><img src="img/bismarck.png" />Bismarck</td>
<td class="Boudica"><img src="img/boudica.png" />Boudica</td>
<td class="Brennus"><img src="img/brennus.png" />Brennus</td>
<td class="Catherine"><img src="img/catherine.png" />Catherine</td>
<td class="Charlemagne"><img src="img/charlemagne.png" />Charlemagne</td>
</tr>
<tr>
<td class="Churchill"><img src="img/churchill.png" />Churchill</td>
<td class="Cyrus"><img src="img/cyrus.png" />Cyrus</td>
<td class="Darius"><img src="img/darius.png" />Darius I</td>
<td class="DeGaulle"><img src="img/degaulle.png" />De Gaulle</td>
<td class="Elizabeth"><img src="img/elizabeth.png" />Elizabeth</td>
<td class="Frederick"><img src="img/frederick.png" />Frederick</td>
<td class="Gandhi"><img src="img/gandhi.png" />Gandhi</td>
<td class="Genghis"><img src="img/genghis.png" />Genghis Khan</td>
</tr>
<tr>
<td class="Gilgamesh"><img src="img/gilgamesh.png" />Gilgamesh</td>
<td class="Hammurabi"><img src="img/hammurabi.png" />Hammurabi</td>
<td class="Hannibal"><img src="img/hannibal.png" />Hannibal</td>
<td class="Hatshepsut"><img src="img/hatshepsut.png" />Hatshepsut</td>
<td class="Huayna"><img src="img/huayna.png" />Huayna Capac</td>
<td class="Isabella"><img src="img/isabella.png" />Isabella</td>
<td class="Joao"><img src="img/joao.png" />Joao II</td>
<td class="Julius"><img src="img/julius.png" />Julius Caesar</td>
</tr>
<tr>
</tr>
<tr>
<td class="Justinian"><img src="img/justinian.png" />Justinian I</td>
<td class="Kublai"><img src="img/kublai.png" />Kublai Khan</td>
<td class="Lincoln"><img src="img/lincoln.png" />Lincoln</td>
<td class="Louis"><img src="img/louis.png" />Louis XIV</td>
<td class="Mansa"><img src="img/mansa.png" />Mansa Musa</td>
<td class="Mao"><img src="img/mao.png" />Mao Zedong</td>
<td class="Mehmed"><img src="img/mehmed.png" />Mehmed II</td>
<td class="Montezuma"><img src="img/montezuma.png" />Montezuma</td>
</tr>
<tr>
<td class="Napoleon"><img src="img/napoleon.png" />Napoleon</td>
<td class="Pacal"><img src="img/pacal.png" />Pacal II</td>
<td class="Pericles"><img src="img/pericles.png" />Pericles</td>
<td class="Peter"><img src="img/peter.png" />Peter</td>
<td class="Qin"><img src="img/qin.png" />Qin Shi Huang</td>
<td class="Ragnar"><img src="img/ragnar.png" />Ragnar</td>
<td class="Ramesses"><img src="img/ramesses.png" />Ramesses II</td>
<td class="Roosevelt"><img src="img/roosevelt.png" />Roosevelt</td>
</tr>
<tr>
<td class="Saladin"><img src="img/saladin.png" />Saladin</td>
<td class="Shaka"><img src="img/shaka.png" />Shaka</td>
<td class="Sitting"><img src="img/sitting.png" />Sitting Bull</td>
<td class="Stalin"><img src="img/stalin.png" />Stalin</td>
<td class="Suleiman"><img src="img/suleiman.png" />Suleiman</td>
<td class="Suryavarman"><img src="img/suryavarman.png" />Suryavarman II</td>
<td class="Tokugawa"><img src="img/tokugawa.png" />Tokugawa</td>
<td class="Victoria"><img src="img/victoria.png" />Victoria</td>
</tr>
<tr>
<td class="Wang"><img src="img/wang.png" />Wang Kon</td>
<td class="Washington"><img src="img/washington.png" />Washington</td>
<td class="Willem"><img src="img/willem.png" />Willem van Oranje</td>
<td class="Zara"><img src="img/zara.png" />Zara Yaqob</td>
</tr>
</table>
</div>
<br />
<div id="buttons">
<input class="submitbutton" name="create" id="create" type="button" value="Create Draft" />
<input class="submitbutton" name="reset" id="reset" type="button" value="Reset" />
<input class="submitbutton" name="all" id="all" type="button" value="All" />
</div>
</form>
<div id="results">
</div>
</div>
<div id="copyresultstext">
<textarea rows="4" cols="50" id="copyTarget">
Text to Copy
</textarea>
</div>
</body>
</html>