topical media & game development

talk show tell print

mobile-query-three-www-live-playground-index.htm / htm



  <!doctype html>
  <html>
          <head>
                  <title>tQuery playground</title>
                  <meta charset=utf-8>
                  <script src="vendor/jquery.js"></script>
  
                  <script src="vendor/CodeMirror2/lib/codemirror.js"></script>
                  <script src="vendor/CodeMirror2//mode/xml/xml.js"></script>
                  <script src="vendor/CodeMirror2/mode/javascript/javascript.js"></script>
                  <script src="vendor/CodeMirror2/mode/css/css.js"></script>
                  <script src="vendor/CodeMirror2/mode/htmlmixed/htmlmixed.js"></script>
                  <link rel="stylesheet" href="vendor/CodeMirror2/lib/codemirror.css">
                  <link rel="stylesheet" href="vendor/CodeMirror2/theme/cobalt.css">
                  <link rel="stylesheet" href="vendor/CodeMirror2/theme/night.css">
                  <link rel="stylesheet" href="vendor/CodeMirror2/theme/neat.css">
                  <link rel="stylesheet" href="vendor/CodeMirror2/theme/elegant.css">
                  <link rel="stylesheet" href="vendor/CodeMirror2/theme/night.css">
                  <link rel="stylesheet" href="vendor/CodeMirror2/theme/monokai.css">
                  <link rel="stylesheet" href="vendor/CodeMirror2/theme/cobalt.css">
                  <link rel="stylesheet" href="vendor/CodeMirror2/theme/eclipse.css">
                  <link rel="stylesheet" href="vendor/CodeMirror2/theme/rubyblue.css">
  
                  <link rel="stylesheet" href="css/main.css"        />
                  <link rel="stylesheet" href="css/editor.css"        />
                  <link rel="stylesheet" href="css/preview.css"        />
          </head>
  <body>
  <div id="osdContainer">
          <div id='title'><span class="tee">t</span>Query Playground</div>
          <div id="toolbar">
                  <span class="button editor left" title="Toggle editor - shortcut: cmd-backspace">code</span>
                  <span class="button export left" title="Minify url for export">export</span>
                  <span class="shorturl left" style="display: none;">
                          <input type="text" size="20" />
                  </span>
                  <span class="right">
                          <span id="syncStatus">
                                  <span class="state uptodate">updated</span>
                                  <span class="state outofdate">to update</span>
                          </span>
                          <span class="button update" title="Update preview - shortcut: cmd-enter">update</span>
                  </span>
          </div>
          <div id="editor">
                  <textarea id=code name=code>
  <!doctype html><title>tQuery minimal page</title>
  <script src="../../../build/tquery-bundle-require.js"></script>
  <body><script>
          require(['tquery.keyboard'], function(){
                  var world = tQuery.createWorld().boilerplate().start();
                  var object = tQuery.createTorus().addTo(world);
          });
  </script></body></textarea>
          </div>
  </div>
          <div id="previewContainer">
                  <iframe id=preview></iframe>
          </div>
  
          <script src='index.js'></script>
  </body>
  </html>
  


(C) Æliens 04/09/2009

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.