Small optimizations

static/index.html

@@ -26,12 +26,19 @@
 <div id=server_info class=hidden> </div>
 
 <div id=pallette>
+<h3>Node (5,2)</h3>
 <ul>
-    <li>add_qubit</li>
-    <li>delete_qubit</li>
-    <li>hadamard</li>
-    <li>cz</li>
-    <li>clear</li>
+    <li>VOP: Hadamard</li>
+    <li>x: 0 | y: 5 | z: 10</li>
+    <li><a href="#">Measure in X</a></li>
+    <li><a href="#">Measure in Y</a></li>
+    <li><a href="#">Measure in Z</a></li>
+    <li><a href="#">Act Hadamard</a></li>
+    <li>
+    <a href="#">IA</a>
+    <a href="#">IB</a>
+    </li>
+    <li><a href="#">Delete</a></li>
 </ul>
 </div>
 

static/main.css

@@ -21,7 +21,7 @@ html, body { margin: 0; padding: 0; overflow: hidden; font-size:  10pt; font-fam
     padding: 10px;
     font-family:"courier new";
     position: absolute;
-    bottom: 10px;
+    top: 10px;
     right: 10px;
     font-size: 9pt;
 }
@@ -34,7 +34,7 @@ html, body { margin: 0; padding: 0; overflow: hidden; font-size:  10pt; font-fam
     font-family:"courier new";
     position: absolute;
     top: 10px;
-    right: 10px;
+    left: 10px;
     font-size: 9pt;
 }
 
@@ -45,6 +45,12 @@ ul {
     margin: 0px;
 }
 
+li{
+    padding:3px;
+}
+
+
+
 .visible {
   visibility: visible;
   opacity: 1;
@@ -62,3 +68,10 @@ ul {
 a {
     color: yellow;
 }
+
+h3 {
+    padding-top: 0px;
+    padding-bottom: 0px;
+    margin-top: 2px;
+    margin-bottom: 2px;
+}

static/scripts/materials.js

@@ -15,6 +15,10 @@ materials.prepare = function() {
         transparent: false,
         linewidth: 1
     });
+    materials.gimbalEdge = new THREE.LineBasicMaterial({
+        color: "black",
+        linewidth: 1,
+    });
     materials.tip = new THREE.PointsMaterial({
         size: 0.4,
         map: tipSprite,

static/scripts/mouse.js

@@ -47,6 +47,7 @@ mouse.onUp = function(event) {
 };
 
 mouse.onMove = function(event) {
+    // TODO: wasclick sux
     mouse.wasClick = false;
     mouse.position_absolute = {
         x: event.clientX,