Compare commits
13 commits
zeus-png-r
...
master
| Author | SHA1 | Date | |
|---|---|---|---|
|
b4adda93ac | ||
|
b50b08f766 | ||
|
|
cdf633a9bd | ||
|
baab6bbfc4 | ||
|
|
2b46153d20 | ||
|
|
10c385975c | ||
|
|
ddc034e6b2 | ||
|
|
0fc0098442 | ||
|
|
2503c153eb | ||
|
|
3af32d958e | ||
|
|
bf30ee7f7d | ||
|
|
94c85f1c4d | ||
|
|
e3acb3ee73 |
|
|
@ -114,14 +114,13 @@ a.img-and-text-link:hover span {
|
|||
}
|
||||
|
||||
.legend {
|
||||
height: 52px;
|
||||
height: 77px;
|
||||
width: 130px;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
|
||||
}
|
||||
|
||||
.holiday-legend {
|
||||
height: 72px;
|
||||
width: 145px;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
|
||||
|
|
|
|||
140
src/img/Logo_WiFi.svg
Normal file
140
src/img/Logo_WiFi.svg
Normal file
|
|
@ -0,0 +1,140 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
width="400"
|
||||
height="175.49457"
|
||||
id="svg2"
|
||||
version="1.1"
|
||||
inkscape:version="0.47 r22583"
|
||||
sodipodi:docname="Logo BEI por Hernando.svg">
|
||||
<defs
|
||||
id="defs4">
|
||||
<inkscape:perspective
|
||||
sodipodi:type="inkscape:persp3d"
|
||||
inkscape:vp_x="0 : 526.18109 : 1"
|
||||
inkscape:vp_y="0 : 1000 : 0"
|
||||
inkscape:vp_z="744.09448 : 526.18109 : 1"
|
||||
inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
|
||||
id="perspective10" />
|
||||
<inkscape:perspective
|
||||
id="perspective9738"
|
||||
inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
|
||||
inkscape:vp_z="1 : 0.5 : 1"
|
||||
inkscape:vp_y="0 : 1000 : 0"
|
||||
inkscape:vp_x="0 : 0.5 : 1"
|
||||
sodipodi:type="inkscape:persp3d" />
|
||||
<clipPath
|
||||
clipPathUnits="userSpaceOnUse"
|
||||
id="clipPath3180">
|
||||
<path
|
||||
d="m 596.741,190.075 149.223,0 0,64.79 -149.223,0 0,-64.79"
|
||||
id="path3182" />
|
||||
</clipPath>
|
||||
<inkscape:perspective
|
||||
id="perspective12948"
|
||||
inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
|
||||
inkscape:vp_z="1 : 0.5 : 1"
|
||||
inkscape:vp_y="0 : 1000 : 0"
|
||||
inkscape:vp_x="0 : 0.5 : 1"
|
||||
sodipodi:type="inkscape:persp3d" />
|
||||
<inkscape:perspective
|
||||
id="perspective8202"
|
||||
inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
|
||||
inkscape:vp_z="1 : 0.5 : 1"
|
||||
inkscape:vp_y="0 : 1000 : 0"
|
||||
inkscape:vp_x="0 : 0.5 : 1"
|
||||
sodipodi:type="inkscape:persp3d" />
|
||||
</defs>
|
||||
<sodipodi:namedview
|
||||
id="base"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:zoom="0.35"
|
||||
inkscape:cx="71.569388"
|
||||
inkscape:cy="-45.087756"
|
||||
inkscape:document-units="px"
|
||||
inkscape:current-layer="layer1"
|
||||
showgrid="false"
|
||||
inkscape:window-width="1280"
|
||||
inkscape:window-height="968"
|
||||
inkscape:window-x="-4"
|
||||
inkscape:window-y="-4"
|
||||
inkscape:window-maximized="1" />
|
||||
<metadata
|
||||
id="metadata7">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title></dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<g
|
||||
inkscape:label="Capa 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-309.85919,-343.20843)">
|
||||
<g
|
||||
id="g2010"
|
||||
transform="matrix(7.4723057,0,0,-7.4723057,642.24229,518.703)">
|
||||
<path
|
||||
d="m 0,0 c 4.977,0 9.049,4.077 9.049,9.049 l 0,5.389 c 0,4.973 -4.072,9.048 -9.049,9.048 l -35.433,0 c -4.973,0 -9.049,-4.075 -9.049,-9.048 l 0,-5.389 C -44.482,4.077 -40.406,0 -35.433,0"
|
||||
style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||
id="path2012" />
|
||||
</g>
|
||||
<g
|
||||
id="g2014"
|
||||
transform="matrix(7.4723057,0,0,-7.4723057,518.90441,451.07859)">
|
||||
<path
|
||||
d="m 0,0 0,5.389 c 0,4.072 3.314,7.32 7.32,7.32 l 9.187,0 c 4.007,0 7.253,-3.248 7.253,-7.32 L 23.76,0 c 0,-4.005 -3.246,-7.32 -7.253,-7.32 l -20.239,0 C -1.451,-5.664 0,-3.036 0,0"
|
||||
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||
id="path2016" />
|
||||
</g>
|
||||
<g
|
||||
id="g2018"
|
||||
transform="matrix(7.4723057,0,0,-7.4723057,430.12595,472.2626)">
|
||||
<path
|
||||
d="m 0,0 -3.043,0 -0.55,2.56 C -3.938,4.354 -4.285,6.565 -4.354,7.393 -4.423,6.565 -4.77,4.354 -5.179,2.56 L -5.734,0 l -2.968,0 -2.767,11.748 3.317,0 0.343,-2.004 c 0.276,-1.66 0.556,-3.659 0.695,-5.044 0.136,1.385 0.481,3.384 0.896,5.044 l 0.412,2.004 2.972,0 0.413,-2.004 c 0.348,-1.66 0.693,-3.659 0.833,-5.044 0.136,1.385 0.482,3.384 0.757,5.044 l 0.278,2.004 3.313,0"
|
||||
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||
id="path2020" />
|
||||
</g>
|
||||
<g
|
||||
id="g2022"
|
||||
transform="matrix(7.4723057,0,0,-7.4723057,472.9572,401.52225)">
|
||||
<path
|
||||
d="m 0,0 c -0.968,0 -1.727,0.553 -1.727,1.451 0,0.899 0.759,1.45 1.727,1.45 1.036,0 1.796,-0.551 1.796,-1.45 C 1.796,0.553 1.036,0 0,0 m -1.521,-0.968 3.0401,0 0,-8.4984 -3.0401,0 0,8.4984 z"
|
||||
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||
id="path2024" />
|
||||
</g>
|
||||
<g
|
||||
id="g2026"
|
||||
transform="matrix(7.4723057,0,0,-7.4723057,574.10981,405.16126)">
|
||||
<path
|
||||
d="m 0,0 0,-2.618 6.22,0 0,-2.767 -6.22,0 0,-3.593 -3.247,0 0,11.748 10.156,0 0,-2.77"
|
||||
style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||
id="path2028" />
|
||||
</g>
|
||||
<g
|
||||
id="g2030"
|
||||
transform="matrix(7.4723057,0,0,-7.4723057,651.02973,401.52225)">
|
||||
<path
|
||||
d="m 0,0 c -0.97,0 -1.727,0.553 -1.727,1.451 0,0.899 0.757,1.45 1.727,1.45 1.035,0 1.797,-0.551 1.797,-1.45 C 1.797,0.553 1.035,0 0,0 m -1.521,-0.968 3.0371,0 0,-8.4984 -3.0371,0 0,8.4984 z"
|
||||
style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||
id="path2032" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.3 KiB |
21
src/img/Wheelchair_symbol.svg
Normal file
21
src/img/Wheelchair_symbol.svg
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 12.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 51448) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
|
||||
<!ENTITY ns_svg "http://www.w3.org/2000/svg">
|
||||
<!ENTITY ns_xlink "http://www.w3.org/1999/xlink">
|
||||
]>
|
||||
<svg version="1.1" id="Layer_1" xmlns="&ns_svg;" xmlns:xlink="&ns_xlink;" width="483.2226563" height="551.4306641"
|
||||
viewBox="0 0 483.2226563 551.4306641" overflow="visible" enable-background="new 0 0 483.2226563 551.4306641"
|
||||
xml:space="preserve">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="#000000" d="M161.9882813,98.1240234
|
||||
c24.9628906-2.3046875,44.3574219-23.8110352,44.3574219-48.9658203C206.3457031,22.0830078,184.2626953,0,157.1875,0
|
||||
s-49.1572266,22.0830078-49.1572266,49.1582031c0,8.2568359,2.3037109,16.7055664,6.1445313,23.8105469l17.515625,246.4667969
|
||||
l180.3964844,0.0488281l73.9912109,173.3652344l97.1445313-38.0976563l-15.0429688-35.8203125l-54.3662109,19.625
|
||||
l-71.5908203-165.2802734l-167.7294922,1.1269531l-2.3027344-31.2128906l121.4228516,0.0483398v-46.1831055l-126.0546875-0.0493164
|
||||
L161.9882813,98.1240234z"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="#000000" d="M343.4199219,451.5908203
|
||||
c-30.4472656,60.1875-94.1748047,99.8398438-162.1503906,99.8398438C81.4296875,551.4306641,0,470.0009766,0,370.1611328
|
||||
c0-70.1005859,42.4853516-135.2436523,105.8818359-164.1210938l4.1025391,53.5375977
|
||||
c-37.4970703,23.628418-60.6123047,66.262207-60.6123047,110.9506836c0,72.4267578,59.0712891,131.4970703,131.4970703,131.4970703
|
||||
c66.2617188,0,122.7646484-50.8515625,130.4697266-116.0869141L343.4199219,451.5908203z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
BIN
src/img/grey-marker.png
Normal file
BIN
src/img/grey-marker.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
|
|
@ -34,6 +34,8 @@
|
|||
<script id="popup-template" type="text/x-handlebars-template">
|
||||
<div id="resto-popup">
|
||||
<h3>{{name}} ({{capacity}} pl.)</h3>
|
||||
{{#if wheelchair}}<img src="img/Wheelchair_symbol.svg" class="wheelchair" style="width:30px;height:30px;">{{/if}}
|
||||
{{#if wifi}}<img src="img/Logo_WiFi.svg" class="wifi" style="width:40px;height:20px;">{{/if}}
|
||||
<img src="img/{{type}}.png" class="type">
|
||||
<div class="location">Locatie: {{address}}</div>
|
||||
<div class="period">{{#if period.start}}
|
||||
|
|
@ -98,7 +100,7 @@
|
|||
<script id="share-template" type="text/x-handlebars-template">
|
||||
<div class="share">
|
||||
<a href="https://www.facebook.com/Blokmap-Vlaanderen-105861927804347/" class="img-and-text-link"><img src="img/facebook.svg" alt=""> <span>Facebookpagina</span></a> |
|
||||
<a href="https://forms.gle/VMgJaSsTWdjQqMXu7">Locatie melden</a>
|
||||
<a href="https://forms.gle/H67tFQp54udB9cyR7">Locatie melden</a>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
|
|
@ -112,9 +114,13 @@
|
|||
<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 style="width: 125px; height: 18px; padding-top: 5px; padding-left: 5px;">
|
||||
<div style="height: 10px; width: 10px; background: rgb(120,120,120); margin-top: 1px; margin-left: 5px;"></div>
|
||||
<span style="position: absolute; left: 25px; top: 52px;">Opent binnenkort</span>
|
||||
</div>
|
||||
<div style="width: 140px; height: 18px; padding-top: 5px; padding-left: 5px;" class="holiday">
|
||||
<div style="height: 10px; width: 10px; background: rgb(121, 230, 121); margin-top: 0px; margin-left: 5px;"></div>
|
||||
<span style="position: absolute; left: 25px; top: 53px;">Tijdens kerstvakantie</span>
|
||||
<span style="position: absolute; left: 25px; top: 75px;">Tijdens kerstvakantie</span>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -19,10 +19,16 @@ $(document).ready(function() {
|
|||
iconUrl: "img/christmas-marker.png"
|
||||
}
|
||||
});
|
||||
var GreyIcon = L.Icon.Default.extend({
|
||||
options: {
|
||||
iconUrl: "img/grey-marker.png"
|
||||
}
|
||||
});
|
||||
|
||||
var blueIcon = new BlueIcon();
|
||||
var redIcon = new RedIcon();
|
||||
var christmasIcon = new ChristmasIcon();
|
||||
var greyIcon = new GreyIcon();
|
||||
|
||||
var now = new Date();
|
||||
var christmasSeason =
|
||||
|
|
@ -41,10 +47,16 @@ $(document).ready(function() {
|
|||
var icon = redIcon;
|
||||
var iconDescription = "red";
|
||||
if (feature.properties) {
|
||||
if (feature.properties.holidays && christmasSeason) {
|
||||
var startingDateString =feature.properties.period.start;
|
||||
var month = (parseInt(startingDateString.substring(3,5))-1);
|
||||
var startingDate = new Date("20"+startingDateString.substring(6,8),month,startingDateString.substring(0,2));
|
||||
if (Date.now()<startingDate) {
|
||||
icon = greyIcon;
|
||||
iconDescription = "grey";
|
||||
} else if (feature.properties.holidays && christmasSeason) {
|
||||
icon = christmasIcon;
|
||||
iconDescription = "christmas";
|
||||
} else if (!feature.properties.hours.saturday && !feature.properties.hours.sunday) {
|
||||
} else if ((!feature.properties.hours.saturday && !feature.properties.hours.sunday)||(feature.properties.hours.saturday.toLowerCase()==="gesloten"&&feature.properties.hours.sunday.toLowerCase()==="gesloten")) {
|
||||
icon = blueIcon;
|
||||
iconDescription = "blue";
|
||||
}
|
||||
|
|
@ -60,7 +72,7 @@ $(document).ready(function() {
|
|||
// account name = zeuswpi, details are in password manager
|
||||
// token has a restriction to only work with our domains and localhost
|
||||
accessToken: 'pk.eyJ1IjoiemV1c3dwaSIsImEiOiJja2QzMDZ1NmcwMjBtMnlxbXV2bXVpaXhuIn0.-ViXZUT9SqRI3IvB8209LQ',
|
||||
attribution: 'Achtergrondkaart © <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a>-bijdragers, <span lang="en">Imagery © <a href="https://www.mapbox.com/">Mapbox</a></span>. | <span lang="en">Made with ❤ by <a href="https://zeus.gent/">Zeus WPI</a></span> | <a href="https://zeus.gent/about/privacy/">Privacybeleid</a>',
|
||||
attribution: '<span>Achtergrondkaart © <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a>-bijdragers </span>, <span lang="en">Imagery © <a href="https://www.mapbox.com/">Mapbox</a></span>. | <span lang="en">Made with ❤ by <a href="https://zeus.gent/">Zeus WPI</a></span> | <a href="https://zeus.gent/about/privacy/">Privacybeleid</a>',
|
||||
maxZoom: 18
|
||||
}).addTo(map);
|
||||
|
||||
|
|
@ -170,9 +182,5 @@ $(document).ready(function() {
|
|||
position: "bottomright"
|
||||
}).addTo(map);
|
||||
|
||||
var notice = new SimpleControl("#notice-template", "notice", {
|
||||
position: "bottomleft"
|
||||
}).addTo(map);
|
||||
|
||||
L.control.zoom().addTo(map);
|
||||
});
|
||||
|
|
|
|||
Loading…
Reference in a new issue