library-mirrors/dat.gui
1
0
Fork 0
mirror of https://github.com/dataarts/dat.gui.git synced 2024-12-12 04:08:27 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

styling and adding content to index.html

Browse Source
This commit is contained in:
jonobr1 2011-01-25 01:05:49 -08:00
parent 76bc55e85a
commit 7dfff71240
2 changed files with 54 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
demo.css
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; }

6
index.html
View File

@ -55,6 +55,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 =
{ {
@ -90,7 +94,7 @@ window.onload = function() {
}; };
</pre> </pre>
<footer> <footer>
By <a href="http://georgemichaelbrower.com">George Michael Brower</a>, <a href="">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>