-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathoptions.html
198 lines (178 loc) · 6.81 KB
/
options.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
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
187
188
189
190
191
192
193
194
195
196
197
198
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Animal Crossing Music</title>
<link rel="stylesheet" href="css/chrome-bootstrap.css">
<link rel="stylesheet" href="css/input.css">
<script src="scripts/zepto.min.js"></script>
<script src="scripts/navigation.js"></script>
<script src="scripts/tune_player.js"></script>
<script src="scripts/tune_editor.js"></script>
<style>
.chrome-bootstrap .frame .view {
-webkit-margin-start: 180px;
}
</style>
</head>
<body class="chrome-bootstrap">
<div class="frame">
<div class="navigation">
<h1><a href="#">Animal Crossing Music</a></h1>
<ul class="menu" style="margin-top: 4em;">
<li class="selected">
<a href="#options">Options</a>
</li>
<li class="town-tune-link">
<a href="#town-tune">Town Tune</a>
</li>
<li class="help-link">
<a href="#help">Help</a>
</li>
</ul>
</div>
<div class="mainview view">
<div id="options" class="selected">
<header>
<h1>Options</h1>
</header>
<div class="content">
<section>
<h3>Volume</h3>
<div class="checkbox">
<label>
<input id="volume" type="range" min="0" max="1" step="0.05">
</label>
</div>
</section>
<section>
<h3>Music</h3>
<div class="radio">
<input id="animal-forrest" name="music-choice" type="radio"><label for="animal-forrest"><span><span></span></span>Animal Forest/Animal Crossing</label>
</div>
<div class="radio">
<input id="wild-world" name="music-choice" type="radio"><label for="wild-world"><span><span></span></span>Wild World + City Folk/Let's Go to the City</label>
</div>
<div class="radio">
<input id="wild-world-snowing" name="music-choice" type="radio"><label for="wild-world-snowing"><span><span></span></span>Wild World + City Folk/Let's Go to the City (Snowing)</label>
</div>
<div class="radio">
<input id="new-leaf" name="music-choice" type="radio"><label for="new-leaf"><span><span></span></span>New Leaf</label>
</div>
<div class="radio">
<input id="new-leaf-raining" name="music-choice" type="radio"><label for="new-leaf-raining"><span><span></span></span>New Leaf (Raining)</label>
</div>
<div class="radio">
<input id="new-leaf-snowing" name="music-choice" type="radio"><label for="new-leaf-snowing"><span><span></span></span>New Leaf (Snowing)</label>
</div>
<div class="radio">
<input id="new-leaf-live" name="music-choice" type="radio"><label for="new-leaf-live"><span><span></span></span>New Leaf (<a href="http://openweathermap.org/current">Live Weather</a>)</label>
</div>
<div class="radio">
<input id="random" name="music-choice" type="radio"><label for="random"><span><span></span></span>Random!</label>
</div>
</section>
<section>
<h3>K.K. Slider</h3>
<div class="radio">
<input id="no-kk" name="enable-kk" type="radio"><label for="no-kk"><span><span></span></span>Do not play K.K. Slider songs</label>
</div>
<div class="radio">
<input id="enable-kk" name="enable-kk" type="radio"><label for="enable-kk"><span><span></span></span>Play K.K. Slider songs on Saturdays from 8pm–12am</label>
</div>
<div class="radio">
<input id="always-kk" name="enable-kk" type="radio"><label for="always-kk"><span><span></span></span>Play K.K. Slider songs at all times</label>
</div>
</section>
<section>
<h3>Town Tune</h3>
<div class="checkbox">
<input id="enable-town-tune" type="checkbox"><label for="enable-town-tune"><span></span>Play your custom town tune on the hour</label>
</div>
</section>
<section>
<h3>Notifications</h3>
<div class="checkbox">
<input id="enable-notifications" type="checkbox"><label for="enable-notifications"><span></span>Enable Chrome notifications on song change</label>
</div>
<div class="checkbox">
<input id="enable-badge" type="checkbox"><label for="enable-badge"><span></span>Display text on badge</label>
</div>
</section>
<section>
<h3>Live Weather Location</h3>
<div class="text">
<input type="text" id="zip-code" value="618708">
<input type="text" id="country-code" value="ru">
<button type="button" id="update-location">Update Location</button>
<label>(First box is <a href="http://www.geonames.org/postal-codes/" target="_blank">zip code</a>, second is <a href = "https://countrycode.org/" target="_blank">country code</a>)</label>
</div>
</section>
</div>
</div>
<div id="town-tune">
<header>
<h1>Custom Town Tune</h1>
</header>
<div class="content">
<section>
<p>Compose a tune to be played every hour on the hour</p>
<div class="pitch-template hidden">
<input class="pitch-name" type="text" maxlength="2" size="2">
<input class="pitch-slider" type="range" min="0" max="14" step="1" orient="vertical">
</div>
<div class="staff staff1"></div>
<div class="staff staff2"></div>
</section>
<header>
<h1 style="padding: 0; margin: 0;"></h1>
<div class="controls">
<button class="play-tune">Play!</button>
<div class="spacer"></div>
<button class="save-tune">Save</button>
</div>
</header>
</div>
</div>
<div id="help">
<header>
<h1>About</h1>
</header>
<div class="content">
<div class="image-container">
<img src="img/icon_32.png" width="32" height="32" alt="Add-ons for NeoGAF">
<div class="image-container-text">
<h2>Animal Crossing Music</h2>
<span>Play Animal Crossing's smooth background music in real-time throughout your day.</span>
</div>
</div>
<div>
<button id="get-help">Get help with using this extension</button>
<button id="report-an-issue">Report an issue</button>
<button id="help-us-out">Help us make the best AC extension ever!</button>
</div>
<div id="version-container">Version 3.0</div>
<div id="product-container">
<p>Animal Crossing Music</p>
<p>Actual developers:</p>
<p>Jack Carver</p>
<p>Brandon Anderson</p>
<p>Matt Jardine</p>
<p>Hyarwen</p>
<p>Kyle Owsen</p>
<p>Jesse Lieberg</p>
<p>Harold Houchin</p>
<p>Mherndon6</p>
<p>Antonio Luis Roman-Naranjo Varela</p>
<p>Extension originally created and maintained by Andrex from NeoGAF</p>
<p>Extension improved by blazescorch2</p>
<p>Idea for extension taken from <a href="http://tane.us/ac/">tane.us</a>.</p>
<p>This option page uses <a href="https://github.com/roykolak/chrome-bootstrap">Chrome Bootstrap</a> by Roy Kolak under the MIT License.</p>
</div>
</div>
</div>
</div>
</div>
<script src="scripts/options.js"></script>
</body>
</html>