From f337b0d81ec5aab66466745c8f82b1fb272f77f8 Mon Sep 17 00:00:00 2001
From: Juan Martin <martinmuda@gmail.com>
Date: Wed, 7 Jun 2023 08:52:13 -0300
Subject: [PATCH] update example

---
 examples/watch.html | 19 +++++--------------
 1 file changed, 5 insertions(+), 14 deletions(-)

diff --git a/examples/watch.html b/examples/watch.html
index 03a68aa..db0508c 100644
--- 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>