Merge remote-tracking branch 'origin/gh-pages' into pr/2
This commit is contained in:
feliciaan
commit
a438995e95
7 changed files with 106 additions and 47 deletions
28
data.json
28
data.json
|
|
@ -42,7 +42,7 @@
|
|||
"saturday": "8u30 - 22u",
|
||||
"sunday": "8u30 - 22u"
|
||||
},
|
||||
"extra": "Enkel weekend en feestdagen. Registratie noodzakelijk: ieder zondag om 19u student.ugent.be",
|
||||
"extra": "Enkel weekend, kerstverlof en feestdagen,Registratie noodzakelijk! Registreer <a href=\"http://student.UGent.be/blok_kantien/\">hier</a>. Vanaf 9u kunnen studenten zonder registratie toegang krijgen.",
|
||||
"type": "UGent"
|
||||
}
|
||||
},
|
||||
|
|
@ -50,7 +50,7 @@
|
|||
"type": "Feature",
|
||||
"geometry": {
|
||||
"type": "Point",
|
||||
"coordinates": [3.725116, 51.044255]
|
||||
"coordinates": [ 3.724770, 51.045507 ]
|
||||
},
|
||||
"properties": {
|
||||
"name": "Faculteit Letteren en Wijsbegeerte, faculteitsbibliotheek, vleugels Magnel & Loveling",
|
||||
|
|
@ -90,7 +90,7 @@
|
|||
"saturday": "8u30 - 22u",
|
||||
"sunday": "8u30 - 22u"
|
||||
},
|
||||
"extra": "Registratie noodzakelijk! Registreer via http://student.UGent.be/blok/ . Vanaf 9u kunnen studenten zonder registratie toegang krijgen.",
|
||||
"extra": "Registratie noodzakelijk! Registreer <a href=\"http://student.UGent.be/blok/\">hier</a>. Vanaf 9u kunnen studenten zonder registratie toegang krijgen.",
|
||||
"type": "UGent"
|
||||
}
|
||||
},
|
||||
|
|
@ -114,7 +114,7 @@
|
|||
"saturday": "8u30 - 22u",
|
||||
"sunday": "8u30 - 22u"
|
||||
},
|
||||
"extra": "Registratie noodzakelijk! Registreer via http://student.UGent.be/blok/ . Vanaf 9u kunnen studenten zonder registratie toegang krijgen. Sluitingsdagen: 25/12, 01/01, 3/01, 4/01, 5/01,6/01, 13/01 en 20/01.<br/>24/12 en 31/12: 8u-16u",
|
||||
"extra": "Registratie noodzakelijk! Registreer <a href=\"http://student.UGent.be/blok_aula/\">hier</a>. Vanaf 9u kunnen studenten zonder registratie toegang krijgen. Sluitingsdagen: 25/12, 01/01, 3/01, 4/01, 5/01,6/01, 13/01 en 20/01.<br/>24/12 en 31/12: 8u-16u",
|
||||
"type": "UGent"
|
||||
}
|
||||
},
|
||||
|
|
@ -204,7 +204,7 @@
|
|||
"hours": {
|
||||
"monday": "9u - 17u",
|
||||
"tuesday": "9u - 18u",
|
||||
"wednesday": "9u - 11u30 en 12u45 - 16u45",
|
||||
"wednesday": "9u - 11u30 <br> 12u45 - 16u45",
|
||||
"thursday": "9u - 18u",
|
||||
"friday": "9u - 17u",
|
||||
"saturday": false,
|
||||
|
|
@ -250,11 +250,11 @@
|
|||
"capacity": 15,
|
||||
"period": { "start": "05/01/2014", "end": "30/01/2015" },
|
||||
"hours": {
|
||||
"monday": "10u - 12u30 en 13u - 16u15",
|
||||
"tuesday": "10u - 12u30 en 13u - 16u15",
|
||||
"wednesday": "10u - 12u30 en 13u - 16u15",
|
||||
"monday": "10u - 12u30<br />13u - 16u15",
|
||||
"tuesday": "10u - 12u30<br />13u - 16u15",
|
||||
"wednesday": "10u - 12u30<br />13u - 16u15",
|
||||
"thursday": "10u - 12u",
|
||||
"friday": "10u - 12u30 en 13u - 16u15",
|
||||
"friday": "10u - 12u30<br />13u - 16u15",
|
||||
"saturday": false,
|
||||
"sunday": false
|
||||
},
|
||||
|
|
@ -274,11 +274,11 @@
|
|||
"capacity": 50,
|
||||
"period": { "start": "05/01/2014", "end": "30/01/2015" },
|
||||
"hours": {
|
||||
"monday": "9u - 12u30 en 13u - 17u",
|
||||
"tuesday": "8u30u - 12u30 en 13u - 17u",
|
||||
"wednesday": "9u - 12u30 en 13u - 17u",
|
||||
"thursday": "8u - 12u en 12u30 - 17u",
|
||||
"friday": "8u - 12u en 12u30 - 17u",
|
||||
"monday": "9u - 12u30<br />13u - 17u",
|
||||
"tuesday": "8u30u - 12u30<br />13u - 17u",
|
||||
"wednesday": "9u - 12u30<br />13u - 17u",
|
||||
"thursday": "8u - 12u<br />12u30 - 17u",
|
||||
"friday": "8u - 12u<br />12u30 - 17u",
|
||||
"saturday": false,
|
||||
"sunday": false
|
||||
},
|
||||
|
|
|
|||
27
map.css
27
map.css
|
|
@ -59,6 +59,7 @@ table {
|
|||
.desktop tr td {
|
||||
padding-right: 5px;
|
||||
width: 75;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.mobile tr td:first-child {
|
||||
|
|
@ -77,6 +78,18 @@ table {
|
|||
background: rgba(255,255,255,0.0);
|
||||
}
|
||||
|
||||
#zeus {
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.legend {
|
||||
|
||||
height: 52px;
|
||||
width: 130px;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
|
||||
}
|
||||
|
||||
.type {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
|
|
@ -107,6 +120,20 @@ table {
|
|||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
.info {
|
||||
max-width: 90px;s
|
||||
}
|
||||
|
||||
#schamper {
|
||||
width: 90px;
|
||||
}
|
||||
|
||||
#zeus {
|
||||
width: 75px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-height: 400px) {
|
||||
.leaflet-popup-content-wrapper {
|
||||
max-height: 150px;
|
||||
|
|
|
|||
60
map.html
60
map.html
|
|
@ -2,11 +2,24 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Blokken in Gent</title>
|
||||
<title>Bloklocaties in Gent</title>
|
||||
<meta name="apple-itunes-app" content="app-id=602640924">
|
||||
<meta name="google-play-app" content="app-id=be.ugent.zeus.hydra">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
||||
|
||||
<meta property="og:site_name" content="Zeus WPI">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="og:title" content="Bloklocaties in Gent">
|
||||
<meta property="og:description" content="Samenhokken om te blokken? Er zijn maar liefst 4000 zitjes in Gent om dat te doen. Schamper en Zeus maakten een overzicht!">
|
||||
<meta property="og:url" content="http://zeus.ugent.be/blok/">
|
||||
<meta property="og:image" content="http://zeus.ugent.be/blok/share.jpg">
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:url" content="http://zeus.ugent.be/blok/">
|
||||
<meta name="twitter:title" content="Bloklocaties in Gent">
|
||||
<meta name="twitter:description" content="Samenhokken om te blokken? Er zijn maar liefst 4000 zitjes in Gent om dat te doen. Schamper en Zeus maakten een overzicht!">
|
||||
<meta name="twitter:image" content="http://zeus.ugent.be/blok/share.jpg">
|
||||
|
||||
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
|
||||
<link rel="stylesheet" href="map.css" />
|
||||
<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
|
||||
|
|
@ -35,53 +48,66 @@
|
|||
<td>Zondag</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{#if hours.monday}}{{hours.monday}}{{else}}Gesloten{{/if}}</td>
|
||||
<td>{{#if hours.tuesday}}{{hours.tuesday}}{{else}}Gesloten{{/if}}</td>
|
||||
<td>{{#if hours.wednesday}}{{hours.wednesday}}{{else}}Gesloten{{/if}}</td>
|
||||
<td>{{#if hours.thursday}}{{hours.thursday}}{{else}}Gesloten{{/if}}</td>
|
||||
<td>{{#if hours.friday}}{{hours.friday}}{{else}}Gesloten{{/if}}</td>
|
||||
<td>{{#if hours.saturday}}{{hours.saturday}}{{else}}Gesloten{{/if}}</td>
|
||||
<td>{{#if hours.sunday}}{{hours.sunday}}{{else}}Gesloten{{/if}}</td>
|
||||
<td>{{#if hours.monday}}{{{hours.monday}}}{{else}}Gesloten{{/if}}</td>
|
||||
<td>{{#if hours.tuesday}}{{{hours.tuesday}}}{{else}}Gesloten{{/if}}</td>
|
||||
<td>{{#if hours.wednesday}}{{{hours.wednesday}}}{{else}}Gesloten{{/if}}</td>
|
||||
<td>{{#if hours.thursday}}{{{hours.thursday}}}{{else}}Gesloten{{/if}}</td>
|
||||
<td>{{#if hours.friday}}{{{hours.friday}}}{{else}}Gesloten{{/if}}</td>
|
||||
<td>{{#if hours.saturday}}{{{hours.saturday}}}{{else}}Gesloten{{/if}}</td>
|
||||
<td>{{#if hours.sunday}}{{{hours.sunday}}}{{else}}Gesloten{{/if}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table class="mobile">
|
||||
<tr>
|
||||
<td>Maandag</td>
|
||||
<td>{{#if hours.monday}}{{hours.monday}}{{else}}Gesloten{{/if}}</td>
|
||||
<td>{{#if hours.monday}}{{{hours.monday}}}{{else}}Gesloten{{/if}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Dinsdag</td>
|
||||
<td>{{#if hours.tuesday}}{{hours.tuesday}}{{else}}Gesloten{{/if}}</td>
|
||||
<td>{{#if hours.tuesday}}{{{hours.tuesday}}}{{else}}Gesloten{{/if}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Woensdag</td>
|
||||
<td>{{#if hours.wednesday}}{{hours.wednesday}}{{else}}Gesloten{{/if}}</td>
|
||||
<td>{{#if hours.wednesday}}{{{hours.wednesday}}}{{else}}Gesloten{{/if}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Donderdag</td>
|
||||
<td>{{#if hours.thursday}}{{hours.thursday}}{{else}}Gesloten{{/if}}</td>
|
||||
<td>{{#if hours.thursday}}{{{hours.thursday}}}{{else}}Gesloten{{/if}}</td>
|
||||
</tr><tr>
|
||||
<td>Vrijdag</td>
|
||||
<td>{{#if hours.friday}}{{hours.friday}}{{else}}Gesloten{{/if}}</td>
|
||||
<td>{{#if hours.friday}}{{{hours.friday}}}{{else}}Gesloten{{/if}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Zaterdag</td>
|
||||
<td>{{#if hours.saturday}}{{hours.saturday}}{{else}}Gesloten{{/if}}</td>
|
||||
<td>{{#if hours.saturday}}{{{hours.saturday}}}{{else}}Gesloten{{/if}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Zondag</td>
|
||||
<td>{{#if hours.sunday}}{{hours.sunday}}{{else}}Gesloten{{/if}}</td>
|
||||
<td>{{#if hours.sunday}}{{{hours.sunday}}}{{else}}Gesloten{{/if}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
{{#if extra}}{{extra}}{{/if}}
|
||||
{{#if extra}}{{{extra}}}{{/if}}
|
||||
</div>
|
||||
</script>
|
||||
<script id="info-template" type="text/x-handlebars-template">
|
||||
<a href="http://zeus.ugent.be/"><img src='logo.png'></a>
|
||||
<a href="http://schamper.be/"><img id="schamper" src='schamper.png'></a>
|
||||
<a href="http://zeus.ugent.be/"><img id="zeus" src='zeus.png'></a>
|
||||
</script>
|
||||
<script id="share-template" type="text/x-handlebars-template">
|
||||
<div class="fb-share-button" data-href="http://zeus.ugent.be/blok/" data-layout="button_count"></div>
|
||||
</script>
|
||||
<script id="legend-template" type="text/x-handlebars-template">
|
||||
<div style="padding-top: 5px;">
|
||||
<div style="width: 125px; height: 18px; padding-top: 5px; padding-left: 5px;">
|
||||
<div style="height: 10px; width: 10px; background: rgb(209,39,35); margin-top: -1px; margin-left: 5px;"></div>
|
||||
<span style="position: absolute; left: 25px; top: 5px;">Week en weekend</span>
|
||||
</div>
|
||||
<div style="width: 125px; height: 18px; padding-top: 5px; padding-left: 5px;">
|
||||
<div style="height: 10px; width: 10px; background: rgb(36, 126, 202); margin-top: 1px; margin-left: 5px;"></div>
|
||||
<span style="position: absolute; left: 25px; top: 30px;">Enkel week</span>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<!-- Facebook SDK -->
|
||||
<div id="fb-root"></div>
|
||||
|
|
|
|||
38
map.js
38
map.js
|
|
@ -31,7 +31,7 @@ $(document).ready(function() {
|
|||
}).addTo(map);
|
||||
|
||||
$.getJSON('data.json')
|
||||
.done(function(data) {
|
||||
.done(function(data) {
|
||||
var geojson = L.geoJson(data, {
|
||||
onEachFeature: onEachFeature,
|
||||
pointToLayer: pointToLayer
|
||||
|
|
@ -39,24 +39,30 @@ $(document).ready(function() {
|
|||
map.addLayer(geojson);
|
||||
});
|
||||
|
||||
var info = L.control();
|
||||
var SimpleControl = L.Control.extend({
|
||||
initialize: function(templateId, divClass, options) {
|
||||
this.template = Handlebars.compile($(templateId).html());
|
||||
this.divClass = divClass;
|
||||
L.Util.setOptions(this, options);
|
||||
},
|
||||
|
||||
info.onAdd = function (map) {
|
||||
var div = L.DomUtil.create('div', 'info');
|
||||
div.innerHTML = Handlebars.compile($('#info-template').html())();
|
||||
onAdd: function (map) {
|
||||
this._div = L.DomUtil.create('div', this.divClass);
|
||||
this._div.innerHTML = this.template();
|
||||
|
||||
return div;
|
||||
};
|
||||
return this._div;
|
||||
}
|
||||
});
|
||||
|
||||
info.addTo(map);
|
||||
var info = new SimpleControl('#info-template', 'info', {
|
||||
position: 'topright'
|
||||
}).addTo(map);
|
||||
|
||||
var sharePane = L.control().setPosition("bottomleft");
|
||||
sharePane.onAdd = function (map) {
|
||||
var div = L.DomUtil.create('div', 'info');
|
||||
div.innerHTML = Handlebars.compile($('#share-template').html())();
|
||||
var sharePane = new SimpleControl('#share-template', 'info', {
|
||||
position: 'bottomleft'
|
||||
}).addTo(map);
|
||||
|
||||
return div;
|
||||
};
|
||||
|
||||
sharePane.addTo(map);
|
||||
var legend = new SimpleControl('#legend-template', 'legend', {
|
||||
position: 'bottomright'
|
||||
}).addTo(map);
|
||||
});
|
||||
|
|
|
|||
BIN
schamper.png
Normal file
BIN
schamper.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
share.jpg
Normal file
BIN
share.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 80 KiB |
|
Before Width: | Height: | Size: 3.9 KiB After Width: | Height: | Size: 3.9 KiB |
Loading…
Reference in a new issue