|
- <!DOCTYPE html>
-
- <html lang="en">
- <head>
- <title>abp</title>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1" />
- <link rel="stylesheet" href="{{ url_for("static", filename="main.css") }}">
- <script src="{{ url_for("static", filename="scripts/three.js") }}"></script>
- <script src="{{ url_for("static", filename="scripts/orbitcontrols.js") }}"></script>
- <script src="{{ url_for("static", filename="scripts/anders_briegel.js") }}"></script>
- <script src="{{ url_for("static", filename="scripts/mouse.js") }}"></script>
- <script src="{{ url_for("static", filename="scripts/materials.js") }}"></script>
- <script src="{{ url_for("static", filename="scripts/graph.js") }}"></script>
- <script src="{{ url_for("static", filename="scripts/gui.js") }}"></script>
- <script src="{{ url_for("static", filename="scripts/editor.js") }}"></script>
- <script src="{{ url_for("static", filename="scripts/api.js") }}"></script>
- <script src="{{ url_for("static", filename="scripts/main.js") }}"></script>
- </head>
-
- <body>
- <img id=ball src="{{url_for("static", filename="img/ball.png") }}" style=display:none;>
- <img id=tip src="{{url_for("static", filename="img/tip.png") }}" style=display:none;>
- <div id=node_info class=hidden> </div>
- <div id=server_info class=hidden> </div>
-
- <!--<div id=version>ABP version 0.4.27</div>-->
-
- <div id=node_data class=hidden>
- <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=controls>
- <ul>
- <li><a href="#" onclick="editor.clear()">Clear graph</a></li>
- <li><a href="#" onclick="editor.raussendorf()">Replace with Raussendorf</a></li>
- </ul>
- </div>
-
-
- <div id=help>
- <h3>Usage:</h3>
- Click on the grid to make a new node<br/>
- Ctrl-click a node to do a Hadamard<br/>
- Select a node, then shift-click another node to do a CZ<br/>
- Press space to rotate the grid<br/>
-
- <h3>API usage:</h3>
- GET https://abv.peteshadbolt.co.uk/graph -> JSON<br/>
- POST JSON -> https://abv.peteshadbolt.co.uk/graph<br/>
- POST JSON -> https://abv.peteshadbolt.co.uk/edit
-
- <p>See <a href="/doc">here</a> for docs.</p>
- </div>
-
- </body>
- </html>
|