index.html

<!DOCTYPE html>
<html>
    <head>
        <title>Leap/jQuery Integration Plugin</title>
        <script src="js/jquery.js"></script>
        <script src="js/leap.js"></script>  
        <script src="js/scripts.js"></script>
    </head>
    <body>
        <h1><a href='http://leapgamer.com/leap_motion_jquery_plugin'>LeapGamer.com's</a> Leap jQuery Integration Plugin v0.7</h1>
        <p id="connection">WebSocket not connected</p> 
   	    <p>FPS: <span id="fps">0</span></p>
    	<p>Pointables: <span id="pointablesNum">0</span> </p>  
    	<p>Hands: <span id="hands">0</span> </p>  
        <p>Most Recent Action: <span id="actions"></span> </p> 
        <p>Time Elapsed: <span id="time">0</span> </p>        
    	<div id="main">
        	<div style="width:24%; float:left;">
        		JSON Frame data <span id="output"></span>  
        	</div>
        	<div style="width:24%; float:left;">
        	    Hand 1: <span id="hand1"></span>
        	</div>
        	<div style="width:24%; float:left;">  
        	    Hand 2: <span id="hand2"></span> 
        	</div>
        	<div style="width:24%; float:left;">  
        	    Pointables: <span id="pointables"></span> 
        	</div>
    	</div>
    	<div class="clear"></div>  
    </body>
</html> 