-
Notifications
You must be signed in to change notification settings - Fork 0
/
faq.html
245 lines (243 loc) · 14.6 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
<!DOCTYPE html><!-- This site was created in Webflow. http://www.webflow.com -->
<!-- Last Published: Wed Jan 27 2021 21:58:21 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="5feb76e0d24a03bb61c96136" data-wf-site="5feafddcfdc9586136abef4c">
<head>
<meta charset="utf-8">
<title>HELP CENTER</title>
<meta content="This is a Website Design Template made using the custom illustrations on the Black Illustrations Website." name="description">
<meta content="HELP CENTER" property="og:title">
<meta content="This is a Website Design Template made using the custom illustrations on the Black Illustrations Website." property="og:description">
<meta content="HELP CENTER" property="twitter:title">
<meta content="This is a Website Design Template made using the custom illustrations on the Black Illustrations Website." property="twitter:description">
<meta property="og:type" content="website">
<meta content="summary_large_image" name="twitter:card">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/felicia900s-cool-project.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Poppins:regular,500,600,700","Roboto:regular,500,700","Raleway:regular,500,600,700,900"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
<style>
.spinner {
margin: 100px auto;
width: 50px;
height: 30px;
text-align: center;
font-size: 10px;
}
.spinner > div {
background-color: #a9a9a9;
height: 100%;
width: 6px;
display: inline-block;
-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
animation: stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.spinner .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.spinner .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
20% { -webkit-transform: scaleY(1.0) }
}
@keyframes stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
} 20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}
</style>
</head>
<body class="body">
<div class="page-container">
<div data-collapse="medium" data-animation="default" data-duration="400" role="banner" class="navbar-2 w-nav">
<div class="nav-container-2">
<a href="index.html" class="nav-logo-wrap w-nav-brand"><img src="images/logo-foca.svg" alt="" class="nav-logo"></a>
<div class="nav-right-wrap-2">
<nav role="navigation" class="nav-menu-2 w-nav-menu">
<a href="about.html" class="nav-link-4 w-nav-link">ABOUT</a>
<a href="faq.html" aria-current="page" class="nav-link-4 w-nav-link w--current">HELP CENTER</a>
<a href="mailto:[email protected]" class="nav-link-4 w-nav-link">CONTACT</a>
</nav>
<div class="menu-button-2 w-nav-button">
<div class="icon-5 w-icon-nav-menu"></div>
</div>
</div>
</div>
</div>
<div class="hero-section">
<div class="content-wrapper slim w-container">
<div class="accordion-wrapper">
<div class="accordion-item">
<div id="q1" class="accordion-item-trigger">
<h4 id="acd_notification" class="accordion-heading">How to configure notification?<br></h4><img src="images/icon-more.png" loading="lazy" alt="" class="icon-2 accordion-icon"><a href="#notification"></a>
</div>
<div class="accordion-item-content">
<p class="head">Note:</p>
<p class="paragraph">
<ol>
<li>Following setting steps are for <b>Android</b> phones/pads. If you're using <b>iPhone/Mac/iPad</b>, you can configure notification using the setting inside Foca app.</li>
<li>Steps are for Version newer than 1.3.2 only. We updated the notification to make Foca work better in background, which might require some extra setting steps from you.</li>
<li>Foca's notification goes with Android system settings.<br>
So if you want both ringtone and vibration, you should enable ringtone (mode) in your system;<br>
if you want vibration only, you should enable vibration (mode);<br>
while silent (mode) will only show a notification banner, with no ringtone nor vibration.<br>
As for "Do not disturb" mode, it will simply disable all notifications.</li>
</ol>
</p>
<p class="head">For Version newer than 1.3.2 only:</p>
<p class="paragraph">
<b>Xiaomi/Redmi:</b><br>
Xiaomi/Redmi has very strict permission management strategy. This makes it harder for Foca to send notifications.<br>
If you see any issues when using Foca with Xiaomi/Redmi phones, please follow the following steps to fix it.<br>
<ol>
<li>In Foca's in-app Settings page, press "Background Notification". This will bring you to the "App Info"'s Notification setting page for further configuration.</li>
<li>In the Notification settings page, enable the following,</li>
<ul>
<li>Show Notifications</li>
<li>Allow flating Notifications</li>
<li>Alow Lock screen Notificationss</li>
<li>Allow playing sound</li>
<li>Allow vibration</li>
</ul>
<li>Rules for grouped Notifications -> set to Important.</li>
<li>For Individual Notification Categories, i.e. Foca Notifications 1, 2 and 3,</li>
<ul>
<li>Enable: Show notifications, Allow floating notifications, Vibration.</li>
<li>On the Lock screen -> Show all notifications and their contents</li>
</ul>
</ol>
<b>Samsung, Google Pixel and Oneplus:</b><br>
<ol>
<li>In Foca's in-app Settings page, press "Background Notification" if the status is shown as "Off".<br>
This will bring you to the "App Info"'s Notification setting page. Enable notification once you reach the page.</li>
<li>Based on your need, choose ringtone/vibration/silent/"do not distube" mode accordingly.</li>
</ol>
<b>Other brands:</b><br>
We currently don't have enough information about other brands, feel free to send us an email if you find a way to properly configure the notification :)<br>
</p>
</div>
</div>
<div class="accordion-item">
<div id="q2" class="accordion-item-trigger">
<h4 id="acd_bg" class="accordion-heading"><strong class="bold-text">How to keep Foca running in background?</strong></h4><img src="images/icon-more.png" loading="lazy" alt="" class="icon-2 accordion-icon"><a href="#background"></a>
</div>
<div class="accordion-item-content">
<p class="head">Note:</p>
<p class="paragraph">Following setting steps are for <b>Android</b> phones/pads. If you're using <b>iPhone/Mac/iPad</b>, your Foca app should run normally in the background already without any extra configuration step.</p>
<p class="head">Version newer than 1.3.2:</p>
<p class="paragraph">Starting from Version 1.3.2, background running is closely related to notification. If you are getting no notification (vibration or sound) when your session ends, please check the last session "How to configure notification?".<br>
<p class="head">Version prior to 1.3.2:</p>
<p class="paragraph">- Make sure you lock Foca in the Multi-tasking interface.<br>- Make sure you permit 'Auto-Start' for Foca if applicable.<br>- Make sure you permit 'Ignore battery optimization' for Foca if applicable.</p>
</div>
</div>
<div class="accordion-item">
<div id="q3" class="accordion-item-trigger">
<h4 id="acd_pomodoro" class="accordion-heading"><strong class="bold-text">What is Pomodoro Technique?</strong></h4><img src="images/icon-more.png" loading="lazy" alt="" class="icon-2 accordion-icon"><a href="#pomodoro"></a>
</div>
<div class="accordion-item-content">
<p class="paragraph">The Pomodoro Technique is a time management method developed by Francesco Cirillo in the late 1980s. The technique uses a timer to break down work into intervals, traditionally 25 minutes in length, separated by short breaks (3-5 minutes). Each session is known as a Pomodoro, from the Italian word for 'tomato'.There are many variations on the this approach. These allow individuals to tailor the principles of the Pomodoro Technique to better suit their personal working style.</p>
</div>
</div>
<div class="accordion-item">
<div id="q4" class="accordion-item-trigger">
<h4 id="acd_autorun" class="accordion-heading"><strong>What is Auto-Run in Timer Settings?</strong></h4><img src="images/icon-more.png" loading="lazy" alt="" class="icon-2 accordion-icon"><a href="#autorun"></a>
</div>
<div class="accordion-item-content">
<p class="paragraph">Auto-Run is a mode that the sessions run automatically one after another. You don’t have to come back to your phone after each session ends. This mode will help you stay more focused without distraction from the phone.Traditionally the number of sessions is set to 4, meaning that you focus for 4 Pomodoros continually before taking a long rest.</p>
</div>
</div>
<div class="accordion-item">
<div id="q5" class="accordion-item-trigger">
<h4 id="acd_getstarted" class="accordion-heading">How to get started with Foca App?<br></h4><img src="images/icon-more.png" loading="lazy" alt="" class="icon-2 accordion-icon"><a href="#getstarted"></a>
</div>
<div class="accordion-item-content">
<p class="paragraph">Normal Mode<br>-Tap the start button to enter a Focus Session.<br>- Concentrate on your work with the white noise and minimalist background.<br>- At the end of the Fucus session, you can choose to start stretch exercise, take a break or skip the break session.<br><br>You can also choose to start an Auto-Run mode in Timer Settings.</p>
</div>
</div>
<div class="accordion-item">
<div id="q6" class="accordion-item-trigger">
<h4 id="acd_duration" class="accordion-heading">How to change the time duration?<br></h4><img src="images/icon-more.png" loading="lazy" alt="" class="icon-2 accordion-icon"><a href="#duration"></a>
</div>
<div class="accordion-item-content">
<p class="paragraph">Before starting to count down, tap on the Timer Settings icon to open it. You can slide the sliders to change the time duration of the focus session and break session.</p>
</div>
</div>
<div class="accordion-item">
<div id="q7" class="accordion-item-trigger">
<h4 id="acd_music" class="accordion-heading"><strong>What if I want to use another music player while using Foca?</strong></h4><img src="images/icon-more.png" loading="lazy" alt="" class="icon-2 accordion-icon"><a href="#music"></a>
</div>
<div class="accordion-item-content">
<p class="paragraph">You can start a timer in Foca first, then play another music player. You can switch to Foca later once the Spotify music gets started. On the other hand, we would suggest listening to the white noises provided by Foca, since the list is carefully selected and more helpful for concentration.</p>
</div>
</div>
</div>
</div>
</div>
<div class="footer-overlap-wrap only new div-block-7 uni">
<div class="curved-bg-wrap"></div>
<div class="footer home">
<div class="container">
<div class="footer-bottom-wrap">
<div class="footer-flex-wrap first">
<a href="terms-of-use.html" class="footer-link light">Terms of Use</a>
<a href="privacy-policy.html" class="footer-link light">Privacy Policy</a>
</div>
<div class="legal">© 2022 All right reserved.</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5feafddcfdc9586136abef4c" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
<script>
var hash = window.location.hash
window.onload = function() {
if (hash == "#notification") {
document.getElementById("acd_notification").click();
}
if (hash == "#background") {
document.getElementById("acd_bg").click();
}
else if (hash == "#pomodoro") {
document.getElementById("acd_pomodoro").click();
}
else if (hash == "#autorun") {
document.getElementById("acd_autorun").click();
}
else if (hash == "#getstarted") {
document.getElementById("acd_getstarted").click();
}
else if (hash == "#duration") {
document.getElementById("acd_duration").click();
}
else if (hash == "#music") {
document.getElementById("acd_music").click();
}
}
</script>
</body>
</html>