-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
235 lines (199 loc) · 12.2 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
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:site_name" content="The State of Privacy" />
<meta property="og:description" content="How safe is your cell phone and what can you do about it, now? A visual representation of the privacy risks of using the internet.">
<meta property="og:url" content="http://www.thestateofprivacy.com" />
<meta property="og:image" content="social.png" />
<meta name="twitter:card" content="How safe is your cell phone and what can you do about it, now? A visual representation of the privacy risks of using the internet.">
<meta name="twitter:title" content="The State of Privacy">
<meta name="twitter:description" content="How safe is your cell phone and what can you do about it, now? A visual representation of the privacy risks of using the internet.">
<meta name="twitter:image" content="social.png">
<title>The State of Privacy</title>
<meta name="description" content="How safe is your cell phone and what can you do about it, now? A visual representation of the privacy risks of using the internet.">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<link rel="stylesheet" href="animate.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div>
<header id="#">
<h1><strong>The State of Privacy</strong></h1>
<a href="http://www.facebook.com/sharer/sharer.php?u=www.thestateofprivacy.com"><img src="fb.jpg"></a> <a href="http://twitter.com/share" class="twitter-share-button" data-via="jbcnn">Tweet</a>
<script>
! function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
p = /^http:/.test(d.location) ? 'http' : 'http';
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = p + '://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-wjs');
</script>
</header>
<div id="zero" class="section slideOne">
<div class="content">
<img class="mobilemap" src="map1.png">
<h2>Your cell phone helps you keep in touch with friends and family, but it’s also a collection of: <br/><strong>where</strong> you've been,<br/> <strong>who</strong> you talk to,<br/> <strong>what</strong> you say,<br/> and <strong>everything</strong> you do online.
</h2>
<div class="wow fadeInUp">
<h2><strong>Here are some things to consider:</strong></h2>
</div>
<div class="downarrow">
<a id="downarrowlink" href="#one">
<span><strong>Read More</strong></span>
<br>
<i class="fa fa-angle-double-down"></i>
</a>
</div>
</div>
</div>
<div id="one" class="section slideTwo">
<div class="content">
<div class="wow fadeInUp">
<img class="mobilemap" src="map2.png">
<h2><strong>4.5 million smartphones were lost or stolen</strong> in the United States in 2013, or <strong>4% of all active smartphones.</strong><h2></div>
<div class="wow fadeInUp">
<h2 class="statetext">That's equivalent to the populations of <strong>Colorado, Kansas, Nebraska, Wyoming, and Utah combined</strong> as compared to the United States.</h2>
</div>
</div>
</div>
<div id="two" class="section slideThree">
<div class="content">
<div class="wow fadeInUp">
<img class="mobilemap" src="map3.png">
<h2><strong>21% of internet users have had an email or social networking account compromised or taken over</strong> by someone else without permission.</h2>
</div>
<div class="wow fadeInUp">
<h2 class="statetext">Thats equivalent to the populations of <strong>Arizona, Nevada, Texas, Idaho, Montana, Oregon, Washington, Oklahoma, North Dakota, South Dakota, and Louisiana</strong> combined as compared to the United States.</h2>
</span>
</div>
</div>
</div>
<div id="three" class="section slideFour">
<div class="content">
<div class="wow fadeInUp">
<img class="mobilemap" src="map4.png">
<h2><strong>34% of smartphone users have no active security measures</strong> like passwords or lock screens.</h2>
</div>
<div class="wow fadeInUp">
<h2 class="statetext">That's equivalent to the populations of <strong>Florida, Mississippi, Georgia, and Alabama</strong> as compared to the United States.</h2>
</div>
</div>
</div>
<div id="four" class="section slideFive">
<div class="content" id="5">
<div class="wow fadeInUp">
<img class="mobilemap" src="map5.png">
<h2><strong>68% of internet users believe that current laws are not good enough</strong> in protecting people’s privacy online...
</h2>
<h2 class="statetext"><strong>Comparable to:</strong> population of U.S. with a smartphone.</h2>
</div>
</div>
</div>
<div id="five" class="section slideSix">
<div class="content" id="6">
<div class="wow fadeInUp">
<img class="mobilemap" src="map6.png">
<h2>... and with Congress still having <strong>no idea how many Americans have been spied on</strong> by NSA's mass surveillance programs, it's safe to presume <strong>100% of internet users are at risk.</strong></h2>
</h2>
</a>
</div>
</div>
</div>
<section>
<div class="final" class="section slideSeven">
<h2 id="final">Here’s what you can do, now.</h2>
<p>Help protect the privacy of yourself and the people you communicate with while also resisting bulk surveillance systems by following these steps.
<br/>
<br/> Remember: even if you feel you have nothing to hide, you have the right to be free from unreasonable search and seizure.
</p>
<div class="phone">
<p>
<b>Password lock your phone, now.</b>
<br/>
<br/>
Your passwords should be a long mix of capital and lowercase letters, numbers and punctuation symbols.
<br/>
<br/>
<a target="_blank"href="http://kb.iu.edu/d/azld">Android</a>
<br/>
<a target="_blank"href="http://kb.iu.edu/d/ayem">iOS</a>
<br/>
<a target="_blank"href="http://kb.iu.edu/d/bcja">Windows</a>
<br/>
<a target="_blank"href="http://kb.iu.edu/d/almr">BlackBerry</a>
<br/>
<br/> Remember: You do not have to give your encryption keys or passwords to law enforcement. <a target="_blank"href="http://www.eff.org/issues/know-your-rights">Know your rights</a>.
</p>
<p>
</p>
</div>
<div class="twofactor">
<p>
<b>Enable Two-Factor Authentication, now.</b>
<br/>
<br/> This is a security process that requires two levels of identification, it can help keep your information safe even if someone has your password.
<br/>
<br/>
<a target="_blank"href="http://www.google.com/landing/2step/">Gmail, Google services</a>
<br/>
<a target="_blank"href="http://support.apple.com/en-us/HT5570">Apple ID</a>
<br/>
<a target="_blank"href="http://account.live.com/Proofs/Manage">Microsoft Accounts</a>
<br/>
<a target="_blank"href=" http://edit.yahoo.com/commchannel/sec_chal_manage">Yahoo! Mail</a>
<br/>
<a target="_blank"href="http://www.facebook.com/settings?tab=security">Facebook</a>, called “login approvals”
<br/>
<a target="_blank"href="http://twitter.com/settings/security">Twitter</a>, called “login verification”
<br/><a target="_blank"href="http://twofactorauth.org/">A growing list</a> of services offering two-factor authentication.
</p>
</div>
<div>
<b>When it comes to app privileges, use your common sense:</b>
<br>
<br> When not using features like GPS, bluetooth, WiFi, you should disable them.
<br> When installing a new app, ask yourself “why does this app need these permissions?”
<br> Disable any app permissions and location services that you feel are unnecessary.
<br>
<br>
<p>Made by <a target="_blank"href="http://twitter.com/sterlingcrispin">Sterling Crispin</a> and <a target="_blank"href="http://twitter.com/jbcnn">Joe Cuanan</a> during the 2014 <a target="_blank"href="http://www.aaronswartzday.org/los-angeles/">Los Angeles Aaron Swartz Hackathon</a></p>
<b>Sources:</b>
<span style="font-size:0.8em">
<br/>
<a target="_blank"href="http://www.consumerreports.org/cro/news/2014/04/smart-phone-thefts-rose-to-3-1-million-last-year/index.htm">4.5 million smartphones were lost or stolen in 2013.</a>
<br/>
<a target="_blank"href="http://www.pewinternet.org/2013/09/05/anonymity-privacy-and-security-online/">21% of internet users social media accounts have been compromised.</a>
<br/>
<a target="_blank"href="http://www.consumerreports.org/cro/news/2014/04/smart-phone-thefts-rose-to-3-1-million-last-year/index.htm ">34% of smartphone users have no active security measures.</a>
<br/>
<a target="_blank"href="http://www.pewinternet.org/2013/09/05/anonymity-privacy-and-security-online/">68% of internet users believe current laws are not good enough in protecting people’s privacy online.</a>
<br/>
<a target="_blank"href="http://www.theatlantic.com/politics/archive/2014/10/congress-still-has-now-idea-how-much-the-nsa-spies-on-americans/382114/">Congress still has no idea how many Americans the NSA has spied on.</a>
</span>
</div>
</div>
</div>
</div>
</section>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="waypoints/waypoints.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/wow/1.0.2/wow.min.js"></script>
<script src="app.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-7604907-15', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>