Simulate graph states in the browser
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

70 lignes
2.6KB

  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>