-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
407 lines (387 loc) · 14.6 KB
/
index.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
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title>WatSights | Home</title>
<meta content="" name="description" />
<meta content="" name="keywords" />
<link href="assets/img/favicon.svg" rel="icon" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet" />
<link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet" />
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet" />
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet" />
<link href="assets/vendor/aos/aos.css" rel="stylesheet" />
<link href="assets/css/style.css" rel="stylesheet" />
</head>
<body>
<header id="header" class="fixed-top header-transparent">
<div class="container d-flex align-items-center">
<div class="logo mr-auto">
<a href="index.html" style="font-size: 30px"><img src="assets/img/favicon.svg" alt=""
class="img-fluid" />
WatSights</a>
</div>
<nav class="nav-menu d-none d-lg-block">
<ul>
<li class="active"><a href="#hero">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#features">App Features</a></li>
<li><a href="#working">How it works?</a></li>
<li><a href="#privacy">Privacy</a></li>
<li><a href="#contact">Contact Us</a></li>
<li class="get-started">
<a
href="https://github.com/yashkasera/WatSights/raw/main/app/release/app-release.apk">Download</a>
</li>
</ul>
</nav>
</div>
</header>
<section id="hero" class="d-flex align-items-center">
<div class="container">
<div class="row">
<div class="col-lg-6 d-lg-flex flex-lg-column justify-content-center align-items-stretch pt-5 pt-lg-0 order-2 order-lg-1"
data-aos="fade-up">
<div>
<h1>WatSights</h1>
<h2>
A one-stop solution to all your Whatsapp problems. <br><br>
Be it filtering out important messages, message unsaved numbers, delete useless stickers or
even recover deleted media, WatSights got it covered.
</h2>
<a class="download-btn"
href="https://github.com/yashkasera/WatSights/raw/main/app/release/app-release.apk">Download
APK</a>
</div>
</div>
<div class="col-lg-6 d-lg-flex flex-lg-column align-items-stretch order-1 order-lg-2 hero-img"
data-aos="fade-up">
<img src="assets/img/hero-img.png" class="img-fluid" alt="" />
</div>
</div>
</div>
</section>
<main id="main">
<section id="about" class="section-1">
<div class="container">
<div class="row content">
<div class="col-md-4" data-aos="fade-right">
<img src="assets/img/details-1.png" class="img-fluid" alt="" />
</div>
<div class="col-md-8 pt-4" data-aos="fade-up">
<div class="section-title">
<h2>About the app</h2>
</div>
<p>
Missing out on important messages due to spamming of unwanted messages?
Missed out an important deadline because of someone
who can't stop talking about what they had for dinner?
Wasting your precious time to save a number before texting them knowing fully well
you won't be contacting them anywhere in the future?
Not anymore.</p>
<p>
Here we present to you <strong>WatSights</strong> - A one stop solution to all your Whatsapp
problems. Be it keeping up with important messages, sending whatsapp messages to unknown
numbers, clearing junk storage occupied by stickers, downloading someone's status or
recovering a deleted media. WatSights got you covered.
</p>
</div>
</div>
</div>
</section>
<section id="features" class="features section-2">
<div class="container">
<div class="section-title">
<h2>App Features</h2>
<p>
Our core idea is to try and make sure that you do cover up
majority of those important messages and let internet be less
harsh on you.
</p>
</div>
<div class="row no-gutters">
<div class="col-xl-7 d-flex align-items-stretch order-2 order-lg-1">
<div class="content d-flex flex-column justify-content-center">
<div class="row">
<div class="col-md-6 icon-box" data-aos="fade-up">
<i class="bx bx-message-rounded-error"></i>
<h4>Important Messages</h4>
<p>
Browse through your important messages that you might have
missed during a conversation
</p>
</div>
<div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="100">
<i class="bx bx-message-rounded-detail"></i>
<h4>Direct Message</h4>
<p>
Now conveniently text an unknown number on whatsapp
without saving it
</p>
</div>
<div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="200">
<i class="bx bx-crown"></i>
<h4>Elite Members</h4>
<p>
Select important contacts as Elite Members and directly
view their messages
</p>
</div>
<div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="400">
<i class="bx bx-doughnut-chart"></i>
<h4>Storage</h4>
<p>One stop destination for all your whatsapp media</p>
</div>
<div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="300">
<i class="bx bx-notification"></i>
<h4>Notifications</h4>
<p>
Get notified when someone sends an important message or
mentions you, so you dont miss out on something important
</p>
</div>
<div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="500">
<i class="icofont icofont-file-jpg"></i>
<h4>Deleted Media</h4>
<p>
Someone sent you an image and deleted it. Annoying right?
You can now see what they sent through this app
</p>
</div>
</div>
</div>
</div>
<div class="image col-xl-5 d-flex align-items-stretch justify-content-center order-1 order-lg-2"
data-aos="fade-left" data-aos-delay="100">
<img src="assets/img/features.svg" class="img-fluid" alt="" />
</div>
</div>
</div>
</section>
<section id="working" class="section-1">
<div class="container">
<div class="row content">
<div class="col-md-4 order-1 order-md-2" data-aos="fade-left">
<img src="assets/img/details-2.png" class="img-fluid" alt="" />
</div>
<div class="col-md-8 pt-5 order-2 order-md-1" data-aos="fade-up">
<div class="section-title">
<h2>How it works?</h2>
</div>
<p>
WatSights scans your message notifications and stores them
locally in a database on your device. This database is only
accessible to you through this app and no one (not even other
apps on your phone) has access to those messages. When someone
sends you a message, you get a notification. This app reads the
text in the notification and determines if the message is
important or not using keywords. It searches for possible
combinations like links, phone numbers, email addresses, meeting
links, etc.
</p>
<p>
Similarly it listens for media changes when a new media is added
on your phone and if the media is deleted, it is copied in a
folder on your phone. So even if the person deletes it, you
still have access to that media.
</p>
</div>
</div>
</div>
</section>
<section id="privacy" class="section-2">
<div class="container">
<div class="row content">
<div class="col-md-4" data-aos="fade-right">
<img src="assets/img/details-3.png" style="max-height: 400px" class="img-fluid" alt="" />
</div>
<div class="col-md-8 pt-5" data-aos="fade-up">
<div class="section-title">
<h2>We respect your Privacy</h2>
</div>
<p>
Your privacy is our biggest concern and we have tried our best
to ensure your privacy.
</p>
<ul>
<li class="permissions">
<i class="icofont-check"></i> Completely
<a href="https://github.com/yashkasera/WatSights">open source</a>
</li>
<li class="permissions">
<i class="icofont-check"></i> No third party ads
</li>
<li class="permissions">
<i class="icofont-check"></i> No internet connection required
</li>
</ul>
<p>
All the data including the messages and media are stored locally
on your device and we do not have access to that data.
</p>
<p>
If you have any questions about how we handle user data and
personal information, feel free to contact us.
</p>
</div>
</div>
</div>
</section>
<section id="permissions" class="section-1">
<div class="container">
<div class="row content">
<div class="col-md-4 order-1 order-md-2" data-aos="fade-left">
<img src="assets/img/details-4.png" class="img-fluid" alt="" />
</div>
<div class="col-md-8 pt-5 order-2 order-md-1" data-aos="fade-up">
<div class="section-title">
<h2>Permissions Required</h2>
</div>
<p>
In order for this app to work properly, we require a few
permissions.
</p>
<ul>
<li class="permissions">
<i class="icofont-check"></i> <strong>Read Notifications : </strong>The
main objective of this app is to filter out important messages
from the spam ones. In order to read those messages, this app
requires notification access.
</li>
<li class="permissions">
<i class="icofont-check"></i>
<strong>Read external Storage : </strong>Since this app works by
listening to incoming media, we need access to read your
storage
</li>
<li class="permissions">
<i class="icofont-check"></i>
<strong>Write external Storage : </strong>When a media is deleted, we
have to store it to a folder so we need write permissions
</li>
<li class="permissions">
<i class="icofont-check"></i>
<strong>Manage external Storage : </strong>This app lets you to view
Whatsapp media and delete pointless stickers and gifs, we need
access to manage your data.
<u>This does not let the app delete anything without your
permission</u>
</li>
</ul>
<p>What we don't require from you</p>
<ul>
<li class="permissions">
<i class="icofont-close"></i><strong>Internet : </strong>Yes, we do not
require internet. This app works completely offline for you to
feel safe. We have not included any third party ads to ensure
your privacy.
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="team-boxed section-2">
<div class="container" style="padding-bottom: 40px; padding-top: 40px" data-aos="fade-up">
<div class="section-title">
<h2>Our Team</h2>
</div>
<div class="row">
<div class="col-md-4" style="margin-top: 20px" data-aos="fade-up" data-aos-delay="100">
<div class="box" style="text-align: center">
<img class="rounded-circle team-member" src="assets/img/team/Yash.jpeg" />
<h3 class="name">Yash Kasera</h3>
<p class="title">Application/Web Developer</p>
<ul class="list-inline social-buttons">
<li class="list-inline-item">
<a href="https://www.instagram.com/yash.kasera/"><i
class="bx bxl-instagram"></i></a>
</li>
<li class="list-inline-item">
<a href="https://github.com/yashkasera"><i class="bx bxl-github"></i></a>
</li>
<li class="list-inline-item">
<a href="https://www.linkedin.com/in/yashkasera/"><i
class="bx bxl-linkedin"></i></a>
</li>
</ul>
</div>
</div>
<div class="col-md-4" style="margin-top: 20px" data-aos="fade-up" data-aos-delay="200">
<div class="box" style="text-align: center">
<img class="rounded-circle team-member" src="assets/img/team/aarushi.jpeg" />
<h3 class="name">Aarushi Talwar</h3>
<p class="title">Frontend Designer</p>
<ul class="list-inline social-buttons">
<li class="list-inline-item">
<a href="https://www.instagram.com/_aarushhii/"><i class="bx bxl-instagram"></i></a>
</li>
<li class="list-inline-item">
<a href="https://www.linkedin.com/in/aarushi-talwar-7674b4203/"><i
class="bx bxl-linkedin"></i></a>
</li>
</ul>
</div>
</div>
<div class="col-md-4" data-aos="fade-up" data-aos-delay="300">
<div class="box" style="text-align: center">
<img class="rounded-circle team-member" src="assets/img/team/aditya.jpeg" />
<h3 class="name">Aditya Malpani</h3>
<p class="title">Content Manager</p>
<ul class="list-inline social-buttons">
<li class="list-inline-item">
<a href="https://www.instagram.com/iamadi_27/"><i class="bx bxl-instagram"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="contact section-1">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>Contact Us</h2>
</div>
<p data-aos="fade-up" data-aos-delay="100">
Have any queries, suggestions or complaints? We'd love to hear it from you.<br>
Please feel free to reach us out at
</p>
<br />
<div data-aos="fade-up" data-aos-delay="200">
<a href="mailto:[email protected]">
<h4><i class="bx bx-envelope"></i> [email protected]</h4>
</a>
</div>
</div>
</div>
</section>
</main>
<footer id="footer">
<div class="container">
<div class="justify-content-center">
<p>Copyright © 2021 Yash Kasera</p>
<ul class="list-inline">
<li class="list-inline-item">
<a href="./privacy_policy.html">Privacy</a>
</li>
<li class="list-inline-item">
<a href="./terms_of_use.html">Terms</a>
</li>
<li class="list-inline-item"><a href="./FAQs.html">FAQ</a></li>
</ul>
</div>
</div>
</footer>
<a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>
<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>