diff options
Diffstat (limited to 'script.html')
| -rwxr-xr-x | script.html | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/script.html b/script.html new file mode 100755 index 0000000..cd40d37 --- /dev/null +++ b/script.html @@ -0,0 +1,48 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, + initial-scale=1.0"> + <style type="text/css"> + html, +body { + margin: 0; + padding: 0; +} + +body { + font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif; + line-height: 1.4em; + background: #f5f5f5; + color: #4d4d4d; + min-width: 230px; + max-width: 550px; + margin: 0 auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-weight: 300; +} + + </style> + <title>Drawer</title> +</head> +<body> + <noscript>Sorry, you need to enable JavaScript to see this page.</noscript> + <script id="drawer_js" type="text/javascript" defer="defer" src="script.js"></script> + <script> + var script = document.getElementById('drawer_js'); + script.addEventListener('load', function() { + var app = document.getElementById('slate'); + drawer.run(app); + }); + </script> + + + <section class="todoapp" id="app"> + <canvas id="slate" class="drawing-zone" width="800" height="800"> + </canvas> + </section> + <footer class="info"> </footer> +</body> +</html> |