-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
99 lines (99 loc) · 6.16 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="device=device-width, initial-scale=1.0">
<script src="https://unpkg.com/[email protected]/dist/index.js"></script>
<script src="https://code.iconify.design/2/2.2.1/iconify.min.js"></script>
<link href="./styles.css" rel="stylesheet" type="text/css">
<title>Draw That Pokemon!!</title>
<link rel="icon" type="image/png" sizes="196x196" href="pwa/favicon-196.png">
<meta name="msapplication-square70x70logo" content="pwa/mstile-icon-128.png">
<meta name="msapplication-square150x150logo" content="pwa/mstile-icon-270.png">
<meta name="msapplication-square310x310logo" content="pwa/mstile-icon-558.png">
<meta name="msapplication-wide310x150logo" content="pwa/mstile-icon-558-270.png">
<link rel="apple-touch-icon" href="pwa/apple-icon-180.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="apple-touch-startup-image" href="pwa/apple-splash-2048-2732.jpg" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="pwa/apple-splash-1668-2388.jpg" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="pwa/apple-splash-1536-2048.jpg" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="pwa/apple-splash-1668-2224.jpg" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="pwa/apple-splash-1620-2160.jpg" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="pwa/apple-splash-1284-2778.jpg" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="pwa/apple-splash-1170-2532.jpg" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="pwa/apple-splash-1125-2436.jpg" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="pwa/apple-splash-1242-2688.jpg" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="pwa/apple-splash-828-1792.jpg" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="pwa/apple-splash-1242-2208.jpg" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="pwa/apple-splash-750-1334.jpg" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="pwa/apple-splash-640-1136.jpg" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
</head>
<body>
<header>
</header>
<main>
<section id="poke-container">
<div id="poke-display">
<h1 id="poke-name"></h1>
<h2 id="timerNum" class="hidden"></h2>
<img id="poke-image" src="" class="hidden">
</div>
<div id="options">
<input type="button" value="Randomize!" id="PokeStart">
<input type="button" value="Toggle Options" id="toggle-options">
<label for="time-value">Number of seconds</label>
<input type="number" id="time-value" min="0" max="5000" value="30">
<section id="gens">
<div>
<input type="checkbox" id="gen1" class="genOptions" value="1">
<label for="gen1">Gen 1</label>
</div>
<div>
<input type="checkbox" id="gen2" class="genOptions" value="2">
<label for="gen2">Gen 2</label>
</div>
<div>
<input type="checkbox" id="gen3" class="genOptions" value="3">
<label for="gen3">Gen 3</label>
</div>
<div>
<input type="checkbox" id="gen4" class="genOptions" value="4">
<label for="gen4">Gen 4</label>
</div>
<div>
<input type="checkbox" id="gen5" class="genOptions" value="5">
<label for="gen5">Gen 5</label>
</div>
<div>
<input type="checkbox" id="gen6" class="genOptions" value="6">
<label for="gen6">Gen 6</label>
</div>
<div>
<input type="checkbox" id="gen7" class="genOptions" value="7">
<label for="gen7">Gen 7</label>
</div>
<div>
<input type="checkbox" id="gen8" class="genOptions" value="8">
<label for="gen8">Gen 8</label>
</div>
</section>
<section id="forms">
<input type="checkbox" id="regional-forms">
<label for="regional-forms">No Regional Forms</label>
<input type="checkbox" id="super-forms">
<label for="super-forms">No Mega / Gmax</label>
<input type="checkbox" id="alt-forms">
<label for="alt-forms">No Alternate Forms</label>
</section>
</div>
<div>
<p class="centered">If you run into any bugs <a href="https://github.com/wychwitch/pokedraw/issues"> please leave an issue on the github!</a></p>
<p class="centered">made by <a href="https://atelierwy.ch">wych(witch)</a> 💜</p>
</div>
</section>
</main>
<footer>
</footer>
<script src="./script.js"></script>
</body>
</html>