diff --git a/history.html b/history.html index c45955f..8d53049 100644 --- a/history.html +++ b/history.html @@ -211,6 +211,25 @@ right: 0.5em; } + .map .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/lib/map.js b/lib/map.js index d44a639..35bf2ed 100644 --- a/lib/map.js +++ b/lib/map.js @@ -50,6 +50,7 @@ define(function () { var iconOnline = { color: "#1566A9", radius: 6, fillOpacity: 0.5, weight: 2, className: "stroke-first" } var iconOffline = { color: "#D43E2A", radius: 6, fillOpacity: 0.5, weight: 2, className: "stroke-first" } + var iconAlert = { color: "#D43E2A", radius: 6, fillOpacity: 0.5, weight: 2, className: "stroke-first node-alert" } var iconNew = { color: "#558020", radius: 6, fillOpacity: 0.5, weight: 2, className: "stroke-first" } var groupOnline, group @@ -87,6 +88,9 @@ define(function () { if (d.flags.online) return iconNew + if (d.lastseen.isAfter(moment(now).subtract(1, 'days'))) + return iconAlert + return iconOffline }, gotoAnything))