forked from Opendatal/Talomat
-
Notifications
You must be signed in to change notification settings - Fork 0
/
start.html
198 lines (160 loc) · 7.81 KB
/
start.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
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="author" content="Opendatal"/>
<meta name="description" content="Mat-O-Wahl" />
<meta name="keywords" content="Mat-O-Wahl, MatOWahl, Demokratie, Wahlen, elections, vote, Wahlbeteiligung, Fragebogen, Antworten, Positionen, Entscheidung, Hilfe, Politik, Bürgermeister, Stadtrat, Fachschaftsrat, Studentenrat, StuRa, Studentenparlament, Studierendenparlament, StuPa, AStA, Kreisrat, Landrat, Volksabstimmung, Plebiszit, Klon, clone, Alternative, GPL, JavaScript, Freeware, kostenlos"/>
<meta name="robots" content="index, follow" />
<meta name="language" content="de" />
<meta name="Content-Language" content="de" />
<meta property="og:site_name" content="Talomat!" />
<meta property="og:type" content="website" />
<meta name="twitter:description" content="Der Talomat ist eine Wuppertaler Wahl-O-Mat zur Kommunalwahl 2014, nach dem Vorbild der von Bundes- und Landeszentrale für politische Bildung eingesetzter Wahl-o-Maten. Wen wählst Du?">
<meta property="og:description" content="Der Talomat ist eine Wuppertaler Wahl-O-Mat zur Kommunalwahl 2014, nach dem Vorbild der von Bundes- und Landeszentrale für politische Bildung eingesetzter Wahl-o-Maten. Wen wählst Du?" />
<meta property="og:url" content="http://talomat.de/" />
<meta property="og:image" content="http://talomat.de/og_talomat.jpg" />
<meta name="twitter:image:src" content="http://talomat.de/og_talomat.jpg" />
<meta name="twitter:site" content="@opendatal" />
<meta name="twitter:creator" content="@opendatal" />
<meta name="twitter:domain" content="talomat.de">
<meta name="twitter:title" content="Talomat - Ein Mat-O-Wahl zur Kommunalwahl in Wuppertal 2014 ">
<meta property="og:title" content="Talomat - Ein Mat-O-Wahl zur Kommunalwahl in Wuppertal 2014" />
<title>Talomat - Ein Mat-O-Wahl zur Kommunalwahl in Wuppertal 2014</title>
<script type="text/javascript" src="system/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="data/definition.js"></script>
<script type="text/javascript" src="system/general.js"></script>
<script type="text/javascript" src="system/output.js"></script>
<!-- link rel="stylesheet" type="text/css" href="styles/default.css" / -->
<script type="text/javascript">
//<![CDATA[
document.writeln("<link rel='stylesheet' type='text/css' href='styles/"+design+".css' />");
//]]>
</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&appId=162935377104606";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id="middle">
<noscript style="color:#ff0000; font-weight:900">
<p>ACHTUNG!</p>
<p>Sie haben JavaScript deaktiviert. Ohne diese Technik, funktioniert das System nicht. Bitte aktivieren Sie JavaScript in Ihrem Browser.</p>
<p>
Internet Explorer: Gelbe Warnleiste oben anklicken und "Geblockte Inhalte" bzw. "Aktive Inhalte" zulassen.
<br /> Mozilla Firefox: Menüleiste > Extras > Einstellungen > Inhalt > JavaScript aktivieren
</p>
<p>Für generelle Informationen zu diesem Programm besuchen Sie bitte: <a href="http://www.mat-o-wahl.de">www.mat-o-wahl.de</a></p>
<p>Diese Meldung verschwindet, wenn JavaScript aktiv ist.</p>
</noscript>
<div id="heading">
<h1>Überschrift zur Wahl/Thema der Wahl</h1>
<h2>Unterüberschrift</h2>
</div>
<div id="explanation">
<p>Kurze Beschreibung der Wahl, wer wird gewählt, wann, warum, für wie lange, usw.</p>
</div>
<div id="headingContent">
<h3>Zähler für Fragen und Kurzbeschreibung der Frage</h3>
</div>
<div id="content">
<p>
Liste mit Fragen zu den verschiedenen Positionen der Parteien bzw. Kandidaten.
</p>
</div>
<div id="headingResults">
<h3>Überschrift für die Ergebnisse/Resultate</h3>
</div>
<div id="results">
<p>Ergebnisse, Resultate in tabellarischer Form</p>
</div>
<div id="voting" style="display:none;">
<table border='0' width="100%">
<tr>
<td style="text-align:center;" id="votingPro" title="Pro [+]">
<img src="img/pro.png" width="115" height="115" alt="Pro [+]" />
</td>
<td style="text-align:center" id="votingNeutral" title="Neutral [0]">
<img src="img/neutral.png" width="115" height="115" alt="Neutral [0]" />
</td>
<td style="text-align:center" id="votingContra" title="Contra [-]">
<img src="img/contra.png" width="115" height="115" alt="Contra [-]" />
</td>
<td style="text-align:center" id="votingSkip" title="Skip [x]">
<img src="img/skip.png" width="115" height="115" alt="Skip [x]" />
</td>
</tr>
<tr>
<td style="text-align:center">
Stimme dafür
</td>
<td style="text-align:center">
Egal/Weiß nicht
</td>
<td style="text-align:center">
Stimme dagegen
</td>
<td style="text-align:center">
Überspringen
</td>
</tr>
</table>
</div>
<br />
<div id="jumpToQuestion" style="display:none;">
Gehe direkt zu Frage Nummer XY.
</div>
<div class="social">
<h4>Fehlende Parteien</h4>
<p style="margin-bottom:15px;">Die CDU hat sich bewusst dem Projekt verweigert, da sie sich nicht in der Lage sieht, eine allgemein gültige Antwort für ihre Fraktion zu geben. Eine druckbare Stellungnahme liegt uns leider nicht vor. </p>
<h4>Wenn Sie den Talomaten hilfreich fanden, teilen Sie es gern mit! <br /> Wir würden uns freuen!</h4>
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.talomat.de" data-text="Ich habe mich mit'm Talomaten über die Kommunalwahl in #Wuppertal informiert. Wen wählst Du? #talomat" data-via="opendatal" data-lang="de">Twittern</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';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>
<div class="fb-share-button" data-href="http://www.talomat.de" data-type="button_count"></div>
<!-- Fügen Sie dieses Tag an der Stelle ein, an der die +1-Schaltfläche erscheinen soll. -->
<div class="g-plusone" data-annotation="inline" data-width="300" data-href="http://www.talomat.de"></div>
<!-- Fügen Sie dieses Tag nach dem letzten +1-Schaltfläche-Tag ein. -->
<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/platform.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
<div id="keepStats" style="display:none;">
<table border='0' width="100%">
<tr>
<td valign="top">
<input type="checkbox" id="keepStatsCheckbox" />
</td>
<td id="keepStatsQuestion">
Anonyme Auswertung (Wahlprognose) erlauben.
<br />
</td>
</tr>
</table>
</div>
<div id="test">
</div>
</div>
<p id="extras">
<a href="system/imprint.html" target="_blank">Impressum</a> | Eine Aktion von <a href="http://www.opendatal.de">Opendatal — OpenData Initiative Wuppertal</a> |
</p>
<script type="text/javascript">
//<![CDATA[
fnStart();
var jetzt = new Date();
var sekunden = jetzt.getTime();
// System nicht aus dem Cache laden lassen, sondern immer mit neuem Parameter
var div = document.getElementById("extras");
div.innerHTML += " Talomat <a href='start.html?"+sekunden+"'>neu starten<\/a>?";
//]]>
</script>
</body>
</html>