dat.gui/index.html

<!doctype html>
    <head>
        <title>GUI-DAT</title>
        
        <link rel="icon" type="image/gif" href="favicon.gif">
        
        <link href="gui.css" media="screen" rel="stylesheet" type="text/css" />
        <link href="demo.css" media="screen" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js"></script>

        <script type="text/javascript" src="gui.js"></script>
        <script type="text/javascript" src="controllers/slider.js"></script>
        <script type="text/javascript" src="controllers/controller.js"></script>
        <script type="text/javascript" src="controllers/controller.string.js"></script>
        <script type="text/javascript" src="controllers/controller.number.js"></script>
        <script type="text/javascript" src="controllers/controller.boolean.js"></script>
        <script type="text/javascript" src="controllers/controller.function.js"></script>
        <script id="demo" type="text/javascript">
            var controllableObject = 
               {   
                  numberProperty: 20,
                  constrainedNum: 0,
                  textProperty: "a string",
                  anotherTextProperty: "another string",
                  booleanProperty: false,
                  anotherBooleanProperty: false,
                  functionProperty: function() {
                     alert("I am a function!");
                  }
               };

            window.onload = function() {
            
               prettyPrint();

               GUI.start();
   
               // Creates a number box
               GUI.add(controllableObject, "numberProperty");
   
               // Creates a slider (min, max)
               GUI.add(controllableObject, "constrainedNum", -100, 100)
   
               // Creates a text field
               GUI.add(controllableObject, "textProperty");
   
               // Creates a checkbox
               GUI.add(controllableObject, "booleanProperty");
   
               // Creates a button
               GUI.add(controllableObject, "functionProperty")
                  .setName("Fire a Function");

            };
        </script>
    </head>
    <body>
        <h1><a href = "http://twitter.com/guidat"><img src = "favicon.gif" alt = "GUI-DAT flag" /></a>GUI-DAT</h1>
        <p>
            is a super-light javascript library for making GUI elements. It is inspired by <a href = "http://www.sojamo.de/libraries/controlP5/">controlP5</a>.
        </p>
        <pre id="demo-pre" class="prettyprint">
var controllableObject = 
   {   
      numberProperty: 20,
      constrainedNum: 0,
      textProperty: "a string",
      booleanProperty: false,
      functionProperty: function() {
         alert("I am a function!");
      }
   };

window.onload = function() {

   GUI.start();

   // Creates a number box
   GUI.add(controllableObject, "numberProperty");

   // Creates a slider (min, max)
   GUI.add(controllableObject, "constrainedNum", -100, 100, 0);

   // Creates a text field
   GUI.add(controllableObject, "textProperty");

   // Creates a checkbox
   GUI.add(controllableObject, "booleanProperty");

   // Creates a button
   GUI.add(controllableObject, "functionProperty")
      .setName("Fire a Function");

};
        </pre>
        <footer>
            By <a href="http://georgemichaelbrower.com/">George Michael Brower</a>, <a href="http://jonobr1.com/">Jono Brandel</a>, and <a href="http://github.com/jonobr1/GUI-DAT">you</a>.
        </footer>
    </body>
</html>
added authors to index 2011-01-25 07:42:20 +00:00			`<!doctype html>`
			`<head>`
			`<title>GUI-DAT</title>`
added favicon 2011-01-25 08:14:24 +00:00
updated favicon 2011-01-25 08:39:47 +00:00			`<link rel="icon" type="image/gif" href="favicon.gif">`
added favicon 2011-01-25 08:14:24 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`<link href="gui.css" media="screen" rel="stylesheet" type="text/css" />`
			`<link href="demo.css" media="screen" rel="stylesheet" type="text/css" />`
			`<script type="text/javascript" src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js"></script>`
Attempt to make text in number boxes unselectable. 2011-01-24 22:08:48 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`<script type="text/javascript" src="gui.js"></script>`
Merged 2011-01-25 08:28:18 +00:00			`<script type="text/javascript" src="controllers/slider.js"></script>`
Merged into Jono's new index.html 2011-01-25 08:26:18 +00:00			`<script type="text/javascript" src="controllers/controller.js"></script>`
			`<script type="text/javascript" src="controllers/controller.string.js"></script>`
			`<script type="text/javascript" src="controllers/controller.number.js"></script>`
			`<script type="text/javascript" src="controllers/controller.boolean.js"></script>`
			`<script type="text/javascript" src="controllers/controller.function.js"></script>`
