-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·160 lines (116 loc) · 9.75 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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>NSA Customer Appreciation Page</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link href='http://fonts.googleapis.com/css?family=Bitter:400,700,400italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/bootstrap.css">
<style>
body {
padding-top: 20px;
padding-bottom: 0px;
}
</style>
<link rel="stylesheet" href="css/bootstrap-responsive.css">
<link rel="stylesheet" href="css/main.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<script src="js/jquery.cycle.all.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.bubblecaption').cycle({
fx: 'scrollLeft' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});
</script>
</head>
<body>
<div class="container">
<!-- Main hero unit for a primary marketing message or call to action -->
<div class="hero-unit">
<div class="logo">
<a href="index.html#sticker"><img src="img/NSA-circle-logo.gif"/></a>
<h1>National Security Agency<br />Customer Appreciation Page</h1>
</div>
<div class="bubble">
<div class="bubblecaption">
<div class="captioncontainer"><p><em><strong>“No one knows you like we do!”</strong></em></p></div>
<div class="captioncontainer"><div class="longcaption"><p><em><strong>“Keeping tabs on the terrorists and everyone else.”</strong></em></p></div></div>
<div class="captioncontainer"><p><em><strong>“Your secrets are safe with us.”</strong></em></p></div>
<div class="captioncontainer"><div class="longcaption"><p><em><strong>“Screening the screens, monitoring the monitors.”</strong></em></p></div></div>
<div class="captioncontainer"><p><em><strong>“Trust the computers.”</strong></em></p></div>
<div class="captioncontainer"><div class="longcaption"><p><em><strong>“A government so small you can carry it with you everywhere.”</strong></em></p></div></div>
</div>
</div>
</div>
<div class="content">
<div class="intro">
<p>We hate to bug you, but… We at the NSA are thrilled about all the attention we’ve been receiving lately for our PRISM program! We’d like to take this opportunity to express our gratitude to our loyal customers—all US taxpayers, not to mention the global population that benefits from PRISM free of charge. Remember, with the NSA, you’ve always got an audience!
</p>
</div>
<div class="contentleft">
<div class="helpyou">
<h2>How We Help You</h2>
<p><em>You have nothing to hide.</em> Of course you don’t! How could you hide anything from us?</p>
<p>You and your friends do your best to adhere to the law. But you don’t know the laws like we do, and laws change quickly these days. We help by catching things you might have missed.</p>
<p>Informing on your friends used to be so <em>awkward.</em> Think how they would feel if you had to meet regularly with secret police to report on their activities! Today, that’s as passé as gulags and the KGB. Thanks to our top-secret surveillance programs, you can provide law enforcement with everything they need with no inconvenience whatsoever.</p>
<p><strong>Did you know?</strong> The NSA is the best source for archiving your digital activity! <a href="http://www.nsa.gov/careers/jobs_search_apply/index.shtml">Click here</a> to access your data.</p>
</div>
<div class="readour">
<p><strong>Read our</strong> <a href="appendix.html">handy guide to identity piracy</a>—what it is, how people engage in it, and why password-sharing and other forms of identity piracy pose a threat to national security.</p>
</div>
</div>
<div class="helpus">
<h2>How You Can Help Us</h2>
<p><span class="dropcap"><strong>P</span>rovide information!</strong> Utilize participating technologies from Microsoft, Apple, Skype, Youtube, Yahoo!, and AOL. Update your Facebook page regularly. Let us know what you’re thinking via Google Search and Google Maps. Don’t forget to tweet! Carry your phone everywhere, even when not in use—the tracking feature helps us keep tabs on you.</p>
<p><span class="dropcap"><strong>R</span>espect EULA Agreements!</strong> Abide by the terms and conditions of every service you utilize. Read the fine print! Be honest about who you are, where you live, and what you do.</p>
<p><span class="dropcap"><strong>I</span>dentify with your online persona!</strong> You are your ID! The more of your life is digitally legible, the more secure we can keep you and the national interest. How can we know what you like if you don’t Like™ it?</p>
<p><span class="dropcap"><strong>S</span>pread your social network!</strong> Encourage everyone you meet to connect with you online. Include information on your Facebook profile about those who do not use Facebook, tagging their names and other identifying information.</p>
<p><span class="dropcap"><strong>M</span>aintain contact!</strong> If we stop receiving your signal, we can’t be sure where you are or what you are doing. Sudden digital absence is suspicious. Keep those tweets coming! Steer clear of “faraday cage” pouches or other signal blocking containers for your phone.</p>
<p>For extra credit, <b>keep up with new technologies.</b> The acceleration of surveillance technologies is identical with the acceleration of entertainment technologies—the better we can monitor your movements and activities, the better we can integrate you into your home entertainment system! The Xbox Kinect accessory already shares 3D images of your living room complete with facial and voice recognition. Soon, thanks to Google Glass, you’ll be your own surveillance camera everywhere you go.</p> </div>
</div>
</div> <!-- /container -->
<div class="bottom">
<div class="sidebar2">
<div id="sticker" name="sticker" class="sticker"><h3><strong>Sport the PRISM Sticker!</strong></h3>
<a href="https://store.crimethinc.com/x/stickers.html"><img src="img/prism-sticker.png" /></a>
<p>Let everyone know you stand behind us. <a href="https://store.crimethinc.com/x/stickers.html"><strong>5 for $1, 20 for $2.</strong></a></p>
</div>
<div class="book" id="kids" name="kids"><h3><strong>Download the Patriot Activity Book!</strong></h3>
<a href="NSA-for-kids.pdf"><span class="nsakids"><img src="img/NSAkids.jpg" /></span></a>
<p>Help your kids learn about the importance of our programs.<br />It’s fun! <a href="NSA-for-kids.pdf"><strong>[PDF, 2MB]</strong></a></p>
</div>
<div class="wallpaper"><h3><strong>Spruce Up Your Desktop with PRISM Wallpaper!</strong></h3>
<img src="img/wallpaper.jpg" />
<p>
[Phone]<br />
<strong><a href="wallpaper/960x640.jpg">960 x 640</a> • <a href="wallpaper/1136x640.jpg">1136 x 640</a></strong><br /><br />
[Tablet]<br />
<strong><a href="wallpaper/1024x1024.jpg">1024 x 1024</a> • <a href="wallpaper/2048x2048.jpg">2048 x 2048</a></strong><br /><br />
[Computer]<br />
<strong><a href="wallpaper/1600x1200.jpg">1600 x 1200</a> • <a href="wallpaper/2560x1440.jpg">2560 x 1440</a></strong>
</p>
</div>
<div class="footer">
<div class="footerlogo"><img src="img/cwclogo.png" /></div>
<div class="credit1"><p>Deployed by the <a href="http://crimethinc.com"><br /><strong>CrimethInc. Workers' Collective</strong></a> <br />on contract to the NSA. </p></div>
<div class="credit2"><p>NSA logo based on original by <br /><a href="https://www.eff.org/nsa-spying">Electronic Frontier Foundation</a>.</p></div>
</div>
</div>
</div>
<!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.1.min.js"><\/script>')</script>-->
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/main.js"></script>
<a title="Real Time Web Analytics" href="http://clicky.com/100640728"><img alt="Real Time Web Analytics" src="//static.getclicky.com/media/links/badge.gif" border="0" /></a>
<script src="//static.getclicky.com/js" type="text/javascript"></script>
<script type="text/javascript">try{ clicky.init(100640728); }catch(e){}</script>
<noscript><p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/100640728ns.gif" /></p></noscript>
</body>
</html>