mirror of
https://github.com/dataarts/dat.gui.git
synced 2024-12-12 04:08:27 +00:00
Started on cross-compatible sliders, still some kinks.
This commit is contained in:
commit
5170f5934d
46
demo.css
46
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 {
|
||||
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; }
|
||||
|
BIN
favicon.gif
Normal file
BIN
favicon.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 169 B |
BIN
favicon.ico
BIN
favicon.ico
Binary file not shown.
Before Width: | Height: | Size: 20 KiB |
@ -2,7 +2,7 @@
|
||||
<head>
|
||||
<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="demo.css" media="screen" rel="stylesheet" type="text/css" />
|
||||
@ -59,6 +59,10 @@
|
||||
</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 =
|
||||
{
|
||||
@ -100,7 +104,7 @@ window.onload = function() {
|
||||
};
|
||||
</pre>
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in New Issue
Block a user