index.html
<head>
<title>Merry Beats 3D</title>
<link rel='icon' type='image/png' href='images/favicon.png'>
</head>
<body>
<div id='renderer'></div>
<div id='details'>
<div id='buttons'>
<button id='pause' class='btn'>Pause</button>
<button id='reset' class='btn'>Reset</button>
<button id='new-color' class='btn'>New Color</button>
</div>
<p id='advice'>For best musical results, play on the latest desktop versions of Chrome, Safari or Firefox</p>
<p id='advice'>Drag mouse to change perspective</p>
</div>
<script src='//cdnjs.cloudflare.com/ajax/libs/three.js/r71/three.min.js'></script>
<script src='lib/OrbitControls.js'></script>
<script src='lib/Raycaster.js'></script>
<script src='lib/Please.js'></script>
<script type='text/javascript' src='javascripts/merryInitializer.js'></script>
<script type='text/javascript' src='javascripts/merryMaths.js'></script>
<script type='text/javascript' src='javascripts/merryRing.js'></script>
<script type='text/javascript' src='javascripts/merryShapeCreator.js'></script>
<script type='text/javascript' src='javascripts/merryScheduler.js'></script>
<script type='text/javascript' src='javascripts/merryColors.js'></script>
<script type='text/javascript' src='javascripts/merryClickHandler.js'></script>
<script type='text/javascript' src='javascripts/app.js'></script>
<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
<link rel='stylesheet' type='text/css' href='css/style.css'>
</body>