-
Notifications
You must be signed in to change notification settings - Fork 11
/
Copy pathindex.html
136 lines (111 loc) · 6.68 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
<!DOCTYPE html>
<html lang="de" prefix="og: http://ogp.me/ns#">
<head>
<title>Was schätzen Sie?</title>
<meta property="og:title" content="Was schätzen Sie: Wie hat sich NRW unter Kraft verändert? - WDR" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0, minimum-scale=1.0"/>
<meta name="Keywords" content="WDR, WDR-data, Datenprojekte, NRW, Nordrhein-Westfalen, Landtagswahl, Nachrichten, Landespolitik, #ddj, #interactive, Was schätzen Sie?"/>
<meta name="Description" content="Was schätzen Sie, wie hat sich NRW unter Kraft verändert? Zeichnen Sie Ihre Einschätzung in die Grafik ein."/>
<meta name="Author" content="Peter Schneider, Patricia Ennenbach, Marcus Weiner"/>
<meta name="DC.Rights" content="Nur WDR"/>
<meta name="DC.Date" content="2016-02-23T15:23+01:00" />
<meta name="Publisher" content="wdr.de" />
<meta property="og:image" content="https://www1.wdr.de/radio/wdr5/wdrlogo118~_v-ARDFotogalerie.jpg" />
<meta name="robots" content="index,follow,noarchive"/>
<link rel="shortcut icon" href="https://www1.wdr.de/resources/img/favicon.ico"/>
<link rel="icon" href="https://www1.wdr.de/resources/img/favicon.ico"/>
<!-- build:css(.tmp) styles/main.css -->
<link rel="stylesheet" href="styles/main.css">
<!-- endbuild -->
</head>
<body>
{% include "partials/header.html" with { active: 'nachrichten' } %}
<div class="category container">
<a href="http://www1.wdr.de/nachrichten/landespolitik/landtagswahl/index.html">Landtagswahl 2017</a>
</div>
<article id="content" class="container">
<div class="intro">
<h1>Was schätzen Sie: Wie hat sich NRW unter Hannelore Kraft verändert?</h1>
<p>Am 14. Mai wird in Nordrhein-Westfalen gewählt. Wie hat sich das Bundesland in den fünf Regierungsjahren
von Ministerpräsidentin Hannelore Kraft (SPD) verändert?</p>
<p><b><a href="http://www1.wdr.de/nachrichten/landespolitik/landtagswahl/wss-erklaerstueck-100.html">Zeichnen Sie die Linie zu Ende. Sie können die Kurve danach noch anpassen. Ein Klick auf den Button unter der Grafik verrät, ob Sie richtig lagen.</a></b></p>
</div>
<div class="questions">
{% for question in data %}
<div class="question">
<h2>{{ question.heading|mdi }}</h2>
<h3>{{ question.subheading|mdi }}</h3>
<div class="you-draw-it {{ question.key }}" data-key="{{ question.key }}"></div>
<div class="accessibility">
<a href="{{ question.accessibility }}" title="Sehen Sie sich die Daten der Grafik als Tabelle an">
Barrierefreie Tabelle
</a>
</div>
<div class="result {{ question.key }}">
<div class="actionContainer">
<button class="showAction" disabled>Wie war's tatsächlich?</button>
<div class="tooltipcontainer">
<span class="tooltiptext">Zeichnen Sie Ihre Einschätzung. Der Klick verrät, ob sie stimmt.</span>
</div>
</div>
<div class="text">{{ question.result|md }}</div>
</div>
<script>
window.ydi_data = window.ydi_data || {};
window.ydi_data['{{ question.key }}'] = {% autoescape false %}{{ question|json_encode }}{% endautoescape %};
</script>
</div>
{% endfor %}
</div>
<hr>
<div class="credits">
<h3>Credits:</h3>
<p>Von Patricia Ennenbach und Peter Schneider</p>
<p>Umsetzung: Marcus Weiner, Patricia Ennenbach</p>
<p>Redaktion: Rainer Kellers</p>
<p>Design: Mirko Schweikert</p>
<h3>Quellen:</h3>
<h4>Arbeitslosenquote:</h4>
<a href="https://www.landesdatenbank.nrw.de/">Landesdatenbank-NRW: Arbeitsmarktstatistik der Bundesagentur für Arbeit, Deep-Link nicht möglich.</a>
<h4>Jugendarmut:</h4>
<a href="http://www.sozialberichte.nrw.de/sozialindikatoren_nrw/indikatoren/7_einkommensarmut/indikator7_7/Indikator_7_7_NRW_2011-2015.xlsx">Sozialberichte NRW, SGB-II-Quote der unter 15-Jährigen 2011-2015, xlsx</a></p>
<a href="http://www.sozialberichte.nrw.de/sozialindikatoren_nrw/indikatoren/7_einkommensarmut/indikator7_7/Indikator_7_7_NRW_2007-2010.xlsx">Sozialberichte NRW, SGB-II-Quote der unter 15-Jährigen 2007-2010, xlsx</a>
<h4>U3-Betreuung:</h4>
<p>Ergebnisse der Kinder- und Jugendhilfestatistik Nordrhein-Westfalen, auf Anfrage.</p>
<h4>Kriminalität:</h4>
<a href="https://www.polizei.nrw.de/media/Dokumente/PKS/2016/Zeitreihen_PKS_NRW_2016.pdf">Polizeiliche Kriminalstatistik 2016, pdf</a>
<h4>Neuverschuldung:</h4>
<p>Wirtschaftsministerium, auf Anfrage.</p>
<a href="http://www.haushalt.fm.nrw.de/daten/html/hhr.html">NRW-Haushaltsdaten</a>
<h4>Schüler-Lehrer-Verhältnis:</h4>
<a href="https://www.schulministerium.nrw.de/docs/bp/Ministerium/Service/Schulstatistik/Amtliche-Schuldaten/index.html">Amtliche Schuldaten</a>
<h4>Wirtschaftswachstum:</h4>
<a href="https://www.destatis.de/DE/Publikationen/Thematisch/VolkswirtschaftlicheGesamtrechnungen/VGRderLaender/VGR_LaenderergebnisseBand1_5820001167005.xlsx?__blob=publicationFile">Destatis, Volkswirtschaftliche Gesamtrechnungen der Länder, xls</a>
<h3>Credits:</h3>
<p>"Was schätzen sie" beruht auf einer Vorlage der New York Times:</p>
<a href="https://www.nytimes.com/interactive/2017/01/15/us/politics/you-draw-obama-legacy.html?_r=0">
You Draw It: What Got Better or Worse During Obama’s Presidency
</a>
<p>Ein Dank an Adam Pearce, Graphics Editor bei der New York Times, der den Code zugänglich gemacht hat und uns das Recht eingeräumt hat, ihn zu nutzen:</p>
<a href="https://bl.ocks.org/1wheel/07d9040c3422dac16bd5be741433ff1e">You Draw It - D3 drag bei bl.ocks.org</a>
<p>Ebenso ein Dank an Mike Bostock:</p>
<a href="https://d3js.org/">D3.js - Data Driven Documents</a>
</div>
<div class="updatedAt">
{% set now = Date() %}
Stand: {{ now|date('d.m.Y') }}
</div>
</article>
{% include "partials/breadcrumb.html" %}
{% include "partials/footer.html" %}
<script src="bower_components/d3/d3.min.js"></script>
<!-- build:js app.js -->
<script src="app.js"></script>
<!-- endbuild -->
{% include "partials/webtrekk.html" %}
</body>
</html>