diff --git a/demo.css b/demo.css
index 01d56ef..ebdad16 100644
--- a/demo.css
+++ b/demo.css
@@ -1,14 +1,58 @@
-body {
+* {
+ padding: 0px;
+ margin: 0px;
+}
+body {
+ padding: 0 20px 20px 20px;
+ font: 9.5px/13px Lucida Grande, sans-serif;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ font-family: helvetica, arial, sans-serif;
+ color: #222;
+}
+
+h1 {
+ font-size: 80px;
+ font-weight: 900;
+ text-transform: lowercase;
+ line-height: 80px;
+ text-shadow: 2px 2px 2px #ccc;
+ margin: 20px 0 20px 0;
+}
+
+h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
+ text-decoration: none;
+ margin-right: 7px;
+}
+
+h1 img {
+ width: 45px;
+ height: 45px;
+ -moz-border-radius: 9px;
+ border-radius: 9px;
}
pre {
-padding: 15px;
-background-color: #222;
-max-width: 500px;
-font: 10px Monaco, monospace;
+ margin: 20px 0 20px 0;
+ padding: 15px;
+ background-color: #222;
+ max-width: 500px;
+ font: 10px Monaco, monospace;
}
+p { font-size: 125%; max-width: 530px; }
+
+a:link {
+ color: #00aeff;
+}
+a:visited {
+ color: #0fa954;
+}
+a:hover, a:active {
+ color: #e61d5f;
+}
/* SPAN elements with the classes below are added by prettyprint. */
.str { color: #0fa954; }
diff --git a/favicon.gif b/favicon.gif
new file mode 100644
index 0000000..c5d5b3f
Binary files /dev/null and b/favicon.gif differ
diff --git a/favicon.ico b/favicon.ico
deleted file mode 100644
index 22ead45..0000000
Binary files a/favicon.ico and /dev/null differ
diff --git a/index.html b/index.html
index 278a029..581c2d6 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
GUI-DAT
-
+
@@ -59,6 +59,10 @@
+ 
GUI-DAT
+
+ is a super-light javascript library for making GUI elements. It is inspired by controlP5.
+
var controllableObject =
{
@@ -100,7 +104,7 @@ window.onload = function() {
};