Block access to interactive UI when we're not connected, since values may be stale and changes may be delayed.

static/spinner.svg

@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
+<style type="text/css" >
+  <![CDATA[
+@keyframes coloredBounce {
+  0% {
+    fill: #430a39;
+    transform: translate(0, -20px);
+  }
+
+  20% {
+    fill: #bc1550;
+    transform: translate(19px, -6px);
+  }
+
+  40% {
+    fill: #e87f02;
+    transform: translate(12px, 16px);
+  }
+
+  60% {
+    fill: #f5c700;
+    transform: translate(-12px, 16px);
+  }
+
+  80% {
+    fill: #88990f;
+    transform: translate(-19px, -6px);
+  }
+
+  100% {
+    fill: #430a39;
+    transform: translate(0, -20px);
+  }
+}
+
+circle {
+  animation: coloredBounce 5s linear infinite;
+}
+  ]]>
+</style>
+<circle r="5" cx="50" cy="50"></circle>
+<circle r="5" cx="50" cy="50" style="animation-delay: -1s"></circle>
+<circle r="5" cx="50" cy="50" style="animation-delay: -2s"></circle>
+<circle r="5" cx="50" cy="50" style="animation-delay: -3s"></circle>
+<circle r="5" cx="50" cy="50" style="animation-delay: -4s"></circle>
+</svg>