Clip along selected axis (WIP)

index.html

@@ -16,7 +16,7 @@
 
     <!-- OpenGraph tags -->
     <meta property="og:title" content="SCAENE" />
-    <meta property="og:description" content="__APPDESC__" />
+    <meta property="og:description" content="Web App 3D per il progetto PRINN 'SCAENAE'" />
     <meta property="og:image" content="appicon.png" />
 	<meta property="og:image:secure_url" content="appicon.png" />
 	<meta property="og:image:type" content="image/png" />
@@ -78,11 +78,24 @@
             <a class="btn aton-btn fs-5" id="clipper" title="Clipper">
                 <i class="bi bi-scissors"></i>
             </a>
+            <div class="d-none
+                position-absolute
+                top-0 start-50
+                translate-middle bg-light
+                px-4 pt-2 pb-2 bg-opacity-50
+                rounded-bottom-3
+                mt-4 text-center"
+            id="clipper-bar">
+                <button class="btn aton-btn d-inline" id="clipX">X</button>
+                <button class="btn aton-btn d-inline" id="clipY">Y</button>
+                <button class="btn aton-btn d-inline" id="clipZ">Z</button>
+            </div>
             <a class="btn aton-btn fs-5 float-end" id="menu" title="Menu">
                 <i class="bi bi-list"></i>
             </a>
         </div>
 
+
         <!-- TODO CSS-only popover -->
         <div class="card d-none" id="shadows-popover" popover>Disabilitare le ombre può migliorare le prestazioni</div>