Tidy server banner: hide ms, remove location line, rename to 'Your optimal server'

.impeccable/live/config.json

@@ -0,0 +1,6 @@
+{
+  "files": ["index.html", "support.html", "legal.html"],
+  "insertBefore": "</body>",
+  "commentSyntax": "html",
+  "cspChecked": true
+}

index.html

@@ -64,9 +64,9 @@
     <section class="server-banner" id="serverBanner">
       <div class="container">
         <div class="server-banner-header">
-          <span class="server-banner-kicker">Global Server Network</span>
+          <span class="server-banner-kicker">Your optimal server</span>
           <span class="server-banner-status" id="bannerStatus">
-            <span class="status-dot"></span> Testing all locations...
+            <span class="status-dot"></span> Finding your fastest route...
           </span>
         </div>
         <div class="server-grid" id="serverGrid"></div>

script.js

@@ -498,14 +498,9 @@ var si = 0,
               function updateCardPing(card, time) {
                 var wrap = card.el.querySelector('.server-ping-wrap');
                 if (time < 0) {
-                  wrap.innerHTML = '<span class="server-ping-ms" style="color:rgba(255,255,255,0.25);font-size:0.78rem">unreachable</span>';
+                  wrap.innerHTML = '<span class="server-ping-label" style="color:rgba(255,255,255,0.2)">unreachable</span>';
                 } else {
-                  var ms = time.toFixed(0);
-                  var cls = 'done';
-                  if (time < 100) cls += ' fast';
-                  wrap.innerHTML =
-                    '<span class="server-ping-ms ' + cls + '">' + ms + '</span>' +
-                    '<span class="server-ping-unit">ms</span>';
+                  wrap.innerHTML = '<span class="server-ping-label done">connected</span>';
                 }
               }
 
@@ -521,19 +516,7 @@ var si = 0,
                 });
                 /* Update banner status */
                 bannerStatus.innerHTML =
-                  '<span class="status-dot" style="animation:none;background:#4ade80;opacity:1;transform:scale(1)"></span> All locations tested';
-                /* Show optimal server */
-                var bestCard = cards.filter(function(c) { return c.server.host === best.host; })[0];
-                if (bestCard) {
-                  setTimeout(function() {
-                    optimalEl.innerHTML =
-                      '<div class="server-optimal-inner">' +
-                        '<span class="optimal-arrow">&#8593;</span> ' +
-                        'Your optimal server location: <strong>' + bestCard.server.city + '</strong> (' + best.time.toFixed(0) + ' ms)' +
-                      '</div>';
-                    optimalEl.classList.add('visible');
-                  }, 600);
-                }
+                  '<span class="status-dot" style="animation:none;background:#4ade80;opacity:1;transform:scale(1)"></span> Fastest route found';
               }
 
               /* Ping all servers in parallel */