annotate index.html @ 111:b2a3f202d485

Fleshed out the UI a little. Added a "literal" button that replaces the operator panel with a literal panel. Added the navigation buttons, but they're not functional yet.
author Mike Pavone <pavone@retrodev.com>
date Sun, 14 Apr 2013 17:24:53 -0700
parents 35006a6e1c47
children 2b25d0ce2946
rev   line source
pavone@0 1 <!DOCTYPE html>
pavone@0 2 <html>
pavone@0 3 <head>
pavone@0 4 <title>Awesome!</title>
pavone@17 5 <script src="/mquery.js"></script>
pavone@17 6 <script src="/peg.js"></script>
pavone@17 7 <script src="/mquery.js"></script>
pavone@17 8 <script src="/parser.js"></script>
pavone@17 9 <script src="/compiler.js"></script>
pavone@17 10 <script src="/jsbackend.js"></script>
pavone@17 11 <script src="/editor.js"></script>
pavone@17 12 <script src="/scripttags.js"></script>
pavone@30 13 <script src="/src/editor.tp" type="text/tabletprog"></script>
pavone@17 14 <link rel="stylesheet" href="/editor.css">
pavone@0 15 </head>
pavone@0 16 <body>
pavone@12 17 <div id="browser">
pavone@12 18 <ul>
pavone@0 19 </ul>
pavone@12 20 </div>
pavone@12 21 <div id="editor">
pavone@12 22 <div class="controls">
pavone@23 23 <ul id="inscope"></ul>
pavone@105 24 </div><div id="src"></div><div class="controls showops">
pavone@12 25 <ul id="operators">
pavone@12 26 <li>&lt;</li>
pavone@12 27 <li>&gt;</li>
pavone@12 28 <li>+</li>
pavone@12 29 <li>-</li>
pavone@12 30 <li>*</li>
pavone@12 31 <li>/</li>
pavone@12 32 <li>&&</li>
pavone@12 33 <li>||</li>
pavone@12 34 </ul>
pavone@111 35 <ul id="literals">
pavone@111 36 <li>object</li>
pavone@111 37 <li>list</li>
pavone@111 38 <li>array</li>
pavone@111 39 <li>string</li>
pavone@111 40 <li>number</li>
pavone@111 41 <li>new symbol</li>
pavone@111 42 </ul>
pavone@111 43 <ul>
pavone@111 44 <li id="ops_button">operators</li>
pavone@111 45 <li id="lit_button">literals</li>
pavone@111 46 </ul>
pavone@111 47 <ul id="nav">
pavone@111 48 <li id="out">outwards</li><li id="in">inwards</li>
pavone@111 49 <li id="prev">previous</li><li id="next">next</li>
pavone@111 50 </ul>
pavone@12 51 </div>
pavone@0 52 </div>
pavone@0 53 </body>
pavone@0 54 </html>