-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
119 lines (103 loc) · 7.17 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
<!DOCTYPE html>
<html lang="de">
<head>
<title>Stasi versus NSA</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<base href="https://opendatacity.github.io/stasi-vs-nsa/" target="_parent">
<meta property="og:title" content="Stasi versus NSA - Wieviel Platz brauchen die Aktenschränke?" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://opendatacity.github.io/stasi-vs-nsa/" />
<meta property="og:image" content="https://opendatacity.github.io/stasi-vs-nsa/screenshot.png" />
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/index.css" rel="stylesheet" type="text/css">
<script src="assets/js/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="assets/js/bootstrap.min.js" type="text/javascript"></script>
<script src="assets/js/helper.js" type="text/javascript"></script>
<script type="text/javascript">
var $url = 'https://opendatacity.github.io/stasi-vs-nsa/frame.html';
var $code = '<iframe src="'+$url+'" width="100%" height="580" scrolling="no" frameborder="0" style="margin:0"><a href="'+$url+'">Stasi versus NSA - Wieviel Platz brauchen die Aktenschränke?</a></iframe><br>';
$code += '<small>Gehe zu <a href="https://opendatacity.github.io/stasi-vs-nsa/stasi-vs-nsa/">Stasi versus NSA</a>. ';
$code += 'Realisiert von <a href="https://www.opendatacity.de/">OpenDataCity</a> (<a rel="license" href="http://creativecommons.org/licenses/by/3.0/de/">CC-BY 3.0</a>)</small>';
var $embed_overlay = '<div id="embed-overlay"><div id="embed-content"><h1>Weitergeben</h1><form name="embed-form" id="embed-form" action="javascript:;" method="post"><p>Kopiere diesen Code in Deine Webseite:</p><code id="embed-code"></code></form><p><a href="javascript:;" class="btn btn-medium btn-primary">Schließen</a></p></div></div>';
</script>
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id="container">
<h1 style="font-size:36px">Stasi versus NSA</h1>
<div style="position:relative;margin-top:40px">
<p class="lead" style="width:600px;">
Wieviel Platz würden die Aktenschränke der Stasi und der NSA verbrauchen - wenn die NSA ihre 5 Zettabytes ausdrucken würde?
</p>
<div id="social" style="position:absolute; bottom:-20px; right:0; width:180px">
<div class="social">
<small><b>deutsch</b> | <a href="english.html">english</a> | <a href="francais.html">français</a></small>
</div>
<div id="social-twitter" class="social">
<a href="https://twitter.com/share" class="twitter-share-button" data-url="https://opendatacity.github.io/stasi-vs-nsa/" data-text="Stasi versus NSA - Wieviel Platz brauchen die Aktenschränke?" data-via="opendatacity" data-lang="de">Twittern</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
<div id="social-google" class="social">
<div class="g-plusone"></div>
<script type="text/javascript">
window.___gcfg = {lang: 'de'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
<div id="social-facebook" class="social">
<div class="fb-like" data-href="https://opendatacity.github.io/stasi-vs-nsa/" data-send="false" data-layout="button_count" data-width="180" data-show-faces="true"></div>
</div>
<div class="social"><a href="javascript:;" class="btn btn-primary embed-button">Einbetten</a></div>
</div>
</div>
<iframe src="frame.html" width="950" height="580" scrolling="no" frameborder="0"><a href="">Stasi versus NSA - Wieviel Platz brauchen die Aktenschränke?</a></iframe>
<p style="text-align:right;font-size:12px">Realisiert von <a href="https://www.opendatacity.de/">OpenDataCity</a>. Anwendung steht unter <a rel="license" href="http://creativecommons.org/licenses/by/3.0/de/">CC-BY 3.0</a>.</p>
<div class="alert alert-info" style="text-align: center">
<a href="https://opendatacity.github.io/prism/" style="color:#08c !important"><b>Außerdem:</b> Wie beim Surfen unsere Daten über das Ausland geleitet werden, zeigen wir hier.</a>
</div>
<div class="row-fluid" style="margin-top:50px">
<div class="span6">
<p>
Der Bundespräsident Joachim Gauck stellte im <a href="http://youtu.be/IuhBO3bcAJs?t=9m20s">ZDF-Sommerinterview</a> am 30.6.2013 fest, dass die NSA nicht mit der Stasi zu vergleichen sei:
</p>
<blockquote>
<p>Wir wissen zum Beispiel, dass es nicht so ist wie bei der Stasi und dem KGB, dass es dicke Aktenbände gibt, in denen unsere Gesprächsinhalte alle aufgeschrieben und schön abgeheftet sind. Das ist es nicht.</p>
</blockquote>
<p>
Diese Feststellung ist völlig korrekt. Kommunikationsinhalte werden bei der NSA nicht aufgeschrieben und abgeheftet, sondern digital erfasst, gespeichert und können in wenigen Sekunden durchsucht und wiedergefunden werden.
</p>
</div>
<div class="span6">
<p>
Im Gegensatz zur Stasi kann die NSA auf neue Technologien setzen und somit Informationen in einem gigantischen Ausmaß sammeln. Um sich davon ein Bild machen zu können, haben wir in dieser kleinen App die Datenmengen miteinander verglichen:
</p>
<p>
Laut einem <a href="http://www.npr.org/2013/06/10/190160772/amid-data-controversy-nsa-builds-its-biggest-data-farm">Bericht des NPR</a>, wird das Datenzentrum der NSA in Utah 5 Zettabytes (5 Mrd. Terabyte) speichern können. Unter der Annahme, dass ein Aktenschrank 0,4 m² Platz benötigt und 60 Aktenordner (= 30'000 Seiten Papier), also etwa 120 MB Daten fassen kann, würde das Utah-Rechenzentrum ausgedruckt etwa 17 Mio. Quadratkilometer Platz verbrauchen. Damit kann die NSA fast 1 Milliarde Mal mehr Daten erfassen als die Stasi!
</p>
</div>
</div>
<p style="text-align: right; margin-top: 100px">Diese Seite wird mit Google Analytics ausgewertet. Die NSA weiß möglicherweise schon, dass du gerade hier bist. <a href="http://datenfreunde.de/impressum/" target="_blank">Impressum</a></p>
</div>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-38022006-8']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>