diff --git a/.env.production b/.env.production
deleted file mode 100644
index 61af16a..0000000
--- a/.env.production
+++ /dev/null
@@ -1 +0,0 @@
-VUE_FONT_API_KEY=AIzaSyBOYf5oHoeJ88t4teIdvsNFBcN9MiUz1Iw
diff --git a/docs/css/app.1d743f6e.css b/docs/css/app.1d743f6e.css
deleted file mode 100644
index 8576dd1..0000000
--- a/docs/css/app.1d743f6e.css
+++ /dev/null
@@ -1 +0,0 @@
-#app{width:50%;margin:60px auto;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.hljs{background-color:transparent!important}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}
\ No newline at end of file
diff --git a/docs/css/app.c9eb7770.css b/docs/css/app.c9eb7770.css
new file mode 100644
index 0000000..13f41ad
--- /dev/null
+++ b/docs/css/app.c9eb7770.css
@@ -0,0 +1 @@
+body,html{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}#app,.md-app,.page-container,body{height:100%}.hljs{background-color:transparent!important}#font-data{padding:0 2em;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index 0294866..e97ef9e 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1 +1 @@
-calligraphy
\ No newline at end of file
+calligraphy
\ No newline at end of file
diff --git a/docs/js/app.201cd440.js b/docs/js/app.201cd440.js
deleted file mode 100644
index 2e1b3d1..0000000
--- a/docs/js/app.201cd440.js
+++ /dev/null
@@ -1,2 +0,0 @@
-(function(t){function e(e){for(var r,i,s=e[0],u=e[1],c=e[2],l=0,f=[];l\n
\n
\n
\n \n \n \n \n
\n
\n Load Font\n
\n
\n Save PDF\n
\n
\n \n
\n \n
\n
\n
\n\n\n\n\n\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=6196084c&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import Vue from 'vue'\nimport App from './App.vue'\nimport axios from 'axios'\nimport VueAxios from 'vue-axios'\nimport VueHighlightJS from 'vue-highlightjs'\nimport VueMaterial from 'vue-material'\nimport json from 'highlight.js/lib/languages/css';\nimport 'vue-material/dist/vue-material.min.css'\nimport 'vue-material/dist/theme/default.css'\nimport 'highlight.js/styles/default.css';\n\nVue.use(VueHighlightJS, {languages: {json}})\nVue.use(VueMaterial)\nVue.use(VueAxios, axios)\n\nVue.config.productionTip = false\n\nnew Vue({\n render: h => h(App),\n}).$mount('#app')\n"],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/js/app.c294709c.js b/docs/js/app.c294709c.js
new file mode 100644
index 0000000..b67488f
--- /dev/null
+++ b/docs/js/app.c294709c.js
@@ -0,0 +1,2 @@
+(function(t){function e(e){for(var o,r,s=e[0],c=e[1],l=e[2],d=0,m=[];d\n
\n\n\n\n\n\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=534b5d3a&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import Vue from 'vue'\nimport App from './App.vue'\nimport axios from 'axios'\nimport VueAxios from 'vue-axios'\nimport VueHighlightJS from 'vue-highlightjs'\nimport VueMaterial from 'vue-material'\nimport json from 'highlight.js/lib/languages/css';\nimport 'vue-material/dist/vue-material.min.css'\nimport 'vue-material/dist/theme/default.css'\nimport 'highlight.js/styles/default.css';\n\nVue.use(VueHighlightJS, {languages: {json}})\nVue.use(VueMaterial)\nVue.use(VueAxios, axios)\n\nVue.config.productionTip = false\n\nnew Vue({\n render: h => h(App),\n}).$mount('#app')\n"],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index 4f654b4..7126d57 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,31 +1,73 @@