-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathkarte-mahe-2017.html
186 lines (177 loc) · 11.1 KB
/
karte-mahe-2017.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
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7; IE=EmulateIE9; IE=10" />
<meta name="author" content="Thomas Tursics" />
<meta name="keywords" content="Berlin,Marzahn,Hellersdorf,Gebäudescan,kaputt,Schule" />
<meta name="robots" content="index,follow" />
<title>Wo unsere Kinder lernen - Gebäudescan der Berliner Schulen</title>
<meta property="og:title" content="Wo unsere Kinder lernen - Gebäudescan der Schulen in Marzahn-Hellersdorf" />
<meta name="twitter:title" content="Wo unsere Kinder lernen - Gebäudescan der Schulen in Marzahn-Hellersdorf">
<meta name="description" content="Viele Schulen in Berlin sind marode. Wie teuer die Sanierung wirklich wird, können Sie auf dieser Karte erkunden." />
<meta property="og:description" content="Viele Schulen in Berlin sind marode. Wie teuer die Sanierung wirklich wird, können Sie auf dieser Karte erkunden." />
<meta name="twitter:description" content="Viele Schulen in Berlin sind marode. Wie teuer die Sanierung wirklich wird, können Sie auf dieser Karte erkunden.">
<link rel="image_src" type="image/png" href="http://schulsanierung.tursics.de/assets/social-mahe-2017.gif" />
<meta property="og:image" content="http://schulsanierung.tursics.de/assets/social-mahe-2017.gif" />
<meta name="twitter:image:src" content="http://schulsanierung.tursics.de/assets/social-mahe-2017.gif">
<meta property="og:url" content="http://schulsanierung.tursics.de/karte-mahe-2017.html">
<meta name="twitter:domain" content="http://schulsanierung.tursics.de/karte-mahe-2017.html">
<meta name="twitter:card" content="summary">
<meta name="twitter:creator" content="@tursics">
<link rel="stylesheet" href="lib/jquery.mobile-1.4.2/jquery.mobile-1.4.2.min.css">
<link rel="stylesheet" href="lib/font-awesome-4.6.3/css/font-awesome.css">
<link rel="stylesheet" href="lib/leaflet-0.7.3/leaflet.css" />
<link rel="stylesheet" href="karte-mahe-2017.css" />
<link rel="stylesheet" href="lib/leaflet.awesome-markers-2.0.2/leaflet.awesome-markers.css">
<script src="lib/leaflet-0.7.3/leaflet.js"></script>
<script src="lib/jquery.mobile-1.4.2/jquery-1.11.1.min.js"></script>
<script src="karte-mahe-2017.js"></script>
<script src="lib/jquery.mobile-1.4.2/jquery.mobile-1.4.2.min.js"></script>
<script src="lib/jquery.autocomplete-1.2.25/jquery.autocomplete.min.js"></script>
<script src="lib/leaflet.awesome-markers-2.0.2/leaflet.awesome-markers.min.js"></script>
<link rel="apple-touch-icon" sizes="57x57" href="/assets/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/assets/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/assets/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/assets/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/assets/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/assets/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/assets/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/assets/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="./assets/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="./assets/favicon-96x96.png">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/assets/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<div data-role="page" id="pageMap">
<div role="main" class="ui-content" id="mapContainer"></div>
<div id="searchBox">
<h3>Wie kaputt ist Ihre Schule?</h3>
<div class="sample">
Zum Beispiel: <a href="#">Sartre-Gymnasium</a>, <a href="#">Marzahn-Hellersdorf</a>
</div>
<div class="searchInput">
<input type="text" name="schools" id="autocomplete" placeholder="Geben Sie einen Schulnamen ein" />
<div><i class="fa fa-search" aria-hidden="true"></i></div>
</div>
</div>
<div id="receiptBox">
<div id="receiptClose"><i class="fa fa-close" aria-hidden="true"></i></div>
<div id="receipt" class="normal">
<div class="full center bold" id="recSchulname"></div>
<div class="full center"><span id="recSchulart"></span> (<span id="recSchulnummer"></span>)</div>
<div class="full center" id="recStrasse"></div>
<div class="full center"><span id="recPLZ"></span> Berlin</div>
<div class="empty"></div>
<div class="group groupClosed groupMobileOpen" id="schoolSum"></div>
<div class="group groupClosed" id="schoolSenat"></div>
<div class="full" id="rec2017_"></div>
<div class="empty"></div>
<div class="full bold" id="buildingPart"></div>
<div class="full">--------------------------------------------</div>
<div class="finished"><i class="fa fa-check-square-o" aria-hidden="true"></i> Sanierung abgeschlossen</div>
<div class="group groupClosed" id="item0"></div>
<div class="group groupClosed" id="item1"></div>
<div class="group groupClosed" id="item2"></div>
<div class="group groupClosed" id="item3"></div>
<div class="group groupClosed" id="item4"></div>
<div class="group groupClosed" id="item5"></div>
<div class="group groupClosed" id="item6"></div>
<div class="group groupClosed" id="item7"></div>
<div class="group groupClosed" id="item8"></div>
<div class="group groupClosed" id="item9"></div>
<div class="group groupClosed" id="item10"></div>
<div class="group groupClosed" id="item11"></div>
<div class="group groupClosed" id="item12"></div>
<div class="group groupClosed" id="item13"></div>
<div class="group groupClosed" id="item14"></div>
<div class="group groupClosed" id="item15"></div>
<div class="group groupClosed" id="item16"></div>
<div class="group groupClosed" id="item17"></div>
<div class="group groupClosed" id="item18"></div>
<div class="group groupClosed" id="item19"></div>
<div class="full">--------------------------------------------</div>
<div><span class="half">SUMME</span><span class="number"><span id="recGebaeudeGesamt"></span> EUR</span></div>
<div class="full">============================================</div>
<div class="empty"></div>
<div class="full" id="recNow_"></div>
<div class="empty"></div>
<div class="full center">Vielen Dank für Ihren Einkauf!</div>
<div class="full center">Sanieren Sie bald wieder</div>
</div>
<div id="receiptInfo"><i class="fa fa-info-circle" aria-hidden="true"></i> Noch mehr Informationen erscheinen, wenn sie auf die einzelnen Zeilen klicken.</div>
</div>
<div data-role="popup" id="popupShare" data-theme="a" class="ui-corner-all">
<div style="padding:0;margin:-1px 0 0 -1px;overflow-x:hidden;">
<div data-role="tabs" id="tabs" style="padding:0;">
<div data-role="navbar">
<ul>
<li><a href="#shareLink" id="tabShareLink" data-ajax="false" class="ui-btn-active">Link teilen</a></li>
<li><a href="#embedMap" id="tabEmbedMap" data-ajax="false">Karte einbetten</a></li>
</ul>
</div>
<div id="shareLink" class="ui-body-d ui-content">
<div>
In sozialen Netzwerken teilen:
<div class="social">
<a class="facebook" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fschulsanierung.tursics.de%2Fkarte-mahe-2017.html" rel="popup" title="Bei Facebook teilen">Facebook<span></span></a>
<a class="twitter" href="https://twitter.com/intent/tweet?text=Wie%20kaputt%20ist%20deine%20Schule?%20Finde%20es%20hier%20heraus&url=http://schulsanierung.tursics.de/karte-mahe-2017.html" rel="popup" title="Bei Twitter teilen">Twitter<span></span></a>
<a class="whatsapp" href="whatsapp://send?text=Wie%20kaputt%20ist%20deine%20Schule?%20Finde%20es%20hier%20heraus%3A%20http%3A%2F%2Fschulsanierung.tursics.de%2Fkarte-mahe-2017.html" rel="popup" title="Bei WhatsApp teilen">WhatsApp<span></span></a>
</div>
</div>
<div>
oder den Link kopieren:<br>
<input value="http://schulsanierung.tursics.de/karte-mahe-2017.html">
</div>
<div style="text-align:center;margin:0;"><a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-a" data-rel="back">Schließen</a></div>
</div>
<div id="embedMap" class="ui-body-d ui-content">
<div style="width:400px">
Den Codeschnipsel können Sie direkt in Ihre Webseite oder in Ihren Wordpress-Blog einbauen.<br>
</div>
<div class="ui-field-contain ui-grid-b">
<div class="ui-block-a" style="padding:0 1em 0 0;margin:0;">
<select id="selectEmbedSize" data-native-menu="false" data-inline="false">
<option value="400x300">Klein</option>
<option value="650x450">Mittel</option>
<option value="800x600">Groß</option>
</select>
</div>
<div class="ui-block-b" style="width:66.666%;padding:.25em 0 0 0;margin:0;">
<input id="inputEmbedURI" value="" data-inline="true">
</div>
</div>
<iframe></iframe>
<div style="text-align:center;margin:.8em 0 0 0;"><a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-a" data-rel="back">Schließen</a></div>
</div>
</div>
</div>
</div>
<div data-role="popup" id="popupInfo" data-theme="a" class="ui-corner-all">
<div style="padding:10px 20px;">
<h3>Wie kaputt ist Ihre Schule?</h3>
<div>Diese Karte zeigt das Ergebnis des Gebäudescans, also den aktuellen Sanierungsbedarf der Berliner Schulen.
Die <a href="https://raw.githubusercontent.com/tursics/schulsanierung/master/data/rowdata2017-02-21mahe.csv" target="_blank">Daten stammen vom Bezirk Marzahn-Hellersdorf</a> und wurden von der Senatsverwaltung kommentiert und korrigiert.
</div>
<div>Bereits beantragte und bewilligte Gelder für Schulgebäude und -flächen sind nicht aufgeführt.
Der Bezirk beziffert den Sanierungsstau mit 235 Millionen Euro, die Senatsverwaltung mit 160 Millionen Euro.
Der Unterschied liegt hauptsächlich darin, dass die Senatsverwaltung die Kosten für Schulhöfe und Sportplätze nicht mit einberechnet hat.
</div>
<hr>
<div>Diese Karte entstand in Zusammenarbeit mit dem <a href="https://beas-mh.de/" target="_blank">Bezirkselternausschuss Schule Marzahn-Hellersdorf</a>.
Haben Sie eine Anmerkung oder einen Fehler entdeckt, dann freue ich mich über <a href="mailto:thomas@tursics.de">Ihre Mail</a>.
</div>
<div style="text-align:center;"><a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-a" data-rel="back">Schließen</a></div>
<div style="text-align:center;">Stand: April 2017 | erstellt von <a href="http://www.tursics.de/" target="_blank">Thomas Tursics</a> | Code auf <a href="https://github.com/tursics/schulsanierung" target="_blank">github</a></div>
</div>
</div>
</div>
</body>
</html>