dat.gui/index.html

<!doctype html>
    <head>
        <title>GUI-DAT</title>
        
        <link rel="icon" type="image/gif" href="demo/assets/favicon.gif">
        
        <link href="gui.css" media="screen" rel="stylesheet" type="text/css" />
        <link href="demo/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 type="text/javascript" src="demo/demo.js"></script> -->
        <script type="text/javascript">
            var controllableObject = 
               {   
                  numberProperty: 20,
                  constrainedNum: 0,
                  notchedNum: 240,
                  pageTitle: "gui-dat",
                  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", 0, 16);

               // Creates a slider with notches
               GUI.add(controllableObject, "notchedNum", 0, 800, 100);

               // Creates a text field
               GUI.add(document.getElementById('helvetica-demo'), "innerHTML");

               // 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 = "demo/assets/favicon.gif" border = "0" alt = "GUI-DAT flag" /></a><span id = "helvetica-demo">gui-dat</span></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,
      notchedNum: 240,
      pageTitle: "gui-dat",
      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 slider with notches
   GUI.add(controllableObject, "notchedNum", 0, 800, 100)

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

   // 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>
        <div id = "columns"></div>
    </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
changed around folder structure and updated the styling 2011-01-25 22:16:30 +00:00			`<link rel="icon" type="image/gif" href="demo/assets/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" />`
changed around folder structure and updated the styling 2011-01-25 22:16:30 +00:00			`<link href="demo/demo.css" media="screen" rel="stylesheet" type="text/css" />`
added authors to index 2011-01-25 07:42:20 +00:00			`<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>`
removed canvas element to be just html 2011-01-26 00:58:52 +00:00			`<!-- <script type="text/javascript" src="demo/demo.js"></script> -->`
decided not to use svgs and am using the native font method for the canvas object 2011-01-26 00:07:51 +00:00			`<script type="text/javascript">`
added authors to index 2011-01-25 07:42:20 +00:00			`var controllableObject =`
			`{`
			`numberProperty: 20,`
			`constrainedNum: 0,`
Starting on sliders. Still some kinks. 2011-01-25 09:35:45 +00:00			`notchedNum: 240,`
decided not to use svgs and am using the native font method for the canvas object 2011-01-26 00:07:51 +00:00			`pageTitle: "gui-dat",`
added authors to index 2011-01-25 07:42:20 +00:00			`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() {`
decided not to use svgs and am using the native font method for the canvas object 2011-01-26 00:07:51 +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();`
removed canvas element to be just html 2011-01-26 00:58:52 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`// Creates a number box`
			`GUI.add(controllableObject, "numberProperty");`
decided not to use svgs and am using the native font method for the canvas object 2011-01-26 00:07:51 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`// Creates a slider (min, max)`
removed canvas element to be just html 2011-01-26 00:58:52 +00:00			`GUI.add(controllableObject, "constrainedNum", 0, 16);`
decided not to use svgs and am using the native font method for the canvas object 2011-01-26 00:07:51 +00:00
Starting on sliders. Still some kinks. 2011-01-25 09:35:45 +00:00			`// Creates a slider with notches`
removed canvas element to be just html 2011-01-26 00:58:52 +00:00			`GUI.add(controllableObject, "notchedNum", 0, 800, 100);`
decided not to use svgs and am using the native font method for the canvas object 2011-01-26 00:07:51 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`// Creates a text field`
removed canvas element to be just html 2011-01-26 00:58:52 +00:00			`GUI.add(document.getElementById('helvetica-demo'), "innerHTML");`
decided not to use svgs and am using the native font method for the canvas object 2011-01-26 00:07:51 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`// Creates a checkbox`
			`GUI.add(controllableObject, "booleanProperty");`
decided not to use svgs and am using the native font method for the canvas object 2011-01-26 00:07:51 +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");`
decided not to use svgs and am using the native font method for the canvas object 2011-01-26 00:07:51 +00:00
removed canvas element to be just html 2011-01-26 00:58:52 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`};`
			`</script>`
			`</head>`
			`<body>`
removed canvas element to be just html 2011-01-26 00:58:52 +00:00			`<h1><a href = "http://twitter.com/guidat"><img src = "demo/assets/favicon.gif" border = "0" alt = "GUI-DAT flag" /></a><span id = "helvetica-demo">gui-dat</span></h1>`
styling and adding content to index.html 2011-01-25 09:05:49 +00:00			`<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>`
decided not to use svgs and am using the native font method for the canvas object 2011-01-26 00:07:51 +00:00
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 =`
			`{`
removed canvas element to be just html 2011-01-26 00:58:52 +00:00			`numberProperty: 20,`
			`constrainedNum: 0,`
			`notchedNum: 240,`
			`pageTitle: "gui-dat",`
			`anotherTextProperty: "another string",`
			`booleanProperty: false,`
			`anotherBooleanProperty: false,`
			`functionProperty: function() {`
			`alert("I am a function!");`
			`}`
Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00			`};`

			`window.onload = function() {`

removed canvas element to be just html 2011-01-26 00:58:52 +00:00			`prettyPrint();`

Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00			`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)`
Starting on sliders. Still some kinks. 2011-01-25 09:35:45 +00:00			`GUI.add(controllableObject, "constrainedNum", -100, 100)`
removed canvas element to be just html 2011-01-26 00:58:52 +00:00
Starting on sliders. Still some kinks. 2011-01-25 09:35:45 +00:00			`// Creates a slider with notches`
Fixed constraints on slider and made fixes to css 2011-01-25 22:10:40 +00:00			`GUI.add(controllableObject, "notchedNum", 0, 800, 100)`
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`
removed canvas element to be just html 2011-01-26 00:58:52 +00:00			`GUI.add(controllableObject, "pageTitle");`
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>`
removed canvas element to be just html 2011-01-26 00:58:52 +00:00			`<div id = "columns"></div>`
added authors to index 2011-01-25 07:42:20 +00:00			`</body>`
Initial files 2011-01-23 21:23:53 +00:00			`</html>`