Simulate graph states in the browser
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

преди 7 години
преди 7 години
преди 7 години
преди 7 години
преди 7 години
преди 7 години
преди 7 години
преди 7 години
преди 7 години
преди 7 години
преди 7 години
преди 7 години
преди 7 години
преди 7 години
преди 7 години
преди 7 години
преди 7 години
преди 7 години
преди 7 години
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>abp</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1" />
  7. <link rel="stylesheet" href="{{ url_for("static", filename="main.css") }}">
  8. <script src="{{ url_for("static", filename="scripts/three.js") }}"></script>
  9. <script src="{{ url_for("static", filename="scripts/orbitcontrols.js") }}"></script>
  10. <script src="{{ url_for("static", filename="scripts/anders_briegel.js") }}"></script>
  11. <script src="{{ url_for("static", filename="scripts/mouse.js") }}"></script>
  12. <script src="{{ url_for("static", filename="scripts/materials.js") }}"></script>
  13. <script src="{{ url_for("static", filename="scripts/graph.js") }}"></script>
  14. <script src="{{ url_for("static", filename="scripts/gui.js") }}"></script>
  15. <script src="{{ url_for("static", filename="scripts/editor.js") }}"></script>
  16. <script src="{{ url_for("static", filename="scripts/api.js") }}"></script>
  17. <script src="{{ url_for("static", filename="scripts/main.js") }}"></script>
  18. </head>
  19. <body>
  20. <img id=ball src="{{url_for("static", filename="img/ball.png") }}" style=display:none;>
  21. <img id=tip src="{{url_for("static", filename="img/tip.png") }}" style=display:none;>
  22. <div id=node_info class=hidden> </div>
  23. <div id=server_info class=hidden> </div>
  24. <!--<div id=version>ABP version 0.4.27</div>-->
  25. <div id=node_data class=hidden>
  26. <div id=node_name></div>
  27. <ul>
  28. <li id=node_vop></li>
  29. <li>Measure in
  30. <a href="#" onclick="editor.measureX()">X</a> /
  31. <a href="#" onclick="editor.measureY()">Y</a> /
  32. <a href="#" onclick="editor.measureZ()">Z</a></li>
  33. <li>Act
  34. <a href="#" onclick="editor.hadamard()">Hadamard</a> /
  35. <a href="#" onclick="editor.phase()">Phase</a></li>
  36. <li><a href="#" onclick="editor.localComplementation()">Invert neighbourhood</a></li>
  37. <li><a href="#" onclick="editor.deleteNode()">Delete</a></li>
  38. </ul>
  39. </div>
  40. <div id=controls>
  41. <ul>
  42. <li><a href="#" onclick="editor.clear()">Clear graph</a></li>
  43. <li><a href="#" onclick="editor.raussendorf()">Replace with Raussendorf</a></li>
  44. </ul>
  45. </div>
  46. <div id=help>
  47. <h3>Usage:</h3>
  48. Click on the grid to make a new node<br/>
  49. Ctrl-click a node to do a Hadamard<br/>
  50. Select a node, then shift-click another node to do a CZ<br/>
  51. Press space to rotate the grid<br/>
  52. <h3>API usage:</h3>
  53. GET https://abv.peteshadbolt.co.uk/graph -> JSON<br/>
  54. POST JSON -> https://abv.peteshadbolt.co.uk/graph<br/>
  55. POST JSON -> https://abv.peteshadbolt.co.uk/edit
  56. <p>See <a href="/doc">here</a> for docs.</p>
  57. </div>
  58. </body>
  59. </html>