diff --git a/template.glyph.html b/template.glyph.html
new file mode 100644
index 0000000..222a6a6
--- /dev/null
+++ b/template.glyph.html
@@ -0,0 +1,31 @@
+<html>
+  <head>
+    <script type="text/javascript" src="scripts/dotgrid.js"></script>
+    <script type="text/javascript" src="scripts/keyboard.js"></script>
+    
+    <link rel="stylesheet" type="text/css" href="links/reset.css"/>
+    <link rel="stylesheet" type="text/css" href="links/fonts.css"/>
+    <link rel="stylesheet" type="text/css" href="links/main.css"/>
+    <title>Dotgrid(Icon)</title>
+  </head>
+  <body>
+    <pre>
+      q  <b>CLEAR</b>
+      w  <b>DELETE LAST</b>
+      e  <b>EXPORT</b>
+
+      aA <b>CLOCKWISE</b>
+      sS <b>COUNTERWISE</b>
+      d  <b>LINE</b>
+    </pre>
+    <script>
+      dotgrid = new Dotgrid(200,200,25,25,4,4, 2,"square","#000000");
+      dotgrid.install();
+      var keyboard = new Keyboard();
+      document.onkeyup = function myFunction(event){ keyboard.listen(event); };
+      document.addEventListener('mousedown', function(e){ dotgrid.mouse_down(e); }, false);
+      document.addEventListener('mousemove', function(e){ dotgrid.mouse_move(e); }, false);
+      document.addEventListener('mouseup', function(e){ dotgrid.mouse_up(e);}, false);
+    </script>
+  </body>
+</html>
