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.

index.html 2.5KB

il y a 7 ans
il y a 7 ans
il y a 7 ans
il y a 7 ans
il y a 7 ans
il y a 7 ans
il y a 7 ans
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  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=help>
  41. <h3>Usage:</h3>
  42. Click on the grid to make a new node
  43. Ctrl-click a node to do a Hadamard
  44. Select a node, then shift-click another node to do a CZ
  45. Press space to rotate the grid
  46. <h3>API usage:</h3>
  47. GET https://abv.peteshadbolt.co.uk/graph -> JSON<br/>
  48. POST JSON -> https://abv.peteshadbolt.co.uk/graph
  49. <h3>TODO:</h3>
  50. GET https://abv.peteshadbolt.co.uk/hadamard/0<br/>
  51. GET https://abv.peteshadbolt.co.uk/cz/0/1<br/>
  52. GET https://abv.peteshadbolt.co.uk/measure/10/x<br/>
  53. etc.
  54. <p>See <a href="/doc">here</a> for docs.</p>
  55. </div>
  56. </body>
  57. </html>