updates tryitout and docs

Author: gabrielcsapo

tryitout.js renamed to .tryitout

@@ -9,7 +9,7 @@ module.exports = {
   body: `
       <div style="width:80%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);">
         <h3 class="text-center" style="font-weight: 100"> ${description} </h3>
-        <pre style="background-color:rgb(7, 7, 7);color:rgb(228, 228, 228);white-space: pre;text-align:left;width: auto;display:inline-block;">
+        <pre id="code" style="white-space: pre;text-align:left;width: auto;display:inline-block;">
       const Server = require('node-git-server');
       const repo = new Server(path.resolve(__dirname, 'tmp'), {
           autoCreate: true,
@@ -33,5 +33,10 @@ module.exports = {
        <div class="text-black">Made with ☕️ by <a href="http://www.gabrielcsapo.com">@gabrielcsapo</a></div>
     `,
   template: 'landing',
-  output: './docs'
+  output: './docs',
+  externals: [
+    "./docs/krayon.css",
+    "./docs/krayon.min.js",
+    "./docs/main.js"
+  ]
 };

docs/index.html

@@ -0,0 +1,18 @@
+.string {
+  color: #032f62
+}
+.keyword {
+  color: #d73a49
+}
+.operator {
+  color: #d73a49
+}
+.function {
+  color: #005cc5
+}
+.class {
+  color: #6f42c1
+}
+.comment {
+  color: #6a737d
+}

docs/krayon.css

@@ -0,0 +1,5 @@
+window.onload = function() {
+  var Krayon = require('krayon');
+  
+  document.querySelector('#code').innerHTML = Krayon(document.querySelector('#code').innerHTML);
+}

docs/krayon.min.js

@@ -34,10 +34,10 @@
   "devDependencies": {
     "async": "^2.6.0",
     "docdash": "^0.4.0",
-    "eslint": "^4.11.0",
+    "eslint": "^4.15.0",
     "jsdoc": "^3.5.5",
-    "tap": "^10.7.3",
+    "tap": "^11.0.1",
     "tape": "^4.8.0",
-    "tryitout": "^1.2.0"
+    "tryitout": "^2.0.6"
   }
 }