diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..22ead45
Binary files /dev/null and b/favicon.ico differ
diff --git a/index.html b/index.html
index 2fc401b..517e176 100644
--- a/index.html
+++ b/index.html
@@ -1,56 +1,60 @@
-<html>
-<head>
-<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>
+<!doctype html>
+    <head>
+        <title>GUI-DAT</title>
+        
+        <link rel="icon" type="image/ico" href="favicon.ico">
+        
+        <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="controller.js"></script>
-<script type="text/javascript" src="controller.string.js"></script>
-<script type="text/javascript" src="controller.number.js"></script>
-<script type="text/javascript" src="controller.boolean.js"></script>
-<script type="text/javascript" src="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!");
-      }
-   };
+        <script type="text/javascript" src="gui.js"></script>
+        <script type="text/javascript" src="controller.js"></script>
+        <script type="text/javascript" src="controller.string.js"></script>
+        <script type="text/javascript" src="controller.number.js"></script>
+        <script type="text/javascript" src="controller.boolean.js"></script>
+        <script type="text/javascript" src="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() {
+            window.onload = function() {
+                
+               prettyPrint();
 
-   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");
 
-   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>
-<pre id="demo-pre" class="prettyprint">
+            };
+        </script>
+    </head>
+    <body>
+        <pre id="demo-pre" class="prettyprint">
 var controllableObject = 
    {   
       numberProperty: 20,
@@ -65,24 +69,27 @@ var controllableObject =
 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>
-</body>
+        </pre>
+        <footer>
+            By <a href = "#">George</a>, <a href = "#">Jono</a>, and you.
+        </footer>
+    </body>
 </html>
\ No newline at end of file
