|
130
|
1 <!DOCTYPE html>
|
|
|
2 <html>
|
|
|
3 <head>
|
|
|
4 <meta charset="utf8">
|
|
|
5 <style>
|
|
|
6 pre {
|
|
|
7 font-family: sans-serif;
|
|
|
8 font-size: 75%;
|
|
|
9 }
|
|
|
10 </style>
|
|
|
11 </head>
|
|
|
12 <body>
|
|
|
13 <h1>shuttlepro</h1>
|
|
|
14
|
|
|
15 <div class="connectionDiagram"><a href="#">host slash</a> → <a href="#">shuttlepro in living room</a></div>
|
|
|
16
|
|
|
17 <p>pics</p>
|
|
|
18
|
|
|
19 <section>
|
|
|
20 <h2>Current state</h2>
|
|
|
21 <pre data-bind="text: current"></pre>
|
|
|
22 <button data-bind="click: refreshGraph">Refresh</button>
|
|
|
23 </section>
|
|
|
24 <script src="//bigasterisk.com/lib/jquery-2.0.3.min.js"></script>
|
|
|
25 <script src="//bigasterisk.com/lib/knockout-2.3.0.js"></script>
|
|
|
26 <script src="gui.js"></script>
|
|
|
27
|
|
|
28 </body>
|
|
|
29 </html>
|
|
|
30
|
