Adding options panel.

abp/static/index.html

@@ -27,21 +27,28 @@
 <div id=version>Version 0.4.25</div>
 
 <div id=node_data class=hidden>
-<div id=node_name></div>
+    <div id=node_name></div>
+    <ul>
+        <li id=node_vop></li>
+        <li>Measure in 
+        <a href="#" onclick="editor.measureX()">X</a> / 
+        <a href="#" onclick="editor.measureY()">Y</a> / 
+        <a href="#" onclick="editor.measureZ()">Z</a></li>
+        <li>Act 
+        <a href="#" onclick="editor.hadamard()">Hadamard</a> / 
+        <a href="#" onclick="editor.phase()">Phase</a></li>
+        <li><a href="#" onclick="editor.localComplementation()">Invert neighbourhood</a></li>
+        <li><a href="#" onclick="editor.deleteNode()">Delete</a></li>
+    </ul>
+</div>
+
+
+<div id=options>
 <ul>
-    <li id=node_vop></li>
-    <li>Measure in 
-    <a href="#" onclick="editor.measureX()">X</a> / 
-    <a href="#" onclick="editor.measureY()">Y</a> / 
-    <a href="#" onclick="editor.measureZ()">Z</a></li>
-    <li>Act 
-    <a href="#" onclick="editor.hadamard()">Hadamard</a> / 
-    <a href="#" onclick="editor.phase()">Phase</a></li>
-    <li><a href="#" onclick="editor.localComplementation()">Invert neighbourhood</a></li>
-    <li><a href="#" onclick="editor.deleteNode()">Delete</a></li>
+    <li>Curved edges</li>
+    <li>Show grid</li>
 </ul>
 </div>
 
-
 </body>
 </html>

abp/static/main.css

@@ -41,6 +41,19 @@ html, body { margin: 0; padding: 0; overflow: hidden; font-size:  10pt; font-fam
     font-size: 9pt;
 }
 
+#options {
+    background-color: rgba(256, 256, 256, .5);
+    color: black;
+    padding: 10px;
+    font-family: monospace;
+    position: absolute;
+    text-align: right;
+    bottom: 10px;
+    right: 10px;
+    font-size: 9pt;
+}
+
+
 #version {
     color:black;
     padding: 10px;