processing_gears.html

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
        <title>ProcessingJS Gears</title> 
        <script src="processing.js"></script>
        
        <script type="text/javascript" src="http://use.typekit.com/ran8aft.js"></script>
        <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
        
        <script type="text/javascript">
            var _gaq = _gaq || [];
            _gaq.push(['_setAccount', 'UA-26336682-1']);
            _gaq.push(['_trackPageview']);
            
            (function() {
                var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
            })();
        </script>
    </head>
    
    <body>
        <a href="https://github.com/zgrossbart/3gears" id="forkme"><img style="position: absolute; top: 8px; left: 819px; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" /></a>
        <canvas width="960" height="650" data-processing-sources="processing_gears.java"></canvas>
        
        <h2 style="font-family: ff-basic-gothic-web-pro,Verdana,Arial,Sans-serif;left: 370px;position: absolute;top: 525px;width: 190px;">Gears in Processing.js</h2>
        
        <span style="font-family: ff-basic-gothic-web-pro,Verdana,Arial,Sans-serif;left: 655px;position: absolute;top: 585px; font-size: 12px;"><a href=".">Paper vs. Processing vs. Rapha&euml;l</a></span>
    </body>
</html>