<!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>