-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathfaq.html
371 lines (371 loc) · 22.2 KB
/
faq.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
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Snoozz - Tab & Window Snoozing</title>
<meta name="title" content="Snoozz - Tab & Window Snoozing">
<meta name="description" content="A lightweight, open-source WebExtension to help you manage your tabs better.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://snoozz.me/">
<meta property="og:title" content="Snoozz - Tab & Window Snoozing">
<meta property="og:description" content="A lightweight, open-source WebExtension to help you manage your tabs better.">
<meta property="og:image" content="https://snoozz.me/assets/banner.jpg">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://snoozz.me/">
<meta property="twitter:title" content="Snoozz - Tab & Window Snoozing">
<meta property="twitter:description" content="A lightweight, open-source WebExtension to help you manage your tabs better.">
<meta property="twitter:image" content="https://snoozz.me/assets/banner.jpg">
<meta name="author" content="Rohan Bhansali">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
<link rel="manifest" href="/favicon/site.webmanifest">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="./css/bootstrap.min.css" rel="stylesheet">
<link href="./css/animate.css" rel="stylesheet">
<link href="./css/common.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;0,700;1,400&display=swap" rel="stylesheet">
<style type="text/css">
body {
line-height: 1.4;
}
.question {
position: relative;
font-size: 1.4em;
padding: .5rem;
padding-right: 3em !important;
cursor: pointer;
}
.question.collapsed span {
border-color: transparent;
}
.question span {
border-bottom: 2px solid var(--pink);
transition: border-color .3s ease-in-out;
}
.answer {
font-size: 1.15rem;
}
.answer p:last-of-type {
margin-bottom: 0;
}
.question:after {
content: '';
width: 1.5em;
height: 1.5em;
right: 1rem;
top: 50%;
position: absolute;
transform: translateY(-50%) rotate(180deg);
transition: all .3s ease-in-out;
opacity: 1;
background-image: url('./img/dropdown.svg');
background-size: contain;
background-repeat: no-repeat;
filter: invert(52%) sepia(38%) saturate(4954%) hue-rotate(313deg) brightness(91%) contrast(92%);
}
.question.collapsed:after {
filter: invert(68%) sepia(59%) saturate(489%) hue-rotate(355deg) brightness(102%) contrast(91%);
transform: translateY(-50%) rotate(0);
}
.hero-btn {
border-radius: 6px;
outline: none;
padding: 3px;
background-image: linear-gradient(90deg, var(--orange) 0%, var(--pink) 100%);
}
.hero-btn img {
border-radius: 3px;
max-height: 4rem;
}
.hero-btn.reverse {
background-image: linear-gradient(90deg, var(--pink) 0%, var(--orange) 100%);
}
.feature strong {
display: block;
margin-top: .5rem;
color: var(--pink);
}
@media (max-width: 768px) {
.question {
font-size: 1.2em;
padding: .25rem 0;
}
.list-group-item {
padding: .5rem;
}
.question:after {
right: .5rem;
}
}
</style>
</head>
<body class="d-flex flex-column">
<nav class="navbar sticky-top navbar-expand-lg navbar-light bg-transparent">
<div class="container">
<a class="navbar-brand umami--click--snoozz-logo-header" href="/">
<img src="./img/logo.svg" alt="snoozz logo">
</a>
<button class="navbar-burger d-block d-lg-none me-2 p-4 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown"></button>
<div class="collapse navbar-collapse flex-row-reverse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link umami--click--changelog-header" href="./changelog">Changelog</a>
</li>
<li class="nav-item">
<a class="nav-link umami--click--privacy-header" href="./privacy">Privacy</a>
</li>
<li class="nav-item">
<a class="nav-link umami--click--stats-header" href="./stats">Stats</a>
</li>
<li class="nav-item">
<a class="nav-link umami--click--github-header" href="https://github.com/rohanb10/snoozz-tab-snoozing">Github</a>
</li>
</ul>
<div class="navbar-stripe"></div>
</div>
</div>
</nav>
<div class="main-body w-100">
<div class="container py-lg-5">
<h1><strong>Frequently Asked Questions</strong></h1>
<p>They're not really that frequent tbh.</p>
<div class="py-4" style="max-width: 900px;">
<ul class="list-group">
<li class="list-group-item">
<div class="question collapsed" data-bs-toggle="collapse" href="#q1"><span class="px-1">What is Snoozz?</span></div>
<div class="collapse" id="q1">
<div class="p-2 ps-md-4 pe-md-5">
<div class="answer">
<p>In short, Snoozz is a web extension (that you can install for <a target="_blank" href="https://chrome.google.com/webstore/detail/snoozz-snooze-tabs-window/lklendgldejcnkkaldoggoapclkepgfb">Chrome</a> and <a target="_blank" href="https://addons.mozilla.org/en-US/firefox/addon/snoozz/">Firefox</a>) that lets you declutter your tab browser. You can "snooze" tabs and windows, and select a time to wake them up later when you might actually want to use them.</p>
<p>Snoozz lets you remove tabs that you don't need now, but might need again tomorrow morning, or maybe on friday before you log off for the weekend.</p>
</div>
</div>
</div>
</li>
<li class="list-group-item">
<div class="question collapsed" data-bs-toggle="collapse" href="#q2"><span class="px-1">How will Snoozz benefit me?</span></div>
<div class="collapse" id="q2">
<div class="p-2 ps-md-4 pe-md-5">
<div class="answer">
<p>Snoozz will help you organise your tabs and your time better, without you having to remember a huge list of tasks you still need to do.</p>
<p>Browsers with a lot of tabs open eat up your RAM very quickly, and while they are improving power management, it will not help you remove the number of tabs you have open.</p>
</div>
</div>
</div>
</li>
<li class="list-group-item">
<div class="question collapsed" data-bs-toggle="collapse" href="#q3"><span class="px-1">How will Snoozz fit into my normal computer usage?</span></div>
<div class="collapse" id="q3">
<div class="p-2 ps-md-4 pe-md-5">
<div class="answer">
<p>The beauty of this extension is that it is designed for everyone. From programmers with 50+ tabs open, to business analysts needing to prioritise their time, and even to older users who don't even know what web extensions are.</p>
<p>Here are some simple use cases where Snoozz could help you:</p>
<ul class="mt-3">
<li>You need to clock in and clock out of work everyday using a website which you can Snoozz to open up automatically every morning and evening.</li>
<li class="mt-2">You're on Twitter looking for a tweet. Scrolling down your timeline, you see <a target="_blank" href="https://twitter.com/ryanbassil/status/1055483576970567685?s=20">Beiber eating a burrito sideways</a>. Obviously you want to see whats up with that, but you don't have time right now so you can just right click and Snoozz it to open on the weekend.</li>
<li class="mt-2">You want to spend the weekend watching Netflix and researching didgeridoos on Wikipedia, not see the 20+ tabs of work tabs you have open because you need them for later. Snoozz your work tabs on Friday, and they will open for you automatically on Monday morning.</li>
</ul>
</div>
</div>
</div>
</li>
<li class="list-group-item">
<div class="question collapsed" data-bs-toggle="collapse" href="#q4"><span class="px-1">Why is this better than all the other "snooze tabs" extensions?</span></div>
<div class="collapse" id="q4">
<div class="p-2 ps-md-4 pe-md-5">
<div class="answer">
<p class="mb-3">This isn't some super unique idea that didn't exist before 2020. What makes Snoozz stand out is the execution.</p>
<div class="feature">
<strong>Speed</strong>
Lightning quick - Snooze tabs in just two clicks. I want you to spend as little time as possible with the Snoozz popup open.
</div>
<div class="feature">
<strong>Size</strong>
Completely open-source and extremely lightweight - just under 125KB
</div>
<div class="feature">
<strong>Privacy</strong>
Doesn't track any of your personal data at all.
</div>
<div class="feature">
<strong>Input Methods</strong>
Keyboard Shortcuts and Right Click menus to snooze tabs even faster.
</div>
<div class="feature">
<strong>Active Development</strong>
Most of the other snooze extensions have been abandoned and don't support the latest and fastest browser APIs.
</div>
<div class="feature">
<strong>Dark Mode</strong>
Try to go find another snooze extension that has this
</div>
<div class="feature">
<strong>Search</strong>
Your Snoozz history is saved offline. You can search through it, snooze tabs again, edit snooze times and see tabs waking up soon.
</div>
<div class="feature">
<strong>Accessibility</strong>
Almost all Snoozz features are usable using just your keyboard. You can <code>tab</code> almost everything.
</div>
<div class="feature">
<strong>Customisation</strong>
Tons of knobs and switches to fine tune the extension to the way you want it to be. 24 hour time, starting day of the week, misanthropic icon packs - we have all of this and more.
</div>
</div>
</div>
</div>
</li>
<li class="list-group-item">
<div class="question collapsed" data-bs-toggle="collapse" href="#q5"><span class="px-1">How can I install Snoozz on my device?</span></div>
<div class="collapse" id="q5">
<div class="p-2 ps-md-4 pe-md-5">
<div class="answer">
<p>Snoozz is available on any browser that supports WebExtensions.</p>
<div class="d-flex flex-wrap justify-content-md-start justify-content-center">
<div class="hero-btn reverse me-3 mb-3">
<a href="https://chrome.google.com/webstore/detail/snoozz-snooze-tabs-window/lklendgldejcnkkaldoggoapclkepgfb">
<img src="./img/cws.png">
</a>
</div>
<div class="hero-btn me-3 mb-3">
<a href="https://addons.mozilla.org/en-US/firefox/addon/snoozz/">
<img src="./img/moz.png">
</a>
</div>
</div>
<p>If you know what you're doing and want to install the extension manually, download the <a target="_blank" href="https://github.com/rohanb10/snoozz-tab-snoozing/releases/latest/">latest release from github</a>.</p>
<p>If you're using a laptop / desktop / tablet that can run full desktop version of Chrome, Firefox, Edge (and Safari kinda). Snoozz is not available on any mobile devices unfortunately (including iPads).</p>
</div>
</div>
</div>
</li>
<li class="list-group-item">
<div class="question collapsed" data-bs-toggle="collapse" href="#q12"><span class="px-1">Is Snoozz available for other browsers like Safari?</span></div>
<div class="collapse" id="q12">
<div class="p-2 ps-md-4 pe-md-5">
<div class="answer">
<p>I like Safari a lot, but Apple are crippling it by refusing to support basic WebExtension APIs like Notifications and Keyboard Shortcuts.</p>
<p>Snoozz is a free open source web extension. Unless someone is willing to pay an annual $100 Developer fee to Apple for me, I will not be able to publish Snoozz in the App Store. Dont understand why I need to bundle my 125kb extension into an MacOS app through Xcode and publish it to make it available to all users, when I can just drag and drop a zip file in other browsers like Chrome and Firefox to do the same thing.</p>
<p>If you know what you're doing, you <a target="_blank" href="https://github.com/rohanb10/snoozz-tab-snoozing/blob/master/docs/safari.md">can install Snoozz as an unsigned extension</a> for Safari, but I cannot guarantee that <a href="./compatibility">all the features</a> will work. Also it will be removed every time you close Safari. Nothing I can do about it.</p>
</div>
</div>
</div>
</li>
<li class="list-group-item">
<div class="question collapsed" data-bs-toggle="collapse" href="#q6"><span class="px-1">How do I update to the latest version?</span></div>
<div class="collapse" id="q6">
<div class="p-2 ps-md-4 pe-md-5">
<div class="answer">
<p>If you installed Snoozz through the Chrome Web Store or the Mozilla Add-on Store, Snoozz will update automatically when a new version is released.</p>
<p>If you installed Snoozz manually, you can download the <a target="_blank" href="https://github.com/rohanb10/snoozz-tab-snoozing/releases/latest/">latest release from Github</a> and install it in your browser.</p>
</div>
</div>
</div>
</li>
<li class="list-group-item">
<div class="question collapsed" data-bs-toggle="collapse" href="#q7"><span class="px-1">I want to switch to Snoozz. Can my data be transferred?</span></div>
<div class="collapse" id="q7">
<div class="p-2 ps-md-4 pe-md-5">
<div class="answer">
<p>Please <a target="_blank" href="mailto:[email protected]?subject=Importing%20my%20data%20to%20Snoozz&body=Browser%3A%0D%0AOS%3A%20Mac%20%2F%20Windows%0D%0AName%20of%20Extension%3A">let me know</a> which extension you are using and I try to make it possible to import data from that extension into Snoozz.</p>
<p>Snoozz supports importing and exporting of data, but it is limited at the moment.</p>
</div>
</div>
</div>
</li>
<li class="list-group-item">
<div class="question collapsed" data-bs-toggle="collapse" href="#q8"><span class="px-1">Is my data safe with Snoozz?</span></div>
<div class="collapse" id="q8">
<div class="p-2 ps-md-4 pe-md-5">
<div class="answer">
<p>Snoozz only collects any tiny amount of completely anonymous click data. Less than 1kb of data (the choice and time you selected) is transmitted every time you snooze/edit something. That's it. No other data is collected at all. This data will be used to improve Snoozz in the future. For full transparency, all data collected by Snoozz is visualised on the <a href="./stats">Stats Page</a>. In fact, the server which the data is transmitted to is also 100% <a href="https://github.com/rohanb10/snoozz-stats" target="_blank">open source</a>. You can (but please don't) turn this off on the settings page. The extension is designed to work 100% offline if you don't trust the settings page.</p>
<p>If you know what you're doing, you can inspect the requests made in the Networks tab in your browser inspector and see that only ~10-15 characters are transmitted on every snooze.</p>
<p>Feel free to ready more on the <a href="./privacy">Privacy page</a> or browse through the <a target="_blank" href="https://github.com/rohanb10/snoozz-tab-snoozing">source code</a> yourself to make sure no funny business is going on.</p>
</div>
</div>
</div>
</li>
<li class="list-group-item">
<div class="question collapsed" data-bs-toggle="collapse" href="#q9"><span class="px-1">Where can I request a new feature?</span></div>
<div class="collapse" id="q9">
<div class="p-2 ps-md-4 pe-md-5">
<div class="answer">
<p><strong>Before you ask - I am already working on recurring snooze times, and using snoozz across multiple devices.</strong></p>
<p>Snoozz is in active development and I'm constantly adding new bells and whistles. You can <a target="_blank" href="https://github.com/rohanb10/snoozz-tab-snoozing/issues">view</a> the features/bugs being worked on Github, and <a target="_blank" href="https://github.com/rohanb10/snoozz-tab-snoozing/issues/new/choose">request a new feature</a> there too.</p>
</div>
</div>
</div>
</li>
<li class="list-group-item">
<div class="question collapsed" data-bs-toggle="collapse" href="#q10"><span class="px-1">How do I report a bug?</span></div>
<div class="collapse" id="q10">
<div class="p-2 ps-md-4 pe-md-5">
<div class="answer">
<p>You can <a target="_blank" href="https://github.com/rohanb10/snoozz-tab-snoozing/issues/new/choose">submit a bug report</a> on Github, or if you don't have an account you can <a target="_blank" href="mailto:[email protected]?subject=Snoozz%20Bug%3A&body=Browser%20(and%20version)%3A%0D%0AOS%3A%20Mac%20%2F%20Windows%0D%0AIssue%3A%0D%0A%0D%0APlease%20include%20any%20screenshots%20if%20applicable">email me</a> directly. It would be very helpful if you could include system details like OS (Windows/Mac), browser + version, and any screenshots too.</p>
</div>
</div>
</div>
</li>
<li class="list-group-item">
<div class="question collapsed" data-bs-toggle="collapse" href="#q11"><span class="px-1">Where did you get your icons?</span></div>
<div class="collapse" id="q11">
<div class="p-2 ps-md-4 pe-md-5">
<div class="answer">
<p>They were all designed by much more talented artists than me. I just opened Photoshop and changed the colours to what I wanted them to be. You can view the names of all the artists on the <a href="./attribution">Attribution page</a>.</p>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="footer-stripe"></div>
</div>
<footer class="pt-lg-5 pt-md-4 pt-3 pb-3 mt-auto">
<div class="row container mx-auto">
<div class="col-12 col-md">
<h5>Snoozz</h5>
<small class="d-block mb-3 text-light">2020-2021</small>
<h5>Author</h5>
<ul class="list-unstyled text-small">
<li><a target="_blank" class="link-light umami--click--rohanxyz-footer" href="https://rohan.xyz/">Rohan Bhansali</a></li>
</ul>
</div>
<div class="col-6 col-md">
<h5>Support</h5>
<ul class="list-unstyled text-small">
<li><a target="_blank" class="link-light umami--click--bugs-footer" href="https://github.com/rohanb10/snoozz-tab-snoozing/issues/new/choose">Report a Bug</a></li>
<li><a target="_blank" class="link-light umami--click--suggest-footer" href="https://github.com/rohanb10/snoozz-tab-snoozing/issues/new/choose">Suggest a feature</a></li>
<li><a class="link-light umami--click--compatibility-footer" href="./compatibility">Compatibility</a></li>
<li><a class="link-light umami--click--faq-footer" href="./faq">FAQ</a></li>
</ul>
</div>
<div class="col-6 col-md">
<h5>Resources</h5>
<ul class="list-unstyled text-small">
<li><a class="link-light umami--click--privacy-footer" href="./privacy">Privacy</a></li>
<li><a class="link-light umami--click--stats-footer" href="./stats">Stats</a></li>
<li><a class="link-light umami--click--changelog-footer" href="./changelog">Changelog</a></li>
<li><a class="link-light umami--click--attribution-footer" href="./attribution">Attribution</a></li>
</ul>
</div>
<div class="col-6 col-md">
<h5>Links</h5>
<ul class="list-unstyled text-small">
<li><a target="_blank" class="link-light umami--click--github-footer" href="https://github.com/rohanb10/snoozz-tab-snoozing">Github</a></li>
<li><a target="_blank" class="link-light umami--click--cws-footer" href="https://chrome.google.com/webstore/detail/snoozz-snooze-tabs-window/lklendgldejcnkkaldoggoapclkepgfb">Chrome Web Store</a></li>
<li><a target="_blank" class="link-light umami--click--moz-footer" href="https://addons.mozilla.org/en-US/firefox/addon/snoozz/">Firefox Add-Ons</a></li>
</ul>
</div>
</div>
</footer>
<div id="hidden" class="d-none"></div>
<script src="./js/wow.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script>
new WOW({offset: 200}).init();
</script>
</body>
</html>