update example

zumerlab · Apr 28, 2023 · ab94af6 · ab94af6
1 parent 15101b9
commit ab94af6
Showing 1 changed file with 41 additions and 10 deletions.
diff --git a/examples/arc.html b/examples/arc.html
@@ -17,18 +17,49 @@
       <div class="core items-1">
         <div class="item s" style="transform: translate(-50%, -50%);"></div>
       </div>
+      <div>
+
+      </div>
+      <div class="ring-2 items-6">
+        <div class=" item m lower transparent surface "></div>
+        <div class="item m lower transparent surface"></div> 
+        <div class="item m lower transparent surface"></div>
+        <div class=" item m lower transparent surface "></div>
+        <div class="item m lower transparent surface"></div> 
+        <div class="item m lower transparent surface"></div>
+      </div>
+
       <div class="ring-3 items-6">
-         <div class=" item m upper transparent surface ">
-        </div>
-        <div class="item m upper transparent surface">
-        </div> 
-        <div class="item m upper transparent surface">
-        </div>
-        <div class=" item m upper transparent surface ">
-        </div>
-        <div class="item m upper transparent surface">
-        </div> 
+        <div class=" item m lower transparent surface "></div>
+        <div class="item m lower transparent surface"></div> 
+        <div class="item m lower transparent surface"></div>
+        <div class=" item m lower transparent surface "></div>
+        <div class="item m lower transparent surface"></div> 
+        <div class="item m lower transparent surface"></div>
+      </div>
+      <div class="ring-3 items-6">
+        <div class=" item m lower  "></div>
+        <div class="item m lower "></div> 
+        <div class="item m lower "></div>
+        <div class=" item m lower  "></div>
+        <div class="item m lower "></div> 
+        <div class="item m lower "></div>
+      </div>
+      <div class="ring-4 items-6">
+        <div class=" item m upper transparent surface "></div>
+        <div class="item m upper transparent surface"></div> 
+        <div class="item m upper transparent surface"></div>
+        <div class=" item m upper transparent surface "></div>
+        <div class="item m upper transparent surface"></div> 
         <div class="item m upper transparent surface">
+            <div class="ring-2 items-6">
+                <div class=" item m lower  "></div>
+                <div class="item m lower "></div> 
+                <div class="item m lower "></div>
+                <div class=" item m lower  "></div>
+                <div class="item m lower "></div> 
+                <div class="item m lower "></div>
+              </div>
         </div>
       </div>
     </div>