update example

zumerlab · Jun 7, 2023 · f337b0d · f337b0d
1 parent a9f43cd
commit f337b0d
Showing 1 changed file with 5 additions and 14 deletions.
diff --git a/examples/watch.html b/examples/watch.html
@@ -43,21 +43,12 @@
         <div class="item xs ">10</div>
         <div class="item xs ">11</div>
       </div>
-        <div class="ring-2 items-12 offset-270"></div>
+
         <svg>
-          <circle class="percent hour" pathLength="100" style="r: 110px"/> 
-          <circle class="percent minute" pathLength="100" style="r: 70px"/> 
-          <circle class="percent second" pathLength="100" style="r: 50px; "/> 
-          <circle  pathLength="100" style="
-          cx: calc(var(--diam) / 2 * 1px);
-          cy: calc(var(--diam) / 2 * 1px);
-          r: 140px;
-          fill: none;
-          stroke: #9119e069;
-          stroke-width: 10px; 
-          stroke-dasharray: 0.4 1;
-          stroke-dashoffset: 100px;
-          "/> 
+          <circle class="percent hour" style="--r: 110px"/> 
+          <circle class="percent minute" style="--r: 70px"/> 
+          <circle class="percent second" style="--r: 50px; "/> 
+          <circle class="markers"/> 
         </svg>
       </div>
     </div>