From 987ef79674c091487e0fbdc2455fa82637376015 Mon Sep 17 00:00:00 2001
From: Jordan <me@jordan.im>
Date: Wed, 16 Sep 2020 12:16:26 -0700
Subject: display unverified hostnames and colorize, closes #7

---
 tor-metrics/templates/relay-info.html |  4 +++-
 tor-metrics/templates/skeleton.html   | 10 ++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/tor-metrics/templates/relay-info.html b/tor-metrics/templates/relay-info.html
index 1623b75..f46d585 100644
--- a/tor-metrics/templates/relay-info.html
+++ b/tor-metrics/templates/relay-info.html
@@ -122,7 +122,9 @@
             <dt>Host Name</dt>
             <dd>
             {% if relay['verified_host_names'] -%}
-                <pre>{{ relay['verified_host_names'][0]|escape }}</pre>
+                <pre class="verified-hostname" title="verified hostname">{{ relay['verified_host_names']|join('\n')|escape }}</pre>
+            {% elif relay['unverified_host_names'] -%}
+                <pre class="unverified-hostname" title="unverified hostname">{{ relay['unverified_host_names']|join('\n')|escape }}</pre>
             {% else -%}
                 <pre>none</pre>
             {% endif -%}
diff --git a/tor-metrics/templates/skeleton.html b/tor-metrics/templates/skeleton.html
index 239d11d..bfc2dc9 100644
--- a/tor-metrics/templates/skeleton.html
+++ b/tor-metrics/templates/skeleton.html
@@ -7,6 +7,7 @@
     <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-->
     <style>
 		.relay-online {
 			color: #25d918;
@@ -14,6 +15,15 @@
 		.relay-offline {
 			color: #ff1515;
 		}
+        .verified-hostname {
+            color: #FE9F30;
+        }
+        .verified-hostname {
+            color: #68b030;
+        }
+        .unverified-hostname {
+            color: #FE9F30;
+        }
 	</style>
 </head>
 {% endblock %}
-- 
cgit v1.2.3-54-g00ecf