clock: wip svg, wip

Signed-off-by: Ian Jackson <ijackson@chiark.greenend.org.uk>

diff --git a/server dummy - alice - Otter.html b/server dummy - alice - Otter.html
index 29c951b87ac6c62d193ca79005acb4083ddc37b7..11532a95446ab38876130a7dda79458e5c77d64f 100644 (file)
--- a/server dummy - alice - Otter.html
+++ b/server dummy - alice - Otter.html
@@ -306,10 +306,25 @@ g
 <g transform="translate(-25,-10)">
 
 
-        <rect fill="white" stroke="black" width="50" height="20"></rect>
-<text x="1" y="8" font-family="monospace" font-size="8">999:99</text>
-<text x="30" y="8" font-size="6">Slartibartfast</text>
-<text x="1" y="18" font-family="monospace" font-size="8">999:99</text>
+<rect y="0" fill="yellow" width="50" height="10"/>
+<rect y="10" fill="red" width="50" height="10"/>
+<!-- 
+    clock running                    yellow         >   &#x25b6;
+    clock would run but held         yellow         =   &#x2016;
+    other player                     white          :
+    clock stopped                    light blue     []  &#x25a1;
+    clock reset (both players only)  light green    O   &#x25cb;
+    flag                             white / red    F   &#x2691;
+    player missing                   pink               space
+-->
+<rect fill="none" stroke="black" width="50" height="20"></rect>
+<clipPath id="clockclip42">
+        <rect width="50" height="20"></rect>
+</clipPath>
+<text x="1" y="8" font-family="monospace" font-size="8">999&#x25cb;99</text>
+<text x="31" y="8" clip-path="url(#clockclip42)" font-size="6">Slartibartfast</text>
+<text x="1" y="18" font-family="monospace" fill="yellow" font-size="8">999&#x2691;99</text>
+<text x="31" y="18" background="blue" fill="yellow" clip-path="url(#clockclip42)" font-size="6">Diz</text>
 
 </g>