diff options
-rw-r--r-- | tor-metrics/templates/relay-list.html | 4 | ||||
-rw-r--r-- | tor-metrics/templates/skeleton.html | 22 |
2 files changed, 19 insertions, 7 deletions
diff --git a/tor-metrics/templates/relay-list.html b/tor-metrics/templates/relay-list.html index ada0b2b..4281fef 100644 --- a/tor-metrics/templates/relay-list.html +++ b/tor-metrics/templates/relay-list.html @@ -28,9 +28,9 @@ {% set obs_bandwidth = '%s %s'|format((relay['observed_bandwidth'] / 1000)|round(2, 'common'), 'KB/s') %}{% endif %} {% if relay['running'] %} - <td class="relay-online" title="This relay is online">⚫</td> + <td><span class="circle circle-online" title="This relay is online"></span></td> {% else %} - <td class="relay-offline" title="This relay is offline">⚫</td> + <td><span class="circle circle-offline" title="This relay is offline"></span></td> {% endif %} {% if key != 'family' and relay['effective_family']|length > 1 %} diff --git a/tor-metrics/templates/skeleton.html b/tor-metrics/templates/skeleton.html index bfc2dc9..d236def 100644 --- a/tor-metrics/templates/skeleton.html +++ b/tor-metrics/templates/skeleton.html @@ -7,13 +7,25 @@ <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="{{ path_prefix }}static/css/bootstrap.min.css"> - <!--colors from metrics.torproject.org--> + <!--source: metrics.torproject.org--> <style> - .relay-online { - color: #25d918; + .circle { + display: inline-block; + vertical-align: middle; + background: #999999; + width: 7px; + height: 7px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; } - .relay-offline { - color: #ff1515; + + .circle-online { + background: #25d918; + } + + .circle-offline { + background: #ff1515; } .verified-hostname { color: #FE9F30; |