Skip to content

Commit 57155ee

Browse files
CodeDeadCodeDead
committed
* Added a privacy page
1 parent d5daa60 commit 57155ee

File tree

3 files changed

+206
-4
lines changed

3 files changed

+206
-4
lines changed

‎src/components/NavigationDrawer/index.jsx‎

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ import ListItemText from '@material-ui/core/ListItemText';
77
import { makeStyles } from '@material-ui/core/styles';
88
import ChevronLeftIcon from '@material-ui/icons/ChevronLeft';
99
import IconButton from '@material-ui/core/IconButton';
10+
import VisibilityIcon from '@material-ui/icons/Visibility';
1011
import Divider from '@material-ui/core/Divider';
1112
import HomeIcon from '@material-ui/icons/Home';
1213
import BuildIcon from '@material-ui/icons/Build';
@@ -35,7 +36,7 @@ const useStyles = makeStyles((theme) => ({
3536
}));
3637

3738
const NavigationDrawer = ({ open, onClose }) => {
38-
const [state,] = useContext(MainContext);
39+
const [state] = useContext(MainContext);
3940
const classes = useStyles();
4041

4142
const { pageIndex } = state;
@@ -97,7 +98,14 @@ const NavigationDrawer = ({ open, onClose }) => {
9798
<ListItemIcon><InfoIcon /></ListItemIcon>
9899
<ListItemText>About</ListItemText>
99100
</ListItem>
100-
<ListItem button onClick={() => navigate('/contact')} selected={pageIndex === 5}>
101+
<ListItem button onClick={() => navigate('/privacy')} selected={pageIndex === 5}>
102+
<ListItemIcon><VisibilityIcon /></ListItemIcon>
103+
<ListItemText>Privacy</ListItemText>
104+
</ListItem>
105+
</List>
106+
<Divider />
107+
<List>
108+
<ListItem button onClick={() => navigate('/contact')} selected={pageIndex === 6}>
101109
<ListItemIcon><EmailIcon /></ListItemIcon>
102110
<ListItemText>Contact</ListItemText>
103111
</ListItem>

‎src/pages/contact/index.jsx‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@ import React, { useContext, useEffect, useState } from 'react';
22
import Container from '@material-ui/core/Container';
33
import Typography from '@material-ui/core/Typography';
44
import Grid from '@material-ui/core/Grid';
5-
import CardActionArea from '@material-ui/core/CardActionArea';
65
import CardContent from '@material-ui/core/CardContent';
76
import CardActions from '@material-ui/core/CardActions';
87
import Button from '@material-ui/core/Button';
@@ -34,7 +33,7 @@ const ContactPage = () => {
3433
};
3534

3635
useEffect(() => {
37-
dispatch(setPageIndex(5));
36+
dispatch(setPageIndex(6));
3837
}, []);
3938

4039
return (

‎src/pages/privacy/index.jsx‎

Lines changed: 195 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,195 @@
1+
import React, { useContext, useEffect } from 'react';
2+
import Container from '@material-ui/core/Container';
3+
import Grid from '@material-ui/core/Grid';
4+
import Typography from '@material-ui/core/Typography';
5+
import Divider from '@material-ui/core/Divider';
6+
import Card from '@material-ui/core/Card';
7+
import CardContent from '@material-ui/core/CardContent';
8+
import Layout from '../../components/Layout';
9+
import PageHeader from '../../components/PageHeader';
10+
import { MainContext } from '../../contexts/MainContextProvider';
11+
import { setPageIndex } from '../../reducers/MainReducer/Actions';
12+
13+
const Privacy = () => {
14+
const [, dispatch] = useContext(MainContext);
15+
16+
useEffect(() => {
17+
dispatch(setPageIndex(5));
18+
}, []);
19+
20+
return (
21+
<Layout>
22+
<PageHeader title="Privacy" subTitle="What?" />
23+
<Container maxWidth="md" style={{ marginTop: 10 }}>
24+
<Grid container spacing={2}>
25+
<Grid item xs={12} md={12} lg={12}>
26+
<Typography variant="h5" color="textPrimary">
27+
Information
28+
</Typography>
29+
</Grid>
30+
<Grid item xs={12} md={12} lg={12}>
31+
<Divider />
32+
</Grid>
33+
</Grid>
34+
<Card style={{ marginTop: 10 }}>
35+
<CardContent>
36+
<Typography gutterBottom>
37+
Let’s get started shall we. We’re all about transparency. That is why our applications
38+
are always open-source and compiled as-is. No hidden fee’s anywhere. There’s a good
39+
reason for that too. Not only do we not want your money by means of adware or other
40+
dubious methods like including other products in our installers, we want you to know
41+
exactly what we know about you. Donations are still welcome though ;).
42+
</Typography>
43+
44+
<Typography>
45+
We’re not huge fans of collecting massive amounts of data on the people who use our
46+
applications and browse our website so we’re going to be brutally honest about the
47+
things we collect, by choice, and simply because of our server logs. Also, no, we do
48+
not incorporate any governmental back-doors.
49+
</Typography>
50+
</CardContent>
51+
</Card>
52+
<Grid container spacing={2} style={{ marginTop: 20 }}>
53+
<Grid item xs={12} md={12} lg={12}>
54+
<Typography variant="h5" color="textPrimary">
55+
Google Analytics
56+
</Typography>
57+
</Grid>
58+
<Grid item xs={12} md={12} lg={12}>
59+
<Divider />
60+
</Grid>
61+
</Grid>
62+
<Card style={{ marginTop: 10 }}>
63+
<CardContent>
64+
<Typography gutterBottom>
65+
This is an external party we use to collect information on the usage of this
66+
website. This data is kept privately (on our side) and does not get shared with anyone
67+
other than the owners of this website. This includes information such as:
68+
</Typography>
69+
<ul>
70+
<li>How you found our website (referral, direct, search, social media,…)</li>
71+
<li>Which pages are popular</li>
72+
<li>The duration of a visit</li>
73+
<li>General information about our demographic</li>
74+
<li>Etc.</li>
75+
</ul>
76+
77+
<Typography gutterBottom>
78+
Take a look at google’s privacy policy to find out more. We don’t export this data to
79+
any hard drives or sell it or anything. This information is quite useful for our
80+
applications in the following sense:
81+
</Typography>
82+
<ul>
83+
<li>
84+
Translations: if we notice that a certain country is using our site very frequently,
85+
it’s always a plus to have translations ready for that specific country
86+
</li>
87+
<li>
88+
Insight: We’d like to know how active our brand is on the internet and how people
89+
respond to us on Social Media
90+
</li>
91+
</ul>
92+
</CardContent>
93+
</Card>
94+
<Grid container spacing={2} style={{ marginTop: 20 }}>
95+
<Grid item xs={12} md={12} lg={12}>
96+
<Typography variant="h5" color="textPrimary">
97+
Server logs
98+
</Typography>
99+
</Grid>
100+
<Grid item xs={12} md={12} lg={12}>
101+
<Divider />
102+
</Grid>
103+
</Grid>
104+
<Card style={{ marginTop: 10 }}>
105+
<CardContent>
106+
<Typography gutterBottom>
107+
Server logs are data that is automatically collected by our server when you visit our
108+
website. This includes our software that can periodically check for updates. This
109+
includes information such as:
110+
</Typography>
111+
<ul>
112+
<li>The date and time of the visit</li>
113+
<li>The duration of the visit</li>
114+
<li>The URL’s that were consulted</li>
115+
<li>Your IP address</li>
116+
<li>
117+
Headers that get sent to us by your web browser such as the user agent, the protocol
118+
that was used etc.
119+
</li>
120+
</ul>
121+
122+
<Typography gutterBottom>
123+
This information is mainly used to calculate download statistics of our applications.
124+
It does not get used to personally identify anyone. This information does not get sold
125+
to any third parties or used for any other activities other than bragging about how
126+
many people downloaded our software to our friends and family.
127+
</Typography>
128+
129+
<Typography gutterBottom>
130+
Periodically, we also have to fight off attacks and hacks using these logs. This
131+
usually means blocking the malicious attacker as soon as possible. We’re gonna be
132+
honest here: if you attack us, there’s no question that your information will be
133+
reported to the right authorities instantly. If you have a problem with that, we
134+
suggest you do not launch any attacks against us (Sorry, hackers, but we’re not
135+
sorry).
136+
</Typography>
137+
</CardContent>
138+
</Card>
139+
<Grid container spacing={2} style={{ marginTop: 20 }}>
140+
<Grid item xs={12} md={12} lg={12}>
141+
<Typography variant="h5" color="textPrimary">
142+
E-mail
143+
</Typography>
144+
</Grid>
145+
<Grid item xs={12} md={12} lg={12}>
146+
<Divider />
147+
</Grid>
148+
</Grid>
149+
<Card style={{ marginTop: 10 }}>
150+
<CardContent>
151+
<Typography gutterBottom>
152+
It’s quite possible that you have to send us a mail, contact us in order to get
153+
support or if you happen to have any questions. These emails are stored on our server
154+
and includes information about you such as your email address, your name and the email
155+
headers that are sent to us (that’s just the way the mail protocol works).
156+
</Typography>
157+
158+
<Typography>
159+
Your emails are not shared with third parties. They are not going to be sold to
160+
anyone and you will not be subscribed to any newsletters or the likes (who likes
161+
those, anyway?). Yes, we periodically clean out our mail boxes, so we can’t really
162+
say how long we keep the information for. Sometimes it’s only for a couple of
163+
minutes, other times it’s useful to keep the mails so that we can diagnose problems.
164+
</Typography>
165+
</CardContent>
166+
</Card>
167+
<Grid container spacing={2} style={{ marginTop: 20 }}>
168+
<Grid item xs={12} md={12} lg={12}>
169+
<Typography variant="h5" color="textPrimary">
170+
That&apos;s it?
171+
</Typography>
172+
</Grid>
173+
<Grid item xs={12} md={12} lg={12}>
174+
<Divider />
175+
</Grid>
176+
</Grid>
177+
<Card style={{ marginTop: 10 }}>
178+
<CardContent>
179+
<Typography gutterBottom>
180+
Yeah. That’s it. We’re not internet gangster collecting tons of e-mail addresses or
181+
data in order to send you spam or newsletters. That’s not how we want to work and
182+
behave. Our only source of income are your generous donations.
183+
</Typography>
184+
185+
<Typography>
186+
If you have any questions, you’re always free to contact us.
187+
</Typography>
188+
</CardContent>
189+
</Card>
190+
</Container>
191+
</Layout>
192+
);
193+
};
194+
195+
export default Privacy;

0 commit comments

Comments
 (0)