-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
266 lines (251 loc) · 20 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
<!DOCTYPE html>
<html id="top" lang="de-AT">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta name="author" content="Arbeitskreis Vorratsdaten Österreich" />
<meta name="description" content="Kontaktiere Deine Abgeordneten" />
<link rel="stylesheet" type="text/css" href="./css/bootstrap-3.3.6.min.css" />
<link rel="stylesheet" type="text/css" href="./css/jquery.jqplot-1.0.8.min.css" />
<link rel="stylesheet" type="text/css" href="./css/style.css" />
<link rel="stylesheet" type="text/css" href="./css/various.css" />
<link rel="stylesheet" type="text/css" href="./css/slider.css" />
<link rel="icon" href="./favicon.ico" />
<script language="javascript" type="text/javascript" src="./js/jquery-2.1.4.min.js"></script>
<script language="javascript" type="text/javascript" src="./js/jquery.jqplot-1.0.8.min.js"></script>
<script language="javascript" type="text/javascript" src="./js/jqplot.pieRenderer-1.0.8.min.js"></script>
<script language="javascript" type="text/javascript" src="./js/bootstrap-3.3.6.min.js"></script>
<script language="javascript" type="text/javascript" src="./js/slider.js"></script>
<title>Kontaktiere Deine Abgeordneten</title>
</head>
<body>
<header>
<h1>Kontaktiere Deine Abgeordneten</h1>
<h2>Gegen das Staatsschutzgesetz!</h2>
<img src="./img/staatsschutz.png" alt="Staatsschutz Logo" />
<a href="https://www.akvorrat.at/"><img src="./img/akvorrat.png" alt="AKVorrat Logo" class="hidden-xs hidden-sm" /></a>
</header>
<main>
<section>
<div id="settings" class="container" style="width: auto;">
<div class="row">
<form class="text-center col-xs-12 col-xs-offset-0">
<div id="partyInput" class="btn-group" data-toggle="buttons">
<label id="spoeLabel" class="btn btn-default">
<input id="spoe" type="checkbox" autocomplete="off" />SPÖ
</label>
<label id="oevpLabel" class="btn btn-default">
<input id="oevp" type="checkbox" autocomplete="off" />ÖVP
</label>
<label id="fpoeLabel" class="btn btn-default">
<input id="fpoe" type="checkbox" autocomplete="off" />FPÖ
</label>
<label id="grueneLabel" class="btn btn-default">
<input id="gruene" type="checkbox" autocomplete="off" />GRÜNE
</label>
<label id="neosLabel" class="btn btn-default">
<input id="neos" type="checkbox" autocomplete="off" />NEOS
</label>
<label id="frankLabel" class="btn btn-default">
<input id="frank" type="checkbox" autocomplete="off" />FRANK
</label>
<label id="noneLabel" class="btn btn-default">
<input id="none" type="checkbox" autocomplete="off" />parteilos
</label>
</div>
</form>
</div>
<div class="row">
<form class="text-center col-xs-12 col-xs-offset-0">
<div id="teamInput" class="btn-group" data-toggle="buttons">
<label class="btn btn-default">
<input id="liberty" type="checkbox" autocomplete="off" /><span class="liberty glyph">◼</span> Team Bürgerrechte
</label>
<label class="btn btn-default">
<input id="spy" type="checkbox" autocomplete="off" /><span class="spy glyph">◼</span> Team Überwachung
</label>
<label class="btn btn-default">
<input id="unknown" type="checkbox" autocomplete="off" /><span class="unknown glyph">◼</span> Enthaltung
</label>
</div>
</form>
</div>
<div class="row hidden">
<div class="col-xs-10 col-xs-offset-1 col-sm-8 col-sm-offset-2 col-md-4 col-md-offset-4 col-lg-4 col-lg-offset-4">
<div id="searchForm" class="input-group">
<input id="searchInput" class="form-control" type="text" value="" placeholder="Suche..." autocomplete="off" />
<span class="input-group-btn">
<input id="searchButton" class="btn btn-default glyph" type="button" value="Los!" />
</span>
</div>
<div id="searchAutocomplete" class="hidden">
<table></table>
</div>
</div>
</div>
</div>
<div id="bullets" class="noSelect glyph hidden-xs hidden-sm"></div>
<div id="slider" class="full-width">
<div id="slideLeft" class="slideSide disabled noSelect" onclick="slide(false)">⟨</div>
<div id="slideCenter">
<div id="slideContent" class="noSelect">
<noscript><p>Dieses Element benötigt <a href="http://enable-javascript.com/de/" title="Wie Sie JavaScript in Ihrem Browser aktivieren">JavaScript</a>.</p></noscript>
</div>
</div>
<div id="slideRight" class="slideSide disabled noSelect" onclick="slide(true)">⟩</div>
</div>
</section>
<!--
<section>
<h2>Deine Meinung zählt</h2>
<p>Das Staatsschutzgesetz wurde Anfang dieses Jahres beschlossen. Da kaum Informationen über die Verhandlungen im Parlament nach außen dringen und einige Bürgervertreter zum Nationalrat öffentlich keine Stellung beziehen wollen, ist es an der Zeit, gemeinsam das öffentliche Schweigen der Politiker zu brechen und sie zum Nachdenken zu bringen. Zu diesem Zweck haben wir ein Werkzeug entworfen, mit dem das Kontaktieren der Abgeordneten zum Kinderspiel wird. Das Ziel ist, unsere Repräsentanten über die Meinung des Volkes zu informieren, auf welcher die Entscheidung, für oder gegen das Gesetz abzustimmen, basieren sollte. Damit dieses Ziel erreicht werden kann - und damit das Gesetz in der derzeitigen Form zum Scheitern verurteilt ist - brauchen wir Deine Hilfe!</p>
<p>Zusammen sind wir stark! Im Alleingang erfordert es erhöhten Aufwand, eine politische und ethische Meinung gegenüber Menschen mit unterschiedlichen Ansichten zu verteidigen. Vereint kann effizienter eine Offensive mit besseren Aussichten angestrebt werden. Dies gilt ebenfalls für die parallel laufende Petition gegen das geplante Staatsschutzgesetz, welche bereits über 25.000 Unterschriften zählt.</p>
<p>Die Einschätzung des Standpunktes der Abgeordneten für oder gegen das geplante Polizeiliche Staatsschutzgesetz basiert auf deren öffentlichen Aussagen und dem Meinungsbild des Arbeitskreises Vorratsdaten Österreich. Sollten diese Angaben nicht zutreffen oder an Aktualität verloren haben, nehmen Sie bitte Kontakt mit uns auf.</p>
</section>
<section>
<h2>Drei einfache Schritte</h2>
<div class="row">
<div class="text-center col-xs-10 col-xs-offset-1 col-sm-8 col-sm-offset-2 col-md-4 col-md-offset-0">
<div class="numbered">1</div>
<h3>Abgeordnete auswählen</h3>
<p>Auf dieser Seite findest Du alle Volksvertreter nach Parteizugehörigkeit und Meinung sortiert. Durch die Bedienelemente ist es möglich, nur bestimmte Gruppenzugehörigkeiten zu selektieren oder nach Namen zu suchen. Das Team <span class="liberty">Bürgerrechte</span> freut sich über Zuspruch, welcher in politischen Debatten den Rücken stärkt. Bei <span class="unknown">entscheidungslosen</span> Politikern wird bestenfalls auf sachlich argumentative Weise Überzeugungsarbeit geleistet. Das Team <span class="spy">Überwachung</span> zu kontaktieren ist übrigens keine Zeitverschwendung, denn potenzielle Stromschwimmer können leicht überzeugt werden.</p>
</div>
<div class="text-center col-xs-10 col-xs-offset-1 col-sm-8 col-sm-offset-2 col-md-4 col-md-offset-0">
<div class="numbered">2</div>
<h3>Informieren und Argumentieren</h3>
<p>Für Abgeordnete bestimmte Nachrichten sollten ein gewisses Niveau an argumentativer Kritik enthalten, damit diese ihrem Zweck dienen und nicht missverstanden werden. Eine Nachricht ist umso wirksamer, je besser sie auf den Empfänger zugeschnitten ist. Auf der Webseite <a href="https://www.meineabgeordneten.at">Meine Abgeordneten</a>, einem Projekt der Respekt.net GmbH, sind zahlreiche Informationen zu allen aktuellen Parlamentariern sortiert. Zum Gesetzestext finden sich auf der Petitionsseite <a href="https://www.staatsschutz.at/#dokumente">diverse Dokumente</a>, unter anderem die juristischen Stellungnahmen des Arbeitskreises Vorratsdaten Österreich. Deiner Kreativität sind keine Grenzen gesetzt!</p>
</div>
<div class="text-center col-xs-10 col-xs-offset-1 col-sm-8 col-sm-offset-2 col-md-4 col-md-offset-0">
<div class="numbered">3</div>
<h3>Nachricht senden</h3>
<p>Mit einem einfallsreichen Titel wird die Neugier der Parlamentarier herausgefordert; eine durchdachte Briefform erleichtert die Verständichkeit durch Gliederung verschiedener Gedankengänge. Da die Abgeordneten normale Menschen sind und es zu ihren Aufgaben gehört, sich mit den Themen zu befassen, die besprochen werden, kann Deine Mail nun bedenkenlos abgeschickt werden. Solltest Du eine Rückmeldung bekommen oder die Meinung eines Abgeordneten geändert haben, würden wir eine <a href="mailto:[email protected]?subject=act.staatsschutz.at">Mitteilung</a> erbitten. Zuletzt ist zu beachten, dass dieser Service keinesfalls als Hilfe zur Verbreitung von Spam oder Massenmails gedacht ist.</p>
</div>
</div>
</section>
-->
<section>
<h2>Die Abstimmung</h2>
<p>Nach der Präsentation der ersten Gesetzesvorlage zum PStSG im Frühjahr 2015 sah es zunächst danach aus, als bestünde nur unter den Abgeordneten der ÖVP eine geschlossene Mehrheit für das neue Staatsschutzgesetz. Zur Beschlussfassung im Plenum des Nationalrates war keine Zwei-Drittel-Mehrheit (⅔) notwendig; bereits eine qualifizierte Mehrheit mit einem Quorum von 50% (½) reichte aus.</p>
<p>Da die SPÖ noch im Herbst 2015 ohne gemeinsame Festlegung in der Öffentlichkeit auftrat, schien die Verhinderung des Gesetzesentwurfs in seiner vorliegenden Form nicht unwahrscheinlich. Erst mit der Abstimmung im Plenum war es möglich, die Abgeordneten in die drei Teams <span class="liberty">Bürgerrechte</span>, <span class="spy">Überwachung</span> und <span class="unknown">Enthaltung</span> zu unterteilen. Die folgenden Tortendiagramme stellen diesen Sachverhalt graphisch dar. Das Staatsschutzgesetz wurde am 27. Jänner 2016 in der ersten Kammer des Parlaments beschlossen und tritt daher mit 1. Juli 2016 in Kraft.</p>
<p>Der Arbeitskreis Vorratsdaten Österreich wird deshalb den angekündigten Weg über den Verfassungsgerichtshof einschlagen.</p>
<row>
<div class="text-center col-xs-12 col-sm-6 col-lg-4">
<h3>Alle Klubs</h3>
<div id="chartTotal" class="chart"></div>
</div>
<div class="text-center col-xs-12 col-sm-6 col-lg-4">
<h3>Sozialdemokraten</h3>
<div id="chartSpoe" class="chart"></div>
</div>
<div class="text-center col-xs-12 col-sm-12 col-lg-4">
<h3>Volkspartei</h3>
<div id="chartOevp" class="chart"></div>
</div>
</row>
<p class="text-right"><small>Graphs by <a href="http://www.jqplot.com/">jqPlot</a> © Chris Leonello</small></p>
</section>
</main>
<footer class="container-fluid">
<p>Diese Kampagne wird unterstützt von</p>
<div class="row">
<div class="col-xs-12 col-md-6">
<div class="row">
<div class="col-xs-3"><a href="https://akvorrat.at/"><img src="./img/logo/akv.gif" alt="AKVorrat Logo" /></a></div>
<div class="col-xs-3"><a href="https://amnesty.at/"><img src="./img/logo/amnesty.gif" alt="Amnesty International Österreich Logo" /></a></div>
<div class="col-xs-3"><a href="https://attac.at/"><img src="./img/logo/attac.gif" alt="ATTAC Österreich Logo" /></a></div>
<div class="col-xs-3"><a href="https://vgt.at/"><img src="./img/logo/vgt.gif" alt="VGT Logo" /></a></div>
</div>
</div>
<div class="col-xs-12 col-md-6">
<div class="row">
<div class="col-xs-3"><a href="https://www.oeh.ac.at/"><img src="./img/logo/oeh.gif" alt="Oesterreichische Hochschueler_innenschaft Logo" /></a></div>
<div class="col-xs-3"><a href="https://www.mehr-demokratie.at/"><img src="./img/logo/mehrdemokratie.gif" alt="Mehrdemokratie Logo" /></a></div>
<div class="col-xs-3"><a href="http://www.zara.or.at/"><img src="./img/logo/zara.gif" alt="Zara Logo" /></a></div>
<div class="col-xs-3"><a href="http://www.informationsfreiheit.at/"><img src="./img/logo/foruminformationsfreiheit.gif" alt="Forum Informationsfreiheit Logo" /></a></div>
</div>
</div>
</div>
<p>Kontaktieren Sie uns, wenn Ihre Organisation die Aktion auch unterstützen möchte.</p>
</footer>
<div class="links text-center">
<a href="https://akvorrat.at/kontakt#page-title">Kontakt</a> |
<a href="https://akvorrat.at/kontakt">Impressum</a> |
<a href="https://akvorrat.at/kontakt">Presse</a> |
<a href="https://akvorrat.at/kontakt#datenschutz">Datenschutz</a> |
<a href="https://github.com/AKVorrat/act.staatsschutz.at">Quellcode</a><br />
<a href="./data/representatives.json">Rohdaten der Abgeordneten (JSON)</a>
</div>
<!--START contactModal-->
<div class="modal fade" id="contactModal" tabindex="-1" role="dialog" aria-labelledby="contactModal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header" style="position: relative;">
<div id="repColor">
<img class="img-responsive center-block austria" src="./img/austria.gif" alt="Österreich" />
</div>
<h2 class="modal-title text-center">Representative Name</h2>
<img id="repImg" class="img-responsive center-block" src="./img/representatives/none.gif" alt="Niemand" />
<div id="teamSign"></div>
</div>
<div class="modal-body">
<p><span id="introduction"></span><span id="todo"></span></p>
<div id="contactLinks" class="text-center">
<a href="mailto:[email protected]" class="hidden"><div id="formMail" class="contactContainer">
<div class="contactIcon mail"></div>
<span>E-Mail</span>
</div></a>
<a href="tel:" class="hidden"><div id="formPhone" class="contactContainer">
<div class="contactIcon phone"></div>
<span>Telefon</span>
</div></a>
<a href="tel:" class="hidden"><div id="formMobile" class="contactContainer">
<div class="contactIcon mobile"></div>
<span>Handy</span>
</div></a>
<a href="fax:" class="hidden"><div id="formFax" class="contactContainer">
<div class="contactIcon fax"></div>
<span>Fax</span>
</div></a>
</div>
<div id="contactButtons" class="container-fluid text-center">
<a href="https://twitter.com/AKVorrat_at" target="_blank" class="hidden"><div id="formTwitter" class="contactContainer">
<div class="contactIcon twitter"></div>
<span>Twitter</span>
</div></a>
<a href="https://facebook.com/akvorratat" target="_blank" class="hidden"><div id="formFacebook" class="contactContainer">
<div class="contactIcon facebook"></div>
<span>Facebook</span>
</div></a>
<a href="https://akvorrat.at/" target="_blank" class="hidden"><div id="formWeb" class="contactContainer">
<div class="contactIcon web"></div>
<span>Web</span>
</div></a>
</div>
<p id="contactAnnotation" class="text-center col-xs-12 col-sm-10 col-md-8 col-lg-8">Du hast von diesem Abgeordneten eine Rückmeldung bekommen oder gar seine Meinung geändert? Dann <a href="mailto:[email protected]?subject=act.staatsschutz.at">teile uns das bitte mit</a>.</p>
</div>
<div class="modal-footer">
<span id="legalNotice" class="col-xs-6">Portrait © Parlamentsdirektion / PHOTO SIMONIS</span>
<button type="button" class="btn btn-default" data-dismiss="modal">Schließen</button>
</div>
</div>
</div>
</div>
<!--END contactModal-->
<!-- Piwik -->
<script type="text/javascript">
var _paq = _paq || [];
_paq.push(['disableCookies']);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//matomo.epicenter.works/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', 4]);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Piwik Code -->
</body>
</html>