CINXE.COM

therecipe/entry

<!doctype html> <html lang="en-us"> <head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>therecipe/entry</title> <style> html, body { padding: 0; margin : 0; overflow:hidden; height: 100% } /* the canvas *must not* have any border or padding, or mouse coords will be wrong */ canvas { border: 0px none; background-color: white; height:100%; width:100%; } /* The contenteditable property is set to true for the canvas in order to support clipboard events. Hide the resulting focus frame and set the cursor back to the default cursor. */ canvas { outline: 0px solid transparent; caret-color: transparent; cursor:default } </style> <script src="FileSaver.js"></script> </head> <body onload="init()"> <figure style="overflow:visible;" id="qtspinner"> <center style="margin-top:1.5em; line-height:150%"> <!-- credits: https://github.com/egonelbre/gophers --> <img src="dummy.png"; width=235; height=297; style="display:block"> </img> <strong>therecipe/entry</strong> <div id="qtstatus"></div> <noscript>JavaScript is disabled. Please enable JavaScript to use this application.</noscript> </center> </figure> <canvas id="qtcanvas" oncontextmenu="event.preventDefault()" contenteditable="true"></canvas> <script type='text/javascript'> function init() { var spinner = document.querySelector('#qtspinner'); var canvas = document.querySelector('#qtcanvas'); var status = document.querySelector('#qtstatus') var qtLoader = QtLoader({ canvasElements : [canvas], showLoader: function(loaderStatus) { spinner.style.display = 'block'; canvas.style.display = 'none'; status.innerHTML = loaderStatus + "..."; }, showError: function(errorText) { status.innerHTML = errorText; spinner.style.display = 'block'; canvas.style.display = 'none'; }, showExit: function() { status.innerHTML = "Application exit"; if (qtLoader.exitCode !== undefined) status.innerHTML += " with code " + qtLoader.exitCode; if (qtLoader.exitText !== undefined) status.innerHTML += " (" + qtLoader.exitText + ")"; spinner.style.display = 'block'; canvas.style.display = 'none'; }, showCanvas: function() { spinner.style.display = 'none'; canvas.style.display = 'block'; }, }); qtLoader.loadEmscriptenModule("main"); } </script> <script type="text/javascript" src="qtloader.js"></script> <script type="text/javascript" src="go.js"></script> </body> </html>