Add more links and labels to clocks (#552)

src/subcommand/server.rs

@@ -1081,20 +1081,9 @@ mod tests {
   #[test]
   fn clock_updates() {
     let test_server = TestServer::new();
-
-    test_server.assert_response_regex(
-      "clock",
-      StatusCode::OK,
-      r#".*<line y2="-9" transform="rotate\(0\)"/>.*"#,
-    );
-
+    test_server.assert_response_regex("/clock", StatusCode::OK, ".*<text.*>0</text>.*");
     test_server.bitcoin_rpc_server.mine_blocks(1);
-
-    test_server.assert_response_regex(
-      "clock",
-      StatusCode::OK,
-      r#".*<line y2="-9" transform="rotate\(0.00005194805194805195\)"/>.*"#,
-    );
+    test_server.assert_response_regex("/clock", StatusCode::OK, ".*<text.*>1</text>.*");
   }
 
   #[test]

src/subcommand/server/templates/clock.rs

@@ -86,10 +86,13 @@ mod tests {
   fn clock_svg() {
     assert_regex_match!(
       ClockSvg::new(Height(6929999)).to_string(),
-      r##"<svg.*<text.*>6929999</text>.*
-  <line y2="-9" transform="rotate\(359.9999480519481\)"/>
-  <line y2="-13" stroke-width="0.6" transform="rotate\(359.9982857142857\)"/>
-  <line y2="-16" stroke="#d00505" stroke-width="0.2" transform="rotate\(179.82142857142858\)"/>.*</svg>
+      r##"<svg.*>.*
+  <text.*>6929999</text>.*
+  <line y2="-9" transform="rotate\(359.9999480519481\)"><title>Subsidy</title></line>.*
+  <line y2="-13" stroke-width="0.6" transform="rotate\(359.9982857142857\)"><title>Epoch</title></line>.*
+  <line y2="-16" stroke="#d00505" stroke-width="0.2" transform="rotate\(179.82142857142858\)"><title>Period</title></line>.*
+  <circle r="0.7" stroke="#d00505" stroke-width="0.3"/>.*
+</svg>
 "##,
     );
   }