diff --git a/history.html b/history.html index e2b6e13..1a7f568 100644 --- a/history.html +++ b/history.html @@ -207,41 +207,6 @@ right: 0.5em; } - .leaflet-marker-icon.node-online { - filter: hue-rotate(203deg) brightness(1.5); - -webkit-filter: hue-rotate(203deg) brightness(1.5); - opacity: 0.9; - } - - .leaflet-marker-icon.node-new { - filter: hue-rotate(88deg) brightness(1.5); - -webkit-filter: hue-rotate(88deg) brightness(1.5); - } - - .leaflet-marker-icon.node-offline { - filter: saturate(160%); - -webkit-filter: saturate(160%); - } - - .leaflet-marker-icon.node-alert { - -webkit-animation: blink 2s linear; - -webkit-animation-iteration-count: infinite; - animation: blink 2s linear; - animation-iteration-count: infinite; - } - - @-webkit-keyframes blink { - 0% { opacity: 1.0; } - 80% { opacity: 1.0; } - 90% { opacity: 0.0; } - } - - @keyframes blink { - 0% { opacity: 1.0; } - 80% { opacity: 1.0; } - 90% { opacity: 0.0; } - } - @media screen and (max-width: 80em) { .sidebar { font-size: 0.8em; diff --git a/img/circlemarker.png b/img/circlemarker.png deleted file mode 100644 index 71c3689..0000000 Binary files a/img/circlemarker.png and /dev/null differ diff --git a/img/circlemarker@2x.png b/img/circlemarker@2x.png deleted file mode 100644 index ea33254..0000000 Binary files a/img/circlemarker@2x.png and /dev/null differ diff --git a/lib/map.js b/lib/map.js index 6ae9dec..fb9fe08 100644 --- a/lib/map.js +++ b/lib/map.js @@ -4,11 +4,7 @@ define(function () { } function mkMarker(dict, iconFunc, gotoAnything) { return function (d) { - var opt = { icon: iconFunc(d), - title: d.nodeinfo.hostname - } - - var m = L.marker([d.nodeinfo.location.latitude, d.nodeinfo.location.longitude], opt) + var m = L.circleMarker([d.nodeinfo.location.latitude, d.nodeinfo.location.longitude], iconFunc(d)) m.on('click', gotoAnything.node(d, false)) m.bindPopup(d.nodeinfo.hostname) @@ -42,28 +38,9 @@ define(function () { return lines } - var iconBase = { iconUrl: 'img/circlemarker.png', - iconRetinaUrl: 'img/circlemarker@2x.png', - iconSize: [17, 17], - iconAnchor: [8, 8], - popupAnchor: [0, -3] - } - - var iconOnline = Object.assign({}, iconBase) - iconOnline.className = "node-online" - iconOnline = L.icon(iconOnline) - - var iconOffline = Object.assign({}, iconBase) - iconOffline.className = "node-offline" - iconOffline = L.icon(iconOffline) - - var iconNew = Object.assign({}, iconBase) - iconNew.className = "node-new" - iconNew = L.icon(iconNew) - - var iconOfflineAlert = Object.assign({}, iconBase) - iconOfflineAlert.className = "node-offline node-alert" - iconOfflineAlert = L.icon(iconOfflineAlert) + var iconOnline = { color: "#1566A9", radius: 6, fillOpacity: 0.5 } + var iconOffline = { color: "#D43E2A", radius: 6, fillOpacity: 0.5 } + var iconNew = { color: "#558020", radius: 6, fillOpacity: 0.5 } return function (sidebar) { var self = this @@ -98,10 +75,7 @@ define(function () { if (d.flags.online) return iconNew - if (d.lastseen.isAfter(moment(now).subtract(1, 'days'))) - return iconOfflineAlert - else - return iconOffline + return iconOffline }, gotoAnything)) var onlinemarkers = subtract(onlinenodes.filter(has_location), newnodes)