More clearly distinguish between running and non-running relays

css/style.css

@@ -72,6 +72,10 @@ span.flags img {
     top:60px;
 }
 
+tr.down td img.flags {
+    opacity:0.3;
+}
+
 dd {
     margin-left: 0;
     margin-bottom: 1.2em;

js/models/relay.js

@@ -198,6 +198,11 @@ define([
                         relay.flags.push("Not Recommended");
                     }
                     relay.flags = model.parseflags(relay.flags, size);
+                    if (relay.running===false) {
+                        relay.flags.forEach(function(item, index, arr){
+                            relay.flags[index][2] += "<br>(Last seen " + relay.uptime_hr + " ago.)";
+                        });
+                    }
                     model.set(relay, options);
                     success(model, relay);
                 } else {

templates/search/do.html

@@ -69,15 +69,10 @@ <h1 id="search-title"></h1>
 <% var i = 0; %>
 
 <% _.each(relays, function(relay) { %>
-		<% if (i % 2 == 0 ) { %>
-			<tr class="even">
-		<% } else { %>
-			<tr class="odd">
-		<% } %>
+            <tr class="<%= i % 2 == 0 ? 'even' : 'odd' %><%= (relay.get('running') === false) ? ' down' : '' %>">
 			<td>
-            <a href="#details/<%= relay.get('fingerprint') %>">
-            <%= _.escape(relay.get('nickname')) %>
-            </a>
+            <a href="#details/<%= relay.get('fingerprint') %>"><%= _.escape(relay.get('nickname')) %></a>
+            <% if (relay.get('running') === false) { %><span class="label label-important">offline</span><% } %>
             </td>
 			<td><span data-filter="<%= relay.get('bandwidth') %>"><%= relay.get('bandwidth_hr') %></td>
 			<td>