-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.htm
186 lines (184 loc) · 8.39 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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
<!DOCTYPE html>
<html lang="en">
<head>
<title>Hermitpicker 9000 (Season 9 Edition)</title>
<meta charset="utf-8" />
<meta name="author" content="reddit: u/the_pwd_is_murder" />
<meta name="description" content="Small app to help choose which Hermits to watch." />
<meta name="keywords" content="Hermitcraft,Minecraft,Season 7,Youtube,Twitch,Livestream,Videos" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="utils.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<div id="container">
<div id="header">
<div class="pickimg"> </div>
<H1>Hermitpicker 9000</H1>
<H2>Season 9 Edition</H2>
<p class="clear"><em>(another handy gadget brought to you by <a href="https://reddit.com/u/the_pwd_is_murder">TPIM Enterprises</a>)</em></p>
<p class="mobile">Mobile users, make your selections and then scroll down to see your results.</p>
<p class="jswarning">Please ensure that javascript is activated to use this gadget.</p>
</div><!--end header-->
<div id="questions">
<H1>What matters to you?</H1>
<p>Note: The picker will only choose Hermits which match ALL of your selected options.</p>
<form name="pickerform" id="pickerform" action="" method="post">
<p>
<label>Content:</label><br>
<label>
<input class="hermitselector" type="checkbox" value="builder" >Builder</input>
</label>
<label>
<input class="hermitselector" type="checkbox" value="redstone" >Redstone</input>
</label>
</p>
<p>
<label>Presentation Style:</label><br>
<label>
<input class="hermitselector" type="checkbox" value="hyper" >Hyper</input>
</label>
<label>
<input class="hermitselector" type="checkbox" value="calm" >Calm</input>
</label><br>
<label>
<input class="hermitselector" type="checkbox" value="derpy" >Super Derpy</input>
</label>
<label>
<input class="hermitselector" type="checkbox" value="whizkid" >Super Smart</input>
</label>
</p>
<p>
<label>Editing Style:</label><br>
<label>
<input class="hermitselector" type="radio" name="editing" value="np" checked>No preference</input>
</label>
<label>
<input class="hermitselector" type="radio" name="editing" value="heavyediting" >Heavy</input>
</label>
<label>
<input class="hermitselector" type="radio" name="editing" value="lightediting" >Light</input>
</label>
</p>
<p>
<label>Lore/Roleplay:</label><br>
<label>
<input class="hermitselector" type="checkbox" value="lore" >Lore</input>
</label>
<label>
<input class="hermitselector" type="checkbox" value="alteregos" >Alter Egos</input>
</label>
</p>
<p>
<label>Popularity:</label><br>
<label>
<input class="hermitselector" type="radio" name="popularity" value="np" checked>No preference</input>
</label><br>
<label>
<input class="hermitselector" type="radio" name="popularity" value="bigchannel" >Super popular! (1m+ Subs)</input>
</label><br>
<label>
<input class="hermitselector" type="radio" name="popularity" value="smallchannel" >Super Small! (<500k subs)</input>
</label>
</p>
<p>
<label>Gender:</label><br>
<label>
<input class="hermitselector" type="radio" name="gender" value="np" checked>No preference</input>
</label><br>
<label>
<input class="hermitselector" type="radio" name="gender" value="male" >Male</input>
</label><br>
<label>
<input class="hermitselector" type="radio" name="gender" value="female" >Female</input>
</label>
</p>
<p>
<label>Continent:</label><br>
<label>
<input class="hermitselector" type="radio" name="continent" value="np" checked>No preference</input>
</label><br>
<label>
<input class="hermitselector" type="radio" name="continent" value="US" >North America</input>
</label>
<label>
<input class="hermitselector" type="radio" name="continent" value="Europe" >Europe</input>
</label>
<label>
<input class="hermitselector" type="radio" name="continent" value="Oceania" >Oceania</input>
</label>
</p>
<p>
<label>Recording Habits:</label><br>
<label>
<input class="hermitselector" type="checkbox" value="streamer" >Livestreams Often</input>
</label><br>
<label>
<input class="hermitselector" type="checkbox" value="regularreleases" >Frequent/regular videos</input>
</label><br>
<label>
<input class="hermitselector" type="checkbox" value="diversecontent" >Plays other games</input>
</label><br>
<label>
<input class="hermitselector" type="checkbox" value="Modded" >Modded Minecraft</input>
</label>
</p>
<p>
<label>Hermitcraft Seasons:</label><br>
<label>
<input class="hermitselector" type="checkbox" value="S1" >Season 1</input>
</label>
<label>
<input class="hermitselector" type="checkbox" value="S2" >Season 2</input>
</label>
<label>
<input class="hermitselector" type="checkbox" value="S3" >Season 3</input>
</label><br>
<label>
<input class="hermitselector" type="checkbox" value="S4" >Season 4</input>
</label>
<label>
<input class="hermitselector" type="checkbox" value="S5" >Season 5</input>
</label>
<label>
<input class="hermitselector" type="checkbox" value="S6" >Season 6</input>
</label><br>
<label>
<input class="hermitselector" type="checkbox" value="S7" >Season 7</input>
</label>
<label>
<input class="hermitselector" type="checkbox" value="S8" >Season 8</input>
</label>
<label>
<input class="hermitselector" type="checkbox" value="S9" >Season 9</input>
</label>
</p>
<!--<p>
<label>Factions:</label><br>
<label>
<input class="hermitselector" type="checkbox" value="Architech" >Architech</input>
</label>
<label>
<input class="hermitselector" type="checkbox" value="Concorp" >Concorp</input>
</label><br>
<label>
<input class="hermitselector" type="checkbox" value="IDEA" >IDEA</input>
</label>
<label>
<input class="hermitselector" type="checkbox" value="NHO" >NHO</input>
</label>
</p>-->
</form>
</div><!--end questions-->
<div id="hermitpics">
<h1>Your Selected Hermits</h1>
<div id="hermitlist">
<p>If you check boxes and nothing displays, check fewer boxes.</p>
<div id="Placeholder">Nothing here. Check some boxes!</div>
</div><!--end hermitlist-->
</div><!--end hermitpics-->
</div><!--end container-->
</body>
</html>