diff options
Diffstat (limited to 'Processing-js/web-export/index.html')
| -rw-r--r-- | Processing-js/web-export/index.html | 86 |
1 files changed, 86 insertions, 0 deletions
diff --git a/Processing-js/web-export/index.html b/Processing-js/web-export/index.html new file mode 100644 index 0000000..dedd6f2 --- /dev/null +++ b/Processing-js/web-export/index.html @@ -0,0 +1,86 @@ +<!DOCTYPE html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <title>Synthe3000 : Built with Processing and Processing.js</title> + <link rel="icon" type="image/x-icon" href="data:image/x-icon;base64,AAABAAEAEBAQAAEABAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAQAAVzABAEAjBQAaDwYAWjUGAGE6CQBrQQ0ATS8PAFhAJwBUQC8AbFI6AHVXPACBZk4A4NrWAPb19QAAAAAAAMmZmZmZmgAJIwAAAAAAcMIjPjA+PjAKpxIuMDMzMAm0Ii4zMzMACaIiLt3dMAAJtyIuIzPQAAm0Un5yM+IzKLRkfncy4iIotRF+dyLkIiq0QX53F+EiGrQUTkd34iIatEVu7u5iIVrBVVRBRFRVbAtGZGZla2uwAMu7u7u8vADAAwAAgAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIABAADAAwAA" /> + <meta name="Generator" content="Processing" /> + <!-- - - - - - - - - - - - - - - - - - - - - + + + + Wondering how this works? + + + + Go to: http://processing.org/ + + and: http://processingjs.org/ + + + + - - - - - - - - - - - - - - - - - - - - --> + <style type="text/css"> + body { + background-color: #333; color: #bbb; line-height: normal; + font-family: Lucida Grande, Lucida Sans, Arial, Helvetica Neue, Verdana, Geneva, sans-serif; + font-size: 11px; font-weight: normal; text-decoration: none; + line-height: 1.5em; + } + a img { + border: 0px solid transparent; + } + a, a:link, a:visited, a:active, a:hover { + color: #cdcdcd; text-decoration: underline; + } + h1 { + font-family: Arial, Helvetica Neue, Verdana, Geneva, sans-serif; + width: 100%; letter-spacing: 0.1em; + margin-bottom: 1em; font-size: 1.65em; + } + canvas { + display: block; + outline: 0px; + margin-bottom: 1.5em; + } + #content { + margin: 50px auto 0px auto; padding: 25px 25px 15px 25px; + width: 1130px; min-width: 300px; overflow: auto; + border-left: 1px solid #444; border-top: 1px solid #444; + border-right: 1px solid #333; border-bottom: 1px solid #333; + background-color: #3d3d3d; + } + </style> + <!--[if lt IE 9]> + <script type="text/javascript">alert("Your browser does not support the canvas tag.");</script> + <![endif]--> + <script src="processing.js" type="text/javascript"></script> + + <script src="./js/MIDI/AudioDetect.js" type="text/javascript"></script> + <script src="./js/MIDI/LoadPlugin.js" type="text/javascript"></script> + <script src="./js/MIDI/Plugin.js" type="text/javascript"></script> + <script src="./js/MIDI/Player.js" type="text/javascript"></script> + <script src="./js/Window/DOMLoader.XMLHttp.js" type="text/javascript"></script> + <script src="./inc/Base64.js" type="text/javascript"></script> + <script src="./inc/base64binary.js" type="text/javascript"></script> + + <script type="text/javascript"> +// convenience function to get the id attribute of generated sketch html element +function getProcessingSketchId () { return 'Synthe3000'; } +</script> + + </head> + <body> + <div id="content"> + <div> + <canvas id="Synthe3000" data-processing-sources="Synthe3000.pde" + width="1130" height="650"> + <p>Your browser does not support the canvas tag.</p> + <!-- Note: you can put any alternative content here. --> + </canvas> + <noscript> + <p>JavaScript is required to view the contents of this page.</p> + </noscript> + </div> + <h1>Synthe3000</h1> + <p id="description"></p> + <p id="sources">Source code: <a href="Synthe3000.pde">Synthe3000</a> </p> + <p> + Built with <a href="http://processing.org" title="Processing">Processing</a> + and <a href="http://processingjs.org" title="Processing.js">Processing.js</a> + </p> + </div> + </body> +</html> |