Skip to content

Commit

Permalink
finish the data wrangling
Browse files Browse the repository at this point in the history
  • Loading branch information
@tursics
tursics committed Apr 19, 2017
1 parent 6b924fc commit 53691fe
Show file tree
Hide file tree
Showing 4 changed files with 266 additions and 14 deletions.
Binary file added assets/social-mahe-2017.gif
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
93 changes: 93 additions & 0 deletions karte-mahe-2017.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -213,6 +213,10 @@
#receipt .group:hover {
background: transparent;
}
#receipt .groupClosed.groupMobileOpen {
height: inherit;
overflow-y: inherit;
}
#receiptClose {
font-size: 28px;
top: -10px;
Expand Down Expand Up @@ -386,6 +390,95 @@
font-size: 30px;
}

/* dialogs */

#popupInfo, #popupShare, #popupShare .ui-btn {
font-family: 'Montserrat', sans-serif;
font-size: 13px;
}
#popupInfo div div, #popupShare .ui-content div {
margin: 0 0 .8em 0;
}
#popupInfo hr {
border: 1px solid #38aadd;
margin: 0 0 .8em 0;
}
#popupInfo a {
font-weight: 400;
color: #38aadd;
text-decoration: none;
border-bottom: 2px solid transparent;
}
#popupInfo a:hover {
border-bottom-color: #38aadd;
}
#popupShare .ui-input-text {
background: #fff;
border: 1px solid #555;
text-shadow: none;
border-radius: 2em;
box-shadow: none;
margin: 0;
padding: 0 .5em;
font-size:13px;
}
#popupShare input {
font-size: 13px;
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 400;
}
#popupShare .social {
display: inline;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
margin: 0 0 0 5px;
text-shadow: none;
}
#popupShare .social a {
font-weight: 400;
}
#popupShare .social .facebook, #popupShare .social .twitter {
color: #fff;
text-decoration: none;
line-height: 2em;
padding: .25em;
margin: 0 5px 0 0;
border-radius: 4px;
}
#popupShare .social .facebook {
background: #3b5998;
}
#popupShare .social .facebook:before {
content: "\f09a";
font: normal normal normal 14px/1 FontAwesome;
padding: 0 10px 0 0;
}
#popupShare .social .twitter {
background: #55acee;
}
#popupShare .social .twitter:before {
content: "\f099";
font: normal normal normal 14px/1 FontAwesome;
padding: 0 10px 0 0;
}
#popupShare .social span {
display: none;
margin: 0 0 0 7px;
padding: 1px 3px;
border-radius: 4px;
background: #fff;
}
#popupShare .social span.active {
display: inline;
}
#popupShare .social .facebook span {
color: #3b5998;
}
#popupShare .social .twitter span {
color: #55acee;
}

/* autocomplete list */

.autocomplete-suggestions {
Expand Down
58 changes: 51 additions & 7 deletions karte-mahe-2017.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=7; IE=EmulateIE9; IE=10" />

<meta name="author" content="Thomas Tursics" />
<meta name="keywords" content="Berlin,Lichtenberg,Gebäudescan,kaputt,Schule" />
<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>
Expand All @@ -18,12 +18,12 @@
<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.gif" />
<meta property="og:image" content="http://schulsanierung.tursics.de/assets/social.gif" />
<meta name="twitter:image:src" content="http://schulsanierung.tursics.de/assets/social.gif">
<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/">
<meta name="twitter:domain" content="http://schulsanierung.tursics.de/">
<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">
Expand Down Expand Up @@ -79,7 +79,7 @@ <h3>Wie kaputt ist Ihre Schule?</h3>
<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" id="schoolSum"></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>
Expand Down Expand Up @@ -117,6 +117,50 @@ <h3>Wie kaputt ist Ihre Schule?</h3>
</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="#one" data-ajax="false">Link teilen</a></li>
<li><a href="#two" data-ajax="false">Karte einbetten</a></li>
</ul>
</div>
<div id="one" class="ui-body-d ui-content">
<div>
In den sozialen Netzen 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">teilen<span></span></a>
<a class="twitter" href="https://twitter.com/intent/tweet?text=Wie%20kaputt%20ist%20deine%20Schule?%20Finde%20es%20hier%20heraus&amp;url=http://schulsanierung.tursics.de/karte-mahe-2017.html" rel="popup" title="Bei Twitter teilen">tweeten<span></span></a>
</div>
</div>
<div>
oder den Link kopieren:<br>
<input value="http://schulsanierung.tursics.de/karte-mahe-2017.html">
</div>
</div>
<div id="two">
</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://github.com/tursics/schulsanierung/blob/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 mehr mitgerechnet hat.
</div>
<div>(Stand: April 2017)</div>
<hr>
<div>Diese Karte entstand durch die Zusammenarbeit von <a href="http://www.tursics.de/" target="_blank">Thomas Tursics</a> 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:[email protected]">Ihre Mail</a>.
</div>
</div>
</div>
</div>
</body>
</html>
Loading

0 comments on commit 53691fe

Please sign in to comment.