Started on cross-compatible sliders, still some kinks.

This commit is contained in:
George Michael Brower 2011-01-25 02:36:45 -07:00
commit 5170f5934d
4 changed files with 55 additions and 7 deletions

View File

@ -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 { pre {
margin: 20px 0 20px 0;
padding: 15px; padding: 15px;
background-color: #222; background-color: #222;
max-width: 500px; max-width: 500px;
font: 10px Monaco, monospace; 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. */ /* SPAN elements with the classes below are added by prettyprint. */
.str { color: #0fa954; } .str { color: #0fa954; }

BIN
favicon.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 169 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

View File

@ -2,7 +2,7 @@
<head> <head>
<title>GUI-DAT</title> <title>GUI-DAT</title>
<link rel="icon" type="image/ico" href="favicon.ico"> <link rel="icon" type="image/gif" href="favicon.gif">
<link href="gui.css" media="screen" rel="stylesheet" type="text/css" /> <link href="gui.css" media="screen" rel="stylesheet" type="text/css" />
<link href="demo.css" media="screen" rel="stylesheet" type="text/css" /> <link href="demo.css" media="screen" rel="stylesheet" type="text/css" />
@ -59,6 +59,10 @@
</script> </script>
</head> </head>
<body> <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"> <pre id="demo-pre" class="prettyprint">
var controllableObject = var controllableObject =
{ {
@ -100,7 +104,7 @@ window.onload = function() {
}; };
</pre> </pre>
<footer> <footer>
By <a href="http://georgemichaelbrower.com">George Michael Brower</a>, <a href="jonobr1.com">Jono Brandel</a>, and <a href="https://github.com/jonobr1/GUI-DAT">you</a>. 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> </footer>
</body> </body>
</html> </html>