FavoriteAC/index.html at master · Axehurdle/FavoriteAC · 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
72
73
74
75
76
77
78
79
80
81
82
83
<!doctype html>
<html>
	<head>
		<title>Favorite Pokemon - Pick your own!</title>
		<link href="css/style.css" type="text/css" rel="stylesheet">
		<link href="css/meyer.css" type="text/css" rel="stylesheet">
		<meta charset="utf-8">
	</head>
	<body style="background-color:#F0F0F0">
		<div id="game-area">
			<div id="loader-screen">
				<div id="container">
					<div id="percentage"><span>0</span>%</div>
					<div id="percentage-fill"></div>
				</div>
			</div>
			<div id="game">
				<p>Choose your settings. Then click on an egg to begin.</p>
				<p>Pick your favorite of the two pokemon until only 1 remains!</p>

				<div id="choice">
					<span id="pkm1">
						<img class="egg" src="images/egg.png">
					</span>
					<span id="pkm2">
						<img class="egg" src="images/egg.png">
					</span>
					<span id="remaining">---</span> / <span id="total">---</span> eliminated
					<button type="button" id="button-skip" disabled>Skip</button>
					<button type="button" id="button-undo" disabled>Undo</button>
				</div>

				<div id="settings">
					Generations:<br/>
					<label><input type="checkbox" value="0" id="gen-all" checked>All</label> <br/>
					<label><input type="checkbox" value="1" class="gen-checkbox" disabled>I. (RBY)</label>
					<label><input type="checkbox" value="2" class="gen-checkbox" disabled>II. (GSC)</label>
					<label><input type="checkbox" value="3" class="gen-checkbox" disabled>III. (RSE)</label> <br/>
					<label><input type="checkbox" value="4" class="gen-checkbox" disabled>IV. (DPP)</label>
					<label><input type="checkbox" value="5" class="gen-checkbox" disabled>V. (BW)</label>
					<label><input type="checkbox" value="6" class="gen-checkbox" disabled>VI. (XY)</label> <br/>
				</div>

				<div id="grid">
					<div>
						<img src="images/fill.png" class="fav">
						<img src="images/fill.png" class="fav">
						<img src="images/fill.png" class="fav">
						2-4
					</div>
					<div>
						<img src="images/fill.png" class="fav">
						<img src="images/fill.png" class="fav">
						<img src="images/fill.png" class="fav">
						5-7
					</div>
					<div>
						<img src="images/fill.png" class="fav">
						<img src="images/fill.png" class="fav">
						<img src="images/fill.png" class="fav">
						8-10
					</div>
				</div>

				<button type="button" id="button-reset">Reset Game</button>
			</div>
			<ul id="pkmnList" style="list-style: none; margin-left: 20px; margin-top:20px;">
			</ul>
		</div>

		<div id="footer">
			<div>
				Based on this <a href="http://www.contrib.andrew.cmu.edu/~msandbot/pokemon/" target="_blank">webpage</a> created by a student at Carnegie Mellon.
				<br/>
				Pokemon sprites are from Smogon. <a href="http://www.smogon.com/download/sprites/bw/" target="_blank">(Gen 1 - 5)</a>and their <a href="http://www.smogon.com/forums/threads/xy-sprite-project-read-1st-post-pixel-perfect.3486712/" target="_blank"> XY Sprite Project(Gen 6)</a>
				<br/>
				The source can be viewed <a href="https://github.com/fio4ri/FavoritePokemon" target="_blank">here</a>.
			</div>
		</div>

		<script src="script.js"></script>
	</body>
</html>