Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
@tinchox5
tinchox5 committed Oct 3, 2023
1 parent 37da6c6 commit b5446e4
Showing 1 changed file with 51 additions and 38 deletions.
89 changes: 51 additions & 38 deletions examples/watch.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,49 +28,62 @@
<hr class="orbiter line minuto" style="width: 160px; height: 3px; border:1px solid rgb(157, 2, 247); --angle: 0; --orbiter-number: 2;">
<hr class="orbiter line segundo" style="width: 210px; height: 1px; border:1px solid rgb(0, 245, 61); --angle: 0; --orbiter-number: 2;">
</div>
<div class="orbit offset-270 limit-90">
<div class="sector"></div>
<div class="sector"></div>
<div class="sector"></div>
</div>
<div class="orbit offset-270 limit-90">
<div class="orbiter s upper d-h transparent"></div>
<div class="orbiter s upper d-m transparent"></div>
<div class="orbiter s upper d-s transparent"></div>
</div>
<div class="orbit offset-270">
<div class="orbiter xs ">12</div>
<div class="orbiter xs ">1</div>
<div class="orbiter xs ">2</div>
<div class="orbiter xs ">3</div>
<div class="orbiter xs ">4</div>
<div class="orbiter xs ">5</div>
<div class="orbiter xs ">6</div>
<div class="orbiter xs ">7</div>
<div class="orbiter xs ">8</div>
<div class="orbiter xs ">9</div>
<div class="orbiter xs ">10</div>
<div class="orbiter xs ">11</div>
</div>
<div class="orbit offset-270">
<svg class="z-svg">
<circle class="svg-progress hour" style="--stroke: 60"/>
</svg>
</div>
<div class="orbit">
<svg class="z-svg">
<circle class="markers"/>
</svg>
<div class="orbit offset-270 limit-90">
<div class="sector"></div>
<div class="sector"></div>
<div class="sector"></div>
</div>
<div class="orbit offset-270 limit-90">
<div class="orbiter s upper d-h transparent"></div>
<div class="orbiter s upper d-m transparent"></div>
<div class="orbiter s upper d-s transparent"></div>
</div>

<div class="orbit">
<svg class="z-svg">
<circle class="svg-progress second" />
</svg>
</div>
<div class="orbit">
<svg class="z-svg">
<circle class="svg-progress minute" />
</svg>
<div class="orbit offset-270">
<div class="orbiter xs ">12</div>
<div class="orbiter xs ">1</div>
<div class="orbiter xs ">2</div>
<div class="orbiter xs ">3</div>
<div class="orbiter xs ">4</div>
<div class="orbiter xs ">5</div>
<div class="orbiter xs ">6</div>
<div class="orbiter xs ">7</div>
<div class="orbiter xs ">8</div>
<div class="orbiter xs ">9</div>
<div class="orbiter xs ">10</div>
<div class="orbiter xs ">11</div>
</div>

<div class="orbit">
<svg class="z-svg">
<circle class="svg-progress minute" />
</svg>
</div>
</div>
<div class="orbit">
<svg class="z-svg">
<circle class="svg-progress second" />
</svg>
<div class="orbit offset-270">
<svg class="z-svg">
<circle class="svg-progress hour" style="--stroke: 60"/>
</svg>
</div>
<div class="orbit">
<svg class="z-svg">
<circle class="markers"/>
</svg>
</div>
</div>





</div>
</div>
</div>
Expand Down

0 comments on commit b5446e4

Please sign in to comment.