added authors to index 2011-01-25 07:42:20 +00:00			`<script id="demo" type="text/javascript">`
			`var controllableObject =`
			`{`
			`numberProperty: 20,`
			`constrainedNum: 0,`
			`textProperty: "a string",`
			`anotherTextProperty: "another string",`
			`booleanProperty: false,`
			`anotherBooleanProperty: false,`
			`functionProperty: function() {`
			`alert("I am a function!");`
			`}`
			`};`
Updated README and fleshed out gui.js 2011-01-23 22:35:19 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`window.onload = function() {`
Merged into Jono's new index.html 2011-01-25 08:26:18 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`prettyPrint();`
Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`GUI.start();`
Changes to gui.css 2011-01-24 02:59:29 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`// Creates a number box`
			`GUI.add(controllableObject, "numberProperty");`
Changes to gui.css 2011-01-24 02:59:29 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`// Creates a slider (min, max)`
			`GUI.add(controllableObject, "constrainedNum", -100, 100)`
Changes to gui.css 2011-01-24 02:59:29 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`// Creates a text field`
			`GUI.add(controllableObject, "textProperty");`
Changes to gui.css 2011-01-24 02:59:29 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`// Creates a checkbox`
			`GUI.add(controllableObject, "booleanProperty");`
Changes to gui.css 2011-01-24 02:59:29 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`// Creates a button`
			`GUI.add(controllableObject, "functionProperty")`
			`.setName("Fire a Function");`
Updated README and fleshed out gui.js 2011-01-23 22:35:19 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`};`
			`</script>`
			`</head>`
			`<body>`
styling and adding content to index.html 2011-01-25 09:05:49 +00:00			`<h1><a href = "http://twitter.com/guidat"><img src = "favicon.gif" alt = "GUI-DAT flag" /></a>GUI-DAT</h1>`
			`<p>`
			`is a super-light javascript library for making GUI elements. It is inspired by <a href = "http://www.sojamo.de/libraries/controlP5/">controlP5</a>.`
			`</p>`
added authors to index 2011-01-25 07:42:20 +00:00			`<pre id="demo-pre" class="prettyprint">`
Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00			`var controllableObject =`
			`{`
			`numberProperty: 20,`
			`constrainedNum: 0,`
			`textProperty: "a string",`
			`booleanProperty: false,`
			`functionProperty: function() {`
			`alert("I am a function!");`
			`}`
			`};`

			`window.onload = function() {`

			`GUI.start();`
added authors to index 2011-01-25 07:42:20 +00:00
Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00			`// Creates a number box`
			`GUI.add(controllableObject, "numberProperty");`
added authors to index 2011-01-25 07:42:20 +00:00
Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00			`// Creates a slider (min, max)`
Updates to NumberController 2011-01-25 05:31:20 +00:00			`GUI.add(controllableObject, "constrainedNum", -100, 100, 0);`
added authors to index 2011-01-25 07:42:20 +00:00
Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00			`// Creates a text field`
			`GUI.add(controllableObject, "textProperty");`
added authors to index 2011-01-25 07:42:20 +00:00
Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00			`// Creates a checkbox`
			`GUI.add(controllableObject, "booleanProperty");`
added authors to index 2011-01-25 07:42:20 +00:00
Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00			`// Creates a button`
Updates to NumberController 2011-01-25 05:31:20 +00:00			`GUI.add(controllableObject, "functionProperty")`
			`.setName("Fire a Function");`
Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00
			`};`
added authors to index 2011-01-25 07:42:20 +00:00			`</pre>`
			`<footer>`
styling and adding content to index.html 2011-01-25 09:05:49 +00:00			`By <a href="http://georgemichaelbrower.com/">George Michael Brower</a>, <a href="http://jonobr1.com/">Jono Brandel</a>, and <a href="http://github.com/jonobr1/GUI-DAT">you</a>.`
added authors to index 2011-01-25 07:42:20 +00:00			`</footer>`
			`</body>`
Initial files 2011-01-23 21:23:53 +00:00			`</html>`