This repository has been archived by the owner on Jun 13, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathindex.html
321 lines (290 loc) · 19.4 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="icon" href="https://www.fightforthefuture.org/favicon.ico"/>
<title>Security Pledge</title>
<meta name="description" content="Every day we learn more about how our data is being harvested and used against us. A group of technologists and human rights experts have developed this Security Pledge, a set of principles that — if enough companies adopted them — would ensure the Internet is used to expand democracy, not undermine it. Add your name to tell the companies you use to take the pledge.">
<!-- *** social meta *** -->
<!-- facebook -->
<meta property="og:url" content="https://www.securitypledge.com"/>
<meta property="og:type" content="website"/>
<meta property="og:site_name" content="Security Pledge"/>
<meta property="og:locale" content="en_US"/>
<meta property="og:locale:alternate" content="en_GB"/>
<meta property="og:title" content="Tech companies need to change."/>
<meta property="og:description" content="Every day we learn more about how our data is being harvested and used against us. A group of technologists and human rights experts have developed this Security Pledge, a set of principles that — if enough companies adopted them — would ensure the Internet is used to expand democracy, not undermine it. Add your name to tell the companies you use to take the pledge."/>
<meta property="og:image" content="https://www.securitypledge.com/images/pledge1.png" />
<!-- twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@FightForTheFtr">
<meta name="twitter:title" content="Tech companies need to change.">
<meta name="twitter:description" content="Every day we learn more about how our data is being harvested and used against us. A group of technologists and human rights experts have developed this Security Pledge, a set of principles that — if enough companies adopted them — would ensure the Internet is used to expand democracy, not undermine it. Add your name to tell the companies you use to take the pledge." />
<meta name="twitter:image" content="https://www.securitypledge.com/images/pledge1.png" />
<meta name="twitter:url" content="https://www.securitypledge.com">
<!-- /*** social meta *** -->
<!-- Stylesheets -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css?1522178252">
<!-- Site JavaScript -->
<script src="js/vue.bundle.js"></script>
<script src="js/app.js?1522178242"></script>
</head>
<body>
<div id="app">
<header id="header" ref="header">
<h1>Tech companies need to change.</h1>
<div class="container">
<p>Every day we learn more about how our data is being harvested and used against us. A group of technologists and human rights experts have developed this <a href="#pledge">Security Pledge</a>, a set of principles that — if enough companies adopted them — would ensure the Internet is used to expand democracy, not undermine it. <strong>Add your name to tell the companies you use to take the pledge.</strong></p>
</div>
</header>
<div class="container">
<!-- hidden Demand Progress form -->
<div class="hidden">
<iframe class="hidden" name="actionkit-iframe"></iframe>
<form action="https://act.demandprogress.org/act/" method="post" target="actionkit-iframe" ref="dpForm">
<input type="hidden" name="name" :value="name">
<input type="hidden" name="phone" :value="phone">
<input type="hidden" name="email" :value="email">
<input type="hidden" name="zip" :value="zipCode">
<input type="hidden" name="page" value="security_pledge">
<input type="hidden" name="form_name" value="act-petition">
<input type="hidden" name="country" value="united states">
<input type="hidden" name="source" value="website">
<input type="hidden" name="subscribed_user" value="1">
<input type="hidden" name="js" value="1">
<input type="hidden" name="opt_in" :value="optedIn">
</form>
</div>
<div class="form-wrapper">
<form class="petition-form" @submit.prevent="submitForm()" :class="{ 'stuck': formIsStuck }" ref="form">
<div class="fields">
<div class="row">
<div class="column">
<input v-model.trim="name" type="text" placeholder="Name*" required>
</div>
<div class="column">
<input v-model.trim="email" type="email" placeholder="Email*" required>
</div>
<div class="column">
<input v-model.trim="zipCode" type="tel" placeholder="Zip Code*" required v-if="isDemandProgressPage" v-cloak>
<input v-model.trim="zipCode" type="tel" placeholder="Zip Code" v-else>
</div>
</div>
<div class="disclaimer-container">
<small class="error" v-if="formMessage" v-cloak>{{ formMessage }}</small>
<label class="disclaimer" v-else>
<input type="checkbox" v-model="optedIn">
Yes! I want
<a href="https://www.demandprogress.org/" v-if="isDemandProgressPage" v-cloak>Demand Progress</a>
<a href="https://www.fightforthefuture.org/" v-else>Fight for the Future</a>
to email me updates on the Security Pledge and other important issues, and I can unsubscribe at any time.
<a href="https://www.battleforthenet.com/privacy/">Privacy Policy</a>
</label>
</div>
<div class="row">
<div class="column">
<button :disabled="isLoading">
<span v-if="isLoading" v-cloak>Saving...</span>
<span v-else>Demand Change</span>
</button>
</div>
</div>
</div>
</form>
</div>
<div id="faq">
<h2>What's happening?</h2>
<h3>The Problem</h3>
<p>Corporate and government attacks on human rights to privacy, security, and liberty are increasing across the globe, and technology plays a central role in extending their reach. Technology can empower and grant freedoms to us all, but now our online data is empowering data brokers, ISP’s, surveillance companies, and runaway government agencies to discriminate, exploit, and limit our freedoms. If a company wanted to exploit, or an authoritarian government wanted to surveil everyone affiliated with a certain racial, religious, or political group, they could do so with the information collected on innocent people by technology and social media companies. Companies and governments can exploit the massive troves of data companies have on people and weak links in Internet security. They can twist the Internet into something it was never meant to be: a weapon against the public.</p>
<hr>
<h3>The Solution</h3>
<p>We can stop abuses of our data and authoritarian tools by demanding companies protect our privacy and by building a surveillance-resistant web. We're calling on companies to reaffirm the power of their users and to build proven security into every service, site, and technology. To achieve this, we are arming users with the information they need to make informed choices about what services to use. We're already part-way there, and what is left to do is within reach.</p>
<hr>
<h3>The Plan</h3>
<p>The goal is to get thousands of the sites & apps we use every day to pledge to secure our data and get millions of people using secure services. As users, we are demanding companies on the web take this pledge and take these steps so that everyone can choose the services that protect their privacy and security. Those of us who are tech employees are pledging to work inside our companies to push them to do the right thing. Together we'll take online and offline action to shut off channels that allow for our exploitation and surveillance, whether it’s Cambridge Analytica or the NSA. Over the course of 2018, we will acknowledge those companies that have taken these steps and draw public awareness to those that have left us vulnerable.</p>
<hr>
<h3 id="pledge">The Pledge</h3>
<p>As technology companies, you recognize that you have a key role to play. You decide how the services you build collect, capture, and share our data. In 2018, companies that sign this pledge are committing to protecting their users’ data from exploitation and securing their users’ human rights, ensuring their products and services do not put human rights at risk by agreeing to:</p>
<div class="pledge">
<h4 id="pledge1"><b>1</b> <span>Ensure Users Have Access to and Control Over Their Data</span></h4>
<p>We need to know that we are in control of our personal information. Commit to meaningful transparency, including providing users full access to all data you have collected and a list of all parties given access to that data. In addition, provide users full control, which includes requiring explicit opt-in consent, over the retention, sharing, or use of their information, including all data sharing with third parties. Adopt auditing procedures to ensure that shared data is used consistently with the users’ preferences. Guarantee that users have an easy and free way to download all the data you have about them in a standardized, open, and usable format. Allow users to delete their entire account and permanently eliminate their data from your servers if they choose to, except when prohibited by law.</p>
<h4 id="pledge2"><b>2</b> <span>Protect Our Data</span></h4>
<p>We use the Internet to communicate about nearly everything, from banking to politics. Commit to following best practices to secure this information, including offering independently audited end-to-end encryption by default. Prohibit the use of your products and services, including your APIs, by developers to collect information about your customers and users without appropriate consent for third-party commercial tracking or governmental surveillance purposes. If you are the victim of a data breach or contract violation, notify your users promptly if their information has been compromised or shared without their consent. Commit to providing updates to your products when necessary and notify users with an end-of-life announcement when you no longer plan to provide services. Notify customers in the case of a breach or identified vulnerabilities related to user data being exposed. When other companies you work with fail to keep products updated, proactively warn users and potential buyers about them.</p>
<h4 id="pledge3"><b>3</b> <span>Limit the Data You Collect</span></h4>
<p>Data can last forever and harm people in unpredictable ways. The best way to guard against that harm is to not collect or store it. Review your data collection practices, and stop collecting and storing information that isn't necessary for your product or business.</p>
<h4 id="pledge4"><b>4</b> <span>Ensure All Communities Receive Equal Protections</span></h4>
<p>Algorithms are not neutral by default, and can easily reflect or exacerbate historical biases. Commit to policies that do not further or exploit discrimination and unequal treatment. From the development stage onward, evaluate the impact of products on various communities, including those that have been historically discriminated against, and test the impact of those products when possible or when concerns about such effects have been brought to your attention. Ensure that there are avenues for outside researchers to evaluate bias or discriminatory impact of your product. Do not collect information that is vulnerable to misuse, including information about your customers’ and employees’ immigration status, political views, national origin, nationality, or religion, unless required by law or strictly necessary for the service your provide.</p>
<h4 id="pledge5"><b>5</b> <span>Resist Improper Government Access and Support Pro-Privacy Laws</span></h4>
<p>Supporting strong legal privacy protections can both protect your users and earn their respect. Pledge to refuse voluntary requests for data in non-emergency situations, and fight overly broad, questionable, and illegal efforts to surveil your users, in the courts and in the public sphere. Contribute to the broader conversation about government access to private data by publishing transparency reports detailing requests from governments to the greatest extent allowed by law and by providing notice to individual customers or users whose records are sought or obtained by the government unless barred from doing so. If you engage in policy debates, support laws that enhance user privacy, including laws that require a warrant before the government can demand information about your users, and support reforms that curtail mass surveillance. If you engage in lobbying or public policy debates, then support immigration policies that ensure immigrants (including your own employees) are treated humanely, receive due process, and are not discriminated against.</p>
</div>
<p>In 2018, we will be working with Internet users and employees across the tech industry to urge your companies to take this pledge. Over the course of 2018, we will celebrate those companies that have taken these steps and draw public awareness to those that have left us vulnerable.</p>
<hr>
<h3>The Companies</h3>
<p>Tech companies allow us to connect with our friends, share our experiences and learn more about the world from an endless supply of news sources in exciting, disruptive ways. But in doing so, tech companies gain control over our actions, our thoughts and our communications with our families and friends. It is imperative that these companies pledge to keep our data secure and use it for our benefit.</p>
</div>
<div class="line-bg">
<div id="companies" class="clearfix">
<div class="column">
<h3 class="lighter">Has not pledged yet:</h3>
<ul>
<li>
<b>Google</b><br>
7 products with over<br>
1 billion users
</li>
<li>
<b>Facebook</b><br>
2.2 billion users
</li>
<li>
<b>Microsoft</b><br>
1.5 billion Windows users
</li>
<li>
<b>Apple</b><br>
1.3 billion iPhone, iPad and Mac users
</li>
<li>
<b>WhatsApp</b><br>
980 million users
</li>
<li>
<b>Instagram</b><br>
800 million users
</li>
<li>
<b>Tumblr</b><br>
794 million users
</li>
<li>
<b>Twitter</b><br>
330 million users
</li>
<li>
<b>Amazon</b><br>
310 million users
</li>
<li>
<b>Skype</b><br>
300 million users
</li>
<li>
<b>LinkedIn</b><br>
260 million users
</li>
<li>
<b>Snapchat</b><br>
250 million users
</li>
<li>
<b>Reddit</b><br>
250 million users
</li>
<li>
<b>Pinterest</b><br>
200 million users
</li>
<li>
<b>eBay</b><br>
170 million users
</li>
<li>
<b>Comcast</b><br>
24 million broadband subscribers
</li>
<li>
<b>Charter</b><br>
22 million broadband subscribers
</li>
<li>
<b>AT&T</b><br>
16 million broadband subscribers
</li>
<li>
<b>Verizon</b><br>
7 million broadband subscribers
</li>
<li>
<b>CenturyLink</b><br>
6 million broadband subscribers
</li>
</ul>
</div>
<div class="column">
<h3 class="lighter">Has pledged:</h3>
<ul>
<li>
<b>Private Internet Access</b><br>
</li>
<li>
<b>Adblock Plus</b><br>
100 million users
</li>
<li>
<b>DuckDuckGo</b><br>
29 million daily searches
</li>
<li>
<b>BoingBoing</b><br>
5 million users
</li>
<li>
<b>Brave</b><br>
3 million users
</li>
<li>
<b>Helm</b><br>
</li>
</ul>
</div>
</div>
<div class="social">
<a href="#" class="share-button facebook" @click.prevent="shareOnFacebook()">Share this</a>
<a href="#" class="share-button twitter" @click.prevent="shareOnTwitter()">Tweet this</a>
<a href="https://donate.fightforthefuture.org/" class="share-button donate" target="_blank">Donate</a>
</div>
</div>
<div class="organizations">
<h3 class="lighter">Supporting organizations:</h3>
<img src="images/orgs/18-million-rising.png" alt="18 Million Rising">
<img src="images/orgs/aclu.svg" alt="ACLU">
<img src="images/orgs/adc.png" alt="American-Arab Anti-Discrimination Committee">
<img src="images/orgs/color-of-change.png" alt="Color of Change">
<img src="images/orgs/coworker.svg" alt="Coworker">
<img src="images/orgs/defending-rights-and-dissent.png" alt="Defending Rights & Dissent">
<img src="images/orgs/demand-progress-education.png" alt="Demand Progress Education Fund">
<img src="images/orgs/free-press.png" alt="Free Press">
<img src="images/fight-for-the-future.png" alt="Fight for the Future">
<img src="images/orgs/gap.png" alt="Government Accountability Project">
<img src="images/orgs/open-media.png" alt="Open Media">
<img src="images/orgs/people-for-the-american-way.svg" alt="People for the American Way">
<img src="images/orgs/presente.png" alt="Presente">
<!-- <img src="images/orgs/private-internet-access.png" alt="Private Internet Access"> -->
<img src="images/orgs/sumofus.png" alt="SumOfUs">
</div>
<footer class="credits">
<p>Built by:</p>
<a href="https://www.fightforthefuture.org" target="_blank"><img class="fftf" src="images/fight-for-the-future.png" alt="Fight for the Future"></a>
<a href="https://demandprogresseducationfund.org" target="_blank"><img class="dp" src="images/orgs/demand-progress-education.png" alt="Demand Progress Education Fund"></a>
</footer>
</div>
<div class="modal-wrapper" v-show="modalVisible" v-cloak>
<div class="flex-center">
<div class="modal">
<header>
<button class="close" @click="hideModal()">×</button>
<h1>Thank you!</h1>
<p>Now, can you help spread the word?</p>
</header>
<a href="#" class="share-button twitter" @click.prevent="shareOnTwitter()">Share on Twitter</a>
<a href="#" class="share-button facebook" @click.prevent="shareOnFacebook()">Share on Facebook</a>
</div>
</div>
</div>
</div>
<script src="https://www.fightforthefuture.org/js/archive-modal.js" async></script>
</body>
</html>