diff options
| author | Yuval Adam <yuv.adm@gmail.com> | 2012-05-18 21:22:51 +0300 |
|---|---|---|
| committer | Yuval Adam <yuv.adm@gmail.com> | 2012-05-18 21:22:51 +0300 |
| commit | 428b061b171d00a8b6019f271a08aa056cd5e067 (patch) | |
| tree | aba6339161e54ac7fbd69215651cf6d3614e3a5d /index.html | |
| parent | 60ac675cf47930778e39d1caa5fd02832100073b (diff) | |
bootstrap-ified homepage
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 22 |
1 files changed, 19 insertions, 3 deletions
@@ -3,12 +3,28 @@ <title>L-Systems.JS Playground</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="http://mrdoob.github.com/three.js/build/Three.js"></script> + <script src="bootstrap.min.js"></script> <script src="lsys.js"></script> + <link rel="stylesheet" href="bootstrap.css" type="text/css"/> + <link rel="stylesheet" href="style.css" type="text/css"/> </head> <body> - <h2>L-Systems.JS Playground</h2> - <div id="container"></div> + + <div class="page"> + <div class="container"> + <div class="hero-unit"> + <h1>L-Systems.JS</h1> + <p>Explore the power of L-Systems</p> + <p> + <a class="btn btn-large" href="http://github.com/yuvadm/lsys.js">L-Systems.JS on Github</a> + <a class="btn btn-primary btn-large" href="lsys.js">Download L-Systems.JS</a> + </p> + </div> + <div id="3dcontainer"></div> + </div> + </div> + <script> var WIDTH = 800; //window.innerWidth; @@ -40,7 +56,7 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); renderer.setSize(WIDTH, HEIGHT); - container = document.getElementById('container'); + container = document.getElementById('3dcontainer'); container.appendChild(renderer.domElement); document.addEventListener('mousemove', onDocumentMouseMove, false); |