<head>
  <title>SVG Clock Demo</title>
</head>

<body>
  <svg xmlns="http://www.w3.org/2000/svg"
       width="350" height="350"
       viewBox="-110 -110 220 220"
       style="display: block; margin: 0 auto;">

    <!-- bounding circle -->
    <circle style="stroke: black; fill: #eee;"
            cx="0" cy="0" r="100"/>

    <!-- hour, minute and second hands -->
    {{#with handData}}
      <line {{radial hourDegrees 0 .55}}
            style="stroke-width: 6px;
                   stroke: green;" />
   