-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathoptions.html
177 lines (161 loc) · 10.8 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
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery.min.js"></script>
<title>Beautiful New Tab Options</title>
<style type="text/css">
button.accordion {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
text-align: left;
border: none;
outline: none;
transition: 0.4s;
}
#plus {
float: right;
}
button.accordion.active, button.accordion:hover {
background-color: #ddd;
}
div.panel {
padding: 0 18px;
background-color: white;
display: none;
}
#wrapper {
margin-left: auto;
margin-right: auto;
width: 40%;
}
</style>
</head>
<body>
<div id="wrapper">
Temperature format:
<select id="temperature">
<option value="c">Celsius</option>
<option value="f">Fahrenheit</option>
<option value="k">Kelvin</option>
</select>
<br/>
<br/>
Time format:
<select id="time">
<option value="12">12 hour</option>
<option value="24">24 hour</option>
</select>
<br/>
<br/>
Links: <br>
Link: <input type="text" class="link"> Label: <input type="text" class="label"> <br>
Link: <input type="text" class="link"> Label: <input type="text" class="label"> <br>
Link: <input type="text" class="link"> Label: <input type="text" class="label"> <br>
Link: <input type="text" class="link"> Label: <input type="text" class="label"> <br>
Link: <input type="text" class="link"> Label: <input type="text" class="label"> <br>
Link: <input type="text" class="link"> Label: <input type="text" class="label"> <br>
Link: <input type="text" class="link"> Label: <input type="text" class="label"> <br>
Link: <input type="text" class="link"> Label: <input type="text" class="label"> <br>
Link: <input type="text" class="link"> Label: <input type="text" class="label"> <br>
Link: <input type="text" class="link"> Label: <input type="text" class="label"> <br>
<br/>
Photo collections: <br/>
<label for="935527">Yosemite: </label><input type="checkbox" class="collections" id="935527" name="935527"> - <a href="https://unsplash.com/collections/935527">https://unsplash.com/collections/935527</a> <br>
<label for="1116586">Neon: </label><input type="checkbox" class="collections" id="1116586" name="1116586"> - <a href="https://unsplash.com/collections/1116586">https://unsplash.com/collections/1116586</a> <br>
<label for="719">People: </label><input type="checkbox" class="collections" id="719" name="719"> - <a href="https://unsplash.com/collections/719/">https://unsplash.com/collections/719</a> <br>
<label for="181581">Animals: </label><input type="checkbox" class="collections" id="181581" name="181581"> - <a href="https://unsplash.com/collections/181581">https://unsplash.com/collections/181581</a> <br>
<label for="661099">Space: </label><input type="checkbox" class="collections" id="661099" name="661099"> - <a href="https://unsplash.com/collections/661099">https://unsplash.com/collections/661099</a> <br>
<label for="288926">Food: </label><input type="checkbox" class="collections" id="288926" name="288926"> - <a href="https://unsplash.com/collections/288926">https://unsplash.com/collections/288926</a> <br>
<label for="219941">Buildings: </label><input type="checkbox" class="collections" id="219941" name="219941"> - <a href="https://unsplash.com/collections/219941">https://unsplash.com/collections/219941</a> <br>
<br/>
<p> Check out the advanced settings below if you want to add more Unsplash collections for images to be pulled out of! </p>
<br/>
<br/>
<button class="accordion">Advanced <span id="plus">+</span></button>
<div class="panel">
<div>
<label for="additional">Additional Unsplash collections:</label> <input type="text" id="additional" placeholder="420324,923267">
<p>You can browse through <a href="https://unsplash.com/collections" >Unsplash collections</a> to find specific themes or types of photos you like from which the random photo can be pulled from. You can add extra collection IDs from the collection URL on the Unsplash site in this text box, separated by commas, to tailor the type of photos you get.</p>
</div>
<div>
<p>You can put in raw html here to populate the links box if you know what you're doing</p>
<label for="raw">Use raw HTML:</label> <input type="checkbox" name="raw" id="raw"><br>
<textarea id="advanced" cols="45" rows="8"></textarea>
</div>
<label for="weather">OpenWeatherMap custom API key:</label> <input type="text" id="weather">
<br/>
<label for="unsplash">Unsplash custom API key:</label> <input type="text" id="unsplash">
<br/>
<label for="bookmark">Show Chrome bookmark bar equivalent on new tab (BETA FEATURE, UNFINISHED):</label> <input type="checkbox" id="bookmark">
</div>
<div id="status"></div>
<br/>
<button id="save">Save</button>
<h1>Changelog</h1>
<ul>
<h2>1.19</h2>
<li>Fixed some logic with the raw html button causing the options to be reset after the extension is disabled and enabled.</li>
<h2>1.18</h2>
<li>Changed the font to Lato.</li>
<li>Improved the behaviour of the info icon when clicking to get a new image.</li>
<h2>1.17</h2>
<li>Fixed a bug with initial options being set aafter install.</li>
<li>Changed the source link to link directly to the image.</li>
<h2>1.16</h2>
<li>Updated AAPI to match Unsplash's guidelines.</li>
<h2>1.15</h2>
<li>Finally enabled unlimited storage permission so that image downloads won't fail if they are over 5MB now. Sometimes you'll just get a lovely 7MB image now.</li>
<h2>1.14</h2>
<li>Fixed a bug which may have been causing your settings to not save.</li>
<h2>1.13</h2>
<li>Turned the weather indicator into a link which will link to the OpenWeatherMap page for the city the user is in. Also added a title with some more descriptive text to the weather indicator.</li>
<h2>1.12</h2>
<li>I somehow removed an excalamation mark from some perfectly working code, which made it not perfectly working code. It found its way home.</li>
<h2>1.11</h2>
<li>Hotfix to a bug introduced last night related to the upgrading of the config object the extensions uses. I realised the extension would break if upgrading from v1.9 without a fresh install because of the way certain settings changed.</li>
<li>I hope this bug didn't ruin your Christmas Day. I magically realised this bug would happen while skiing down a mountain in France and then had to come home to fix it.</li>
<h2>1.10</h2>
<li>Completely rewrote how the photo pulling based on category works as Unsplash deprecated their Category filter. It now uses collections, and you can add as many collections as you want to pull from, and there's a lift of some default ones I've added.</li>
<h2>1.9</h2>
<li>Fixed the other bookmarks check so it actually checks that you actually have bookmarks in the folder rather than just checking that the folder exists</li>
<li>Improved some responsiveness on narrow screens/half screen chrome layouts</li>
<h2>1.8</h2>
<li>Changed how the text fade out worked to hide text that is too long completely now and better match Chrome</li>
<li>Added a check to make sure the user actually has other bookmarks before creating the folder</li>
<li>changed some colours and font size to try better match Chrome on Windows look</li>
<li>Fixed the Other bookmarks background colour on hover</li>
<li>Added this changelog</li>
<li>Added label tags to some settings that were missing them</li>
<h2>1.7</h2>
<li>Improvements to the bookmark bar including first level folder support and other bookmarks folder support. Still many limitations such as if the user has too many long bookmarks they will just be hidden with no way to see the hidden ones yet</li>
<li>Changed some bookmark bar styling to look much closer to Chrome's</li>
<h2>1.6</h2>
<li>Made it so if the box of links is left completely empty then the box that contains them won't even try to render</li>
<li>Fixed some minor typos</li>
<li>Added a primitive bookmark title cutoff length</li>
<h2>1.5</h2>
<li>Added initial bookmark bar replacement - this is barely functioning at this time but does give a list of your bookmark bar bookmarks across the top of the page. No folder support yet.</li>
<h2>1.4</h2>
<li>Minor bug fixes</li>
<h2>1.3</h2>
<li>Changed encoding for the degree symbol as it was not rendering correctly on some machines</li>
<li>Added Kelvin option for if you live somewhere close to absolute zero.</li>
<h2>1.2</h2>
<li>Changed how the scripts worked so the js file wouldnt load with every new tab</li>
<li>If an image fails to cache the extension will now retry quetly in the background, this should mean you almost never see one of the three offline images</li>
<h2>1.1</h2>
<li>Added options page</li>
<li>Fixed random number generation</li>
<li>Changed the offline backup images</li>
<li>Changed the names and descriptions of the extension</li>
<li>Added option of show all images rather than just featured ones</li>
<h1>1.0</h1>
<li>Initial release</li>
</ul>
<script src="options.js"></script>
</div>
</body>
</html>