Added prettifying and previews of html/markdown

11 files changed, 1093 insertions, 10 deletions

diff --git a/src/main/kotlin/App.kt b/src/main/kotlin/App.kt
index 44f60bb..d79e25e 100644
--- a/src/main/kotlin/App.kt
+++ b/src/main/kotlin/App.kt
@@ -80,14 +80,14 @@ fun crawlFiles(ctx: Context) {
                 ctx.render("files.rocker.html", model("files", files))
             }
         } else
-        // TODO: Fix square brackets at fileview content
             ctx.render(
                 "fileview.rocker.html", model(
                     "content", Files.readAllLines(
                         Paths.get("$fileHome/${ctx.splats()[0]}"),
                         Charsets.UTF_8
-                    ).toString(),
-                    "filename", File("$fileHome/${ctx.splats()[0]}").name
+                    ).joinToString(separator = "\n"),
+                    "filename", File("$fileHome/${ctx.splats()[0]}").name,
+                    "extension", File("$fileHome/${ctx.splats()[0]}").extension
                 )
             )
     } catch (_: java.nio.file.NoSuchFileException) {
diff --git a/src/main/resources/css/files.css b/src/main/resources/css/files.css
new file mode 100644
index 0000000..0f55ca6
--- /dev/null
+++ b/src/main/resources/css/files.css
@@ -0,0 +1,5 @@
+a.filename {
+    color: black;
+    text-decoration: none;
+    margin-bottom: 5px;;
+}
diff --git a/src/main/resources/css/fileview.css b/src/main/resources/css/fileview.css
new file mode 100644
index 0000000..60aa9c9
--- /dev/null
+++ b/src/main/resources/css/fileview.css
@@ -0,0 +1,7 @@
+.preview, .switch {
+    display: none;
+}
+
+.prettyprint {
+    border: none !important;
+}
diff --git a/src/main/resources/css/layout.css b/src/main/resources/css/layout.css
new file mode 100644
index 0000000..4a1e1f0
--- /dev/null
+++ b/src/main/resources/css/layout.css
@@ -0,0 +1,3 @@
+html, body {
+    font-family: Arial, Helvetica, sans-serif;
+}
diff --git a/src/main/resources/js/fileview.js b/src/main/resources/js/fileview.js
new file mode 100644
index 0000000..a9cb5be
--- /dev/null
+++ b/src/main/resources/js/fileview.js
@@ -0,0 +1,22 @@
+if (extension === "md" || extension === "html") {
+    if (extension === "md")
+        document.getElementById("preview").innerHTML = marked(document.getElementById("content").innerText);
+    else if (extension === "html")
+        document.getElementById("preview").innerHTML = marked(document.getElementById("content").innerText);
+
+    document.getElementById("preview").style.display = "block";
+    document.getElementById("switch").style.display = "block";
+    document.getElementById("content").style.display = "none";
+
+    document.getElementById("switch").addEventListener("click", () => {
+        if (document.getElementById("preview").style.display === "block") {
+            document.getElementById("switch").innerText = "Show preview";
+            document.getElementById("preview").style.display = "none";
+            document.getElementById("content").style.display = "block";
+        } else {
+            document.getElementById("switch").innerText = "Show raw";
+            document.getElementById("preview").style.display = "block";
+            document.getElementById("content").style.display = "none";
+        }
+    });
+}
diff --git a/src/main/resources/js/marked.js b/src/main/resources/js/marked.js
new file mode 100644
index 0000000..a73d3ef
--- /dev/null
+++ b/src/main/resources/js/marked.js
@@ -0,0 +1,475 @@
+/**
+ * marked - a markdown parser
+ * Copyright (c) 2011-2018, Christopher Jeffrey. (MIT Licensed)
+ * https://github.com/markedjs/marked
+ */
+!function (e) {
+    "use strict";
+    var k = {
+        newline: /^\n+/,
+        code: /^( {4}[^\n]+\n*)+/,
+        fences: f,
+        hr: /^ {0,3}((?:- *){3,}|(?:_ *){3,}|(?:\* *){3,})(?:\n+|$)/,
+        heading: /^ *(#{1,6}) *([^\n]+?) *(?:#+ *)?(?:\n+|$)/,
+        nptable: f,
+        blockquote: /^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/,
+        list: /^( {0,3})(bull) [\s\S]+?(?:hr|def|\n{2,}(?! )(?!\1bull )\n*|\s*$)/,
+        html: "^ {0,3}(?:<(script|pre|style)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?\\?>\\n*|<![A-Z][\\s\\S]*?>\\n*|<!\\[CDATA\\[[\\s\\S]*?\\]\\]>\\n*|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:\\n{2,}|$)|<(?!script|pre|style)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:\\n{2,}|$)|</(?!script|pre|style)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:\\n{2,}|$))",
+        def: /^ {0,3}\[(label)\]: *\n? *<?([^\s>]+)>?(?:(?: +\n? *| *\n *)(title))? *(?:\n+|$)/,
+        table: f,
+        lheading: /^([^\n]+)\n *(=|-){2,} *(?:\n+|$)/,
+        paragraph: /^([^\n]+(?:\n(?!hr|heading|lheading| {0,3}>|<\/?(?:tag)(?: +|\n|\/?>)|<(?:script|pre|style|!--))[^\n]+)*)/,
+        text: /^[^\n]+/
+    };
+
+    function a(e) {
+        this.tokens = [], this.tokens.links = Object.create(null), this.options = e || b.defaults, this.rules = k.normal, this.options.pedantic ? this.rules = k.pedantic : this.options.gfm && (this.options.tables ? this.rules = k.tables : this.rules = k.gfm)
+    }
+
+    k._label = /(?!\s*\])(?:\\[\[\]]|[^\[\]])+/, k._title = /(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/, k.def = i(k.def).replace("label", k._label).replace("title", k._title).getRegex(), k.bullet = /(?:[*+-]|\d{1,9}\.)/, k.item = /^( *)(bull) ?[^\n]*(?:\n(?!\1bull ?)[^\n]*)*/, k.item = i(k.item, "gm").replace(/bull/g, k.bullet).getRegex(), k.list = i(k.list).replace(/bull/g, k.bullet).replace("hr", "\\n+(?=\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$))").replace("def", "\\n+(?=" + k.def.source + ")").getRegex(), k._tag = "address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul", k._comment = /<!--(?!-?>)[\s\S]*?-->/, k.html = i(k.html, "i").replace("comment", k._comment).replace("tag", k._tag).replace("attribute", / +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(), k.paragraph = i(k.paragraph).replace("hr", k.hr).replace("heading", k.heading).replace("lheading", k.lheading).replace("tag", k._tag).getRegex(), k.blockquote = i(k.blockquote).replace("paragraph", k.paragraph).getRegex(), k.normal = d({}, k), k.gfm = d({}, k.normal, {
+        fences: /^ {0,3}(`{3,}|~{3,})([^`\n]*)\n(?:|([\s\S]*?)\n)(?: {0,3}\1[~`]* *(?:\n+|$)|$)/,
+        paragraph: /^/,
+        heading: /^ *(#{1,6}) +([^\n]+?) *#* *(?:\n+|$)/
+    }), k.gfm.paragraph = i(k.paragraph).replace("(?!", "(?!" + k.gfm.fences.source.replace("\\1", "\\2") + "|" + k.list.source.replace("\\1", "\\3") + "|").getRegex(), k.tables = d({}, k.gfm, {
+        nptable: /^ *([^|\n ].*\|.*)\n *([-:]+ *\|[-| :]*)(?:\n((?:.*[^>\n ].*(?:\n|$))*)\n*|$)/,
+        table: /^ *\|(.+)\n *\|?( *[-:]+[-| :]*)(?:\n((?: *[^>\n ].*(?:\n|$))*)\n*|$)/
+    }), k.pedantic = d({}, k.normal, {
+        html: i("^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:\"[^\"]*\"|'[^']*'|\\s[^'\"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))").replace("comment", k._comment).replace(/tag/g, "(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),
+        def: /^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/
+    }), a.rules = k, a.lex = function (e, t) {
+        return new a(t).lex(e)
+    }, a.prototype.lex = function (e) {
+        return e = e.replace(/\r\n|\r/g, "\n").replace(/\t/g, "    ").replace(/\u00a0/g, " ").replace(/\u2424/g, "\n"), this.token(e, !0)
+    }, a.prototype.token = function (e, t) {
+        var n, r, s, i, l, o, a, h, p, u, c, g, f, d, m, b;
+        for (e = e.replace(/^ +$/gm, ""); e;) if ((s = this.rules.newline.exec(e)) && (e = e.substring(s[0].length), 1 < s[0].length && this.tokens.push({type: "space"})), s = this.rules.code.exec(e)) e = e.substring(s[0].length), s = s[0].replace(/^ {4}/gm, ""), this.tokens.push({
+            type: "code",
+            text: this.options.pedantic ? s : y(s, "\n")
+        }); else if (s = this.rules.fences.exec(e)) e = e.substring(s[0].length), this.tokens.push({
+            type: "code",
+            lang: s[2] ? s[2].trim() : s[2],
+            text: s[3] || ""
+        }); else if (s = this.rules.heading.exec(e)) e = e.substring(s[0].length), this.tokens.push({
+            type: "heading",
+            depth: s[1].length,
+            text: s[2]
+        }); else if ((s = this.rules.nptable.exec(e)) && (o = {
+            type: "table",
+            header: x(s[1].replace(/^ *| *\| *$/g, "")),
+            align: s[2].replace(/^ *|\| *$/g, "").split(/ *\| */),
+            cells: s[3] ? s[3].replace(/\n$/, "").split("\n") : []
+        }).header.length === o.align.length) {
+            for (e = e.substring(s[0].length), c = 0; c < o.align.length; c++) /^ *-+: *$/.test(o.align[c]) ? o.align[c] = "right" : /^ *:-+: *$/.test(o.align[c]) ? o.align[c] = "center" : /^ *:-+ *$/.test(o.align[c]) ? o.align[c] = "left" : o.align[c] = null;
+            for (c = 0; c < o.cells.length; c++) o.cells[c] = x(o.cells[c], o.header.length);
+            this.tokens.push(o)
+        } else if (s = this.rules.hr.exec(e)) e = e.substring(s[0].length), this.tokens.push({type: "hr"}); else if (s = this.rules.blockquote.exec(e)) e = e.substring(s[0].length), this.tokens.push({type: "blockquote_start"}), s = s[0].replace(/^ *> ?/gm, ""), this.token(s, t), this.tokens.push({type: "blockquote_end"}); else if (s = this.rules.list.exec(e)) {
+            for (e = e.substring(s[0].length), a = {
+                type: "list_start",
+                ordered: d = 1 < (i = s[2]).length,
+                start: d ? +i : "",
+                loose: !1
+            }, this.tokens.push(a), n = !(h = []), f = (s = s[0].match(this.rules.item)).length, c = 0; c < f; c++) u = (o = s[c]).length, ~(o = o.replace(/^ *([*+-]|\d+\.) */, "")).indexOf("\n ") && (u -= o.length, o = this.options.pedantic ? o.replace(/^ {1,4}/gm, "") : o.replace(new RegExp("^ {1," + u + "}", "gm"), "")), c !== f - 1 && (l = k.bullet.exec(s[c + 1])[0], (1 < i.length ? 1 === l.length : 1 < l.length || this.options.smartLists && l !== i) && (e = s.slice(c + 1).join("\n") + e, c = f - 1)), r = n || /\n\n(?!\s*$)/.test(o), c !== f - 1 && (n = "\n" === o.charAt(o.length - 1), r || (r = n)), r && (a.loose = !0), b = void 0, (m = /^\[[ xX]\] /.test(o)) && (b = " " !== o[1], o = o.replace(/^\[[ xX]\] +/, "")), p = {
+                type: "list_item_start",
+                task: m,
+                checked: b,
+                loose: r
+            }, h.push(p), this.tokens.push(p), this.token(o, !1), this.tokens.push({type: "list_item_end"});
+            if (a.loose) for (f = h.length, c = 0; c < f; c++) h[c].loose = !0;
+            this.tokens.push({type: "list_end"})
+        } else if (s = this.rules.html.exec(e)) e = e.substring(s[0].length), this.tokens.push({
+            type: this.options.sanitize ? "paragraph" : "html",
+            pre: !this.options.sanitizer && ("pre" === s[1] || "script" === s[1] || "style" === s[1]),
+            text: s[0]
+        }); else if (t && (s = this.rules.def.exec(e))) e = e.substring(s[0].length), s[3] && (s[3] = s[3].substring(1, s[3].length - 1)), g = s[1].toLowerCase().replace(/\s+/g, " "), this.tokens.links[g] || (this.tokens.links[g] = {
+            href: s[2],
+            title: s[3]
+        }); else if ((s = this.rules.table.exec(e)) && (o = {
+            type: "table",
+            header: x(s[1].replace(/^ *| *\| *$/g, "")),
+            align: s[2].replace(/^ *|\| *$/g, "").split(/ *\| */),
+            cells: s[3] ? s[3].replace(/\n$/, "").split("\n") : []
+        }).header.length === o.align.length) {
+            for (e = e.substring(s[0].length), c = 0; c < o.align.length; c++) /^ *-+: *$/.test(o.align[c]) ? o.align[c] = "right" : /^ *:-+: *$/.test(o.align[c]) ? o.align[c] = "center" : /^ *:-+ *$/.test(o.align[c]) ? o.align[c] = "left" : o.align[c] = null;
+            for (c = 0; c < o.cells.length; c++) o.cells[c] = x(o.cells[c].replace(/^ *\| *| *\| *$/g, ""), o.header.length);
+            this.tokens.push(o)
+        } else if (s = this.rules.lheading.exec(e)) e = e.substring(s[0].length), this.tokens.push({
+            type: "heading",
+            depth: "=" === s[2] ? 1 : 2,
+            text: s[1]
+        }); else if (t && (s = this.rules.paragraph.exec(e))) e = e.substring(s[0].length), this.tokens.push({
+            type: "paragraph",
+            text: "\n" === s[1].charAt(s[1].length - 1) ? s[1].slice(0, -1) : s[1]
+        }); else if (s = this.rules.text.exec(e)) e = e.substring(s[0].length), this.tokens.push({
+            type: "text",
+            text: s[0]
+        }); else if (e) throw new Error("Infinite loop on byte: " + e.charCodeAt(0));
+        return this.tokens
+    };
+    var n = {
+        escape: /^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,
+        autolink: /^<(scheme:[^\s\x00-\x1f<>]*|email)>/,
+        url: f,
+        tag: "^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>",
+        link: /^!?\[(label)\]\(href(?:\s+(title))?\s*\)/,
+        reflink: /^!?\[(label)\]\[(?!\s*\])((?:\\[\[\]]?|[^\[\]\\])+)\]/,
+        nolink: /^!?\[(?!\s*\])((?:\[[^\[\]]*\]|\\[\[\]]|[^\[\]])*)\](?:\[\])?/,
+        strong: /^__([^\s_])__(?!_)|^\*\*([^\s*])\*\*(?!\*)|^__([^\s][\s\S]*?[^\s])__(?!_)|^\*\*([^\s][\s\S]*?[^\s])\*\*(?!\*)/,
+        em: /^_([^\s_])_(?!_)|^\*([^\s*"<\[])\*(?!\*)|^_([^\s][\s\S]*?[^\s_])_(?!_|[^\spunctuation])|^_([^\s_][\s\S]*?[^\s])_(?!_|[^\spunctuation])|^\*([^\s"<\[][\s\S]*?[^\s*])\*(?!\*)|^\*([^\s*"<\[][\s\S]*?[^\s])\*(?!\*)/,
+        code: /^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,
+        br: /^( {2,}|\\)\n(?!\s*$)/,
+        del: f,
+        text: /^(`+|[^`])(?:[\s\S]*?(?:(?=[\\<!\[`*]|\b_|$)|[^ ](?= {2,}\n))|(?= {2,}\n))/
+    };
+
+    function p(e, t) {
+        if (this.options = t || b.defaults, this.links = e, this.rules = n.normal, this.renderer = this.options.renderer || new r, this.renderer.options = this.options, !this.links) throw new Error("Tokens array requires a `links` property.");
+        this.options.pedantic ? this.rules = n.pedantic : this.options.gfm && (this.options.breaks ? this.rules = n.breaks : this.rules = n.gfm)
+    }
+
+    function r(e) {
+        this.options = e || b.defaults
+    }
+
+    function s() {
+    }
+
+    function h(e) {
+        this.tokens = [], this.token = null, this.options = e || b.defaults, this.options.renderer = this.options.renderer || new r, this.renderer = this.options.renderer, this.renderer.options = this.options, this.slugger = new t
+    }
+
+    function t() {
+        this.seen = {}
+    }
+
+    function u(e, t) {
+        if (t) {
+            if (u.escapeTest.test(e)) return e.replace(u.escapeReplace, function (e) {
+                return u.replacements[e]
+            })
+        } else if (u.escapeTestNoEncode.test(e)) return e.replace(u.escapeReplaceNoEncode, function (e) {
+            return u.replacements[e]
+        });
+        return e
+    }
+
+    function c(e) {
+        return e.replace(/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/gi, function (e, t) {
+            return "colon" === (t = t.toLowerCase()) ? ":" : "#" === t.charAt(0) ? "x" === t.charAt(1) ? String.fromCharCode(parseInt(t.substring(2), 16)) : String.fromCharCode(+t.substring(1)) : ""
+        })
+    }
+
+    function i(n, e) {
+        return n = n.source || n, e = e || "", {
+            replace: function (e, t) {
+                return t = (t = t.source || t).replace(/(^|[^\[])\^/g, "$1"), n = n.replace(e, t), this
+            }, getRegex: function () {
+                return new RegExp(n, e)
+            }
+        }
+    }
+
+    function l(e, t, n) {
+        if (e) {
+            try {
+                var r = decodeURIComponent(c(n)).replace(/[^\w:]/g, "").toLowerCase()
+            } catch (e) {
+                return null
+            }
+            if (0 === r.indexOf("javascript:") || 0 === r.indexOf("vbscript:") || 0 === r.indexOf("data:")) return null
+        }
+        t && !g.test(n) && (n = function (e, t) {
+            o[" " + e] || (/^[^:]+:\/*[^/]*$/.test(e) ? o[" " + e] = e + "/" : o[" " + e] = y(e, "/", !0));
+            return e = o[" " + e], "//" === t.slice(0, 2) ? e.replace(/:[\s\S]*/, ":") + t : "/" === t.charAt(0) ? e.replace(/(:\/*[^/]*)[\s\S]*/, "$1") + t : e + t
+        }(t, n));
+        try {
+            n = encodeURI(n).replace(/%25/g, "%")
+        } catch (e) {
+            return null
+        }
+        return n
+    }
+
+    n._punctuation = "!\"#$%&'()*+,\\-./:;<=>?@\\[^_{|}~", n.em = i(n.em).replace(/punctuation/g, n._punctuation).getRegex(), n._escapes = /\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/g, n._scheme = /[a-zA-Z][a-zA-Z0-9+.-]{1,31}/, n._email = /[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/, n.autolink = i(n.autolink).replace("scheme", n._scheme).replace("email", n._email).getRegex(), n._attribute = /\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/, n.tag = i(n.tag).replace("comment", k._comment).replace("attribute", n._attribute).getRegex(), n._label = /(?:\[[^\[\]]*\]|\\[\[\]]?|`[^`]*`|`(?!`)|[^\[\]\\`])*?/, n._href = /\s*(<(?:\\[<>]?|[^\s<>\\])*>|[^\s\x00-\x1f]*)/, n._title = /"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/, n.link = i(n.link).replace("label", n._label).replace("href", n._href).replace("title", n._title).getRegex(), n.reflink = i(n.reflink).replace("label", n._label).getRegex(), n.normal = d({}, n), n.pedantic = d({}, n.normal, {
+        strong: /^__(?=\S)([\s\S]*?\S)__(?!_)|^\*\*(?=\S)([\s\S]*?\S)\*\*(?!\*)/,
+        em: /^_(?=\S)([\s\S]*?\S)_(?!_)|^\*(?=\S)([\s\S]*?\S)\*(?!\*)/,
+        link: i(/^!?\[(label)\]\((.*?)\)/).replace("label", n._label).getRegex(),
+        reflink: i(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label", n._label).getRegex()
+    }), n.gfm = d({}, n.normal, {
+        escape: i(n.escape).replace("])", "~|])").getRegex(),
+        _extended_email: /[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/,
+        url: /^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/,
+        _backpedal: /(?:[^?!.,:;*_~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_~)]+(?!$))+/,
+        del: /^~+(?=\S)([\s\S]*?\S)~+/,
+        text: /^(`+|[^`])(?:[\s\S]*?(?:(?=[\\<!\[`*~]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@))|(?= {2,}\n|[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@))/
+    }), n.gfm.url = i(n.gfm.url, "i").replace("email", n.gfm._extended_email).getRegex(), n.breaks = d({}, n.gfm, {
+        br: i(n.br).replace("{2,}", "*").getRegex(),
+        text: i(n.gfm.text).replace(/\{2,\}/g, "*").getRegex()
+    }), p.rules = n, p.output = function (e, t, n) {
+        return new p(t, n).output(e)
+    }, p.prototype.output = function (e) {
+        for (var t, n, r, s, i, l, o = ""; e;) if (i = this.rules.escape.exec(e)) e = e.substring(i[0].length), o += u(i[1]); else if (i = this.rules.tag.exec(e)) !this.inLink && /^<a /i.test(i[0]) ? this.inLink = !0 : this.inLink && /^<\/a>/i.test(i[0]) && (this.inLink = !1), !this.inRawBlock && /^<(pre|code|kbd|script)(\s|>)/i.test(i[0]) ? this.inRawBlock = !0 : this.inRawBlock && /^<\/(pre|code|kbd|script)(\s|>)/i.test(i[0]) && (this.inRawBlock = !1), e = e.substring(i[0].length), o += this.options.sanitize ? this.options.sanitizer ? this.options.sanitizer(i[0]) : u(i[0]) : i[0]; else if (i = this.rules.link.exec(e)) {
+            var a = m(i[2], "()");
+            if (-1 < a) {
+                var h = i[0].length - (i[2].length - a) - (i[3] || "").length;
+                i[2] = i[2].substring(0, a), i[0] = i[0].substring(0, h).trim(), i[3] = ""
+            }
+            e = e.substring(i[0].length), this.inLink = !0, r = i[2], s = this.options.pedantic ? (t = /^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(r)) ? (r = t[1], t[3]) : "" : i[3] ? i[3].slice(1, -1) : "", r = r.trim().replace(/^<([\s\S]*)>$/, "$1"), o += this.outputLink(i, {
+                href: p.escapes(r),
+                title: p.escapes(s)
+            }), this.inLink = !1
+        } else if ((i = this.rules.reflink.exec(e)) || (i = this.rules.nolink.exec(e))) {
+            if (e = e.substring(i[0].length), t = (i[2] || i[1]).replace(/\s+/g, " "), !(t = this.links[t.toLowerCase()]) || !t.href) {
+                o += i[0].charAt(0), e = i[0].substring(1) + e;
+                continue
+            }
+            this.inLink = !0, o += this.outputLink(i, t), this.inLink = !1
+        } else if (i = this.rules.strong.exec(e)) e = e.substring(i[0].length), o += this.renderer.strong(this.output(i[4] || i[3] || i[2] || i[1])); else if (i = this.rules.em.exec(e)) e = e.substring(i[0].length), o += this.renderer.em(this.output(i[6] || i[5] || i[4] || i[3] || i[2] || i[1])); else if (i = this.rules.code.exec(e)) e = e.substring(i[0].length), o += this.renderer.codespan(u(i[2].trim(), !0)); else if (i = this.rules.br.exec(e)) e = e.substring(i[0].length), o += this.renderer.br(); else if (i = this.rules.del.exec(e)) e = e.substring(i[0].length), o += this.renderer.del(this.output(i[1])); else if (i = this.rules.autolink.exec(e)) e = e.substring(i[0].length), r = "@" === i[2] ? "mailto:" + (n = u(this.mangle(i[1]))) : n = u(i[1]), o += this.renderer.link(r, null, n); else if (this.inLink || !(i = this.rules.url.exec(e))) {
+            if (i = this.rules.text.exec(e)) e = e.substring(i[0].length), this.inRawBlock ? o += this.renderer.text(i[0]) : o += this.renderer.text(u(this.smartypants(i[0]))); else if (e) throw new Error("Infinite loop on byte: " + e.charCodeAt(0))
+        } else {
+            if ("@" === i[2]) r = "mailto:" + (n = u(i[0])); else {
+                for (; l = i[0], i[0] = this.rules._backpedal.exec(i[0])[0], l !== i[0];) ;
+                n = u(i[0]), r = "www." === i[1] ? "http://" + n : n
+            }
+            e = e.substring(i[0].length), o += this.renderer.link(r, null, n)
+        }
+        return o
+    }, p.escapes = function (e) {
+        return e ? e.replace(p.rules._escapes, "$1") : e
+    }, p.prototype.outputLink = function (e, t) {
+        var n = t.href, r = t.title ? u(t.title) : null;
+        return "!" !== e[0].charAt(0) ? this.renderer.link(n, r, this.output(e[1])) : this.renderer.image(n, r, u(e[1]))
+    }, p.prototype.smartypants = function (e) {
+        return this.options.smartypants ? e.replace(/---/g, "—").replace(/--/g, "–").replace(/(^|[-\u2014/(\[{"\s])'/g, "$1‘").replace(/'/g, "’").replace(/(^|[-\u2014/(\[{\u2018\s])"/g, "$1“").replace(/"/g, "”").replace(/\.{3}/g, "…") : e
+    }, p.prototype.mangle = function (e) {
+        if (!this.options.mangle) return e;
+        for (var t, n = "", r = e.length, s = 0; s < r; s++) t = e.charCodeAt(s), .5 < Math.random() && (t = "x" + t.toString(16)), n += "&#" + t + ";";
+        return n
+    }, r.prototype.code = function (e, t, n) {
+        var r = (t || "").match(/\S*/)[0];
+        if (this.options.highlight) {
+            var s = this.options.highlight(e, r);
+            null != s && s !== e && (n = !0, e = s)
+        }
+        return r ? '<pre><code class="' + this.options.langPrefix + u(r, !0) + '">' + (n ? e : u(e, !0)) + "</code></pre>\n" : "<pre><code>" + (n ? e : u(e, !0)) + "</code></pre>"
+    }, r.prototype.blockquote = function (e) {
+        return "<blockquote>\n" + e + "</blockquote>\n"
+    }, r.prototype.html = function (e) {
+        return e
+    }, r.prototype.heading = function (e, t, n, r) {
+        return this.options.headerIds ? "<h" + t + ' id="' + this.options.headerPrefix + r.slug(n) + '">' + e + "</h" + t + ">\n" : "<h" + t + ">" + e + "</h" + t + ">\n"
+    }, r.prototype.hr = function () {
+        return this.options.xhtml ? "<hr/>\n" : "<hr>\n"
+    }, r.prototype.list = function (e, t, n) {
+        var r = t ? "ol" : "ul";
+        return "<" + r + (t && 1 !== n ? ' start="' + n + '"' : "") + ">\n" + e + "</" + r + ">\n"
+    }, r.prototype.listitem = function (e) {
+        return "<li>" + e + "</li>\n"
+    }, r.prototype.checkbox = function (e) {
+        return "<input " + (e ? 'checked="" ' : "") + 'disabled="" type="checkbox"' + (this.options.xhtml ? " /" : "") + "> "
+    }, r.prototype.paragraph = function (e) {
+        return "<p>" + e + "</p>\n"
+    }, r.prototype.table = function (e, t) {
+        return t && (t = "<tbody>" + t + "</tbody>"), "<table>\n<thead>\n" + e + "</thead>\n" + t + "</table>\n"
+    }, r.prototype.tablerow = function (e) {
+        return "<tr>\n" + e + "</tr>\n"
+    }, r.prototype.tablecell = function (e, t) {
+        var n = t.header ? "th" : "td";
+        return (t.align ? "<" + n + ' align="' + t.align + '">' : "<" + n + ">") + e + "</" + n + ">\n"
+    }, r.prototype.strong = function (e) {
+        return "<strong>" + e + "</strong>"
+    }, r.prototype.em = function (e) {
+        return "<em>" + e + "</em>"
+    }, r.prototype.codespan = function (e) {
+        return "<code>" + e + "</code>"
+    }, r.prototype.br = function () {
+        return this.options.xhtml ? "<br/>" : "<br>"
+    }, r.prototype.del = function (e) {
+        return "<del>" + e + "</del>"
+    }, r.prototype.link = function (e, t, n) {
+        if (null === (e = l(this.options.sanitize, this.options.baseUrl, e))) return n;
+        var r = '<a href="' + u(e) + '"';
+        return t && (r += ' title="' + t + '"'), r += ">" + n + "</a>"
+    }, r.prototype.image = function (e, t, n) {
+        if (null === (e = l(this.options.sanitize, this.options.baseUrl, e))) return n;
+        var r = '<img src="' + e + '" alt="' + n + '"';
+        return t && (r += ' title="' + t + '"'), r += this.options.xhtml ? "/>" : ">"
+    }, r.prototype.text = function (e) {
+        return e
+    }, s.prototype.strong = s.prototype.em = s.prototype.codespan = s.prototype.del = s.prototype.text = function (e) {
+        return e
+    }, s.prototype.link = s.prototype.image = function (e, t, n) {
+        return "" + n
+    }, s.prototype.br = function () {
+        return ""
+    }, h.parse = function (e, t) {
+        return new h(t).parse(e)
+    }, h.prototype.parse = function (e) {
+        this.inline = new p(e.links, this.options), this.inlineText = new p(e.links, d({}, this.options, {renderer: new s})), this.tokens = e.reverse();
+        for (var t = ""; this.next();) t += this.tok();
+        return t
+    }, h.prototype.next = function () {
+        return this.token = this.tokens.pop()
+    }, h.prototype.peek = function () {
+        return this.tokens[this.tokens.length - 1] || 0
+    }, h.prototype.parseText = function () {
+        for (var e = this.token.text; "text" === this.peek().type;) e += "\n" + this.next().text;
+        return this.inline.output(e)
+    }, h.prototype.tok = function () {
+        switch (this.token.type) {
+            case"space":
+                return "";
+            case"hr":
+                return this.renderer.hr();
+            case"heading":
+                return this.renderer.heading(this.inline.output(this.token.text), this.token.depth, c(this.inlineText.output(this.token.text)), this.slugger);
+            case"code":
+                return this.renderer.code(this.token.text, this.token.lang, this.token.escaped);
+            case"table":
+                var e, t, n, r, s = "", i = "";
+                for (n = "", e = 0; e < this.token.header.length; e++) n += this.renderer.tablecell(this.inline.output(this.token.header[e]), {
+                    header: !0,
+                    align: this.token.align[e]
+                });
+                for (s += this.renderer.tablerow(n), e = 0; e < this.token.cells.length; e++) {
+                    for (t = this.token.cells[e], n = "", r = 0; r < t.length; r++) n += this.renderer.tablecell(this.inline.output(t[r]), {
+                        header: !1,
+                        align: this.token.align[r]
+                    });
+                    i += this.renderer.tablerow(n)
+                }
+                return this.renderer.table(s, i);
+            case"blockquote_start":
+                for (i = ""; "blockquote_end" !== this.next().type;) i += this.tok();
+                return this.renderer.blockquote(i);
+            case"list_start":
+                i = "";
+                for (var l = this.token.ordered, o = this.token.start; "list_end" !== this.next().type;) i += this.tok();
+                return this.renderer.list(i, l, o);
+            case"list_item_start":
+                i = "";
+                var a = this.token.loose, h = this.token.checked, p = this.token.task;
+                for (this.token.task && (i += this.renderer.checkbox(h)); "list_item_end" !== this.next().type;) i += a || "text" !== this.token.type ? this.tok() : this.parseText();
+                return this.renderer.listitem(i, p, h);
+            case"html":
+                return this.renderer.html(this.token.text);
+            case"paragraph":
+                return this.renderer.paragraph(this.inline.output(this.token.text));
+            case"text":
+                return this.renderer.paragraph(this.parseText());
+            default:
+                var u = 'Token with "' + this.token.type + '" type was not found.';
+                if (!this.options.silent) throw new Error(u);
+                console.log(u)
+        }
+    }, t.prototype.slug = function (e) {
+        var t = e.toLowerCase().trim().replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g, "").replace(/\s/g, "-");
+        if (this.seen.hasOwnProperty(t)) for (var n = t; this.seen[n]++, t = n + "-" + this.seen[n], this.seen.hasOwnProperty(t);) ;
+        return this.seen[t] = 0, t
+    }, u.escapeTest = /[&<>"']/, u.escapeReplace = /[&<>"']/g, u.replacements = {
+        "&": "&amp;",
+        "<": "&lt;",
+        ">": "&gt;",
+        '"': "&quot;",
+        "'": "&#39;"
+    }, u.escapeTestNoEncode = /[<>"']|&(?!#?\w+;)/, u.escapeReplaceNoEncode = /[<>"']|&(?!#?\w+;)/g;
+    var o = {}, g = /^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;
+
+    function f() {
+    }
+
+    function d(e) {
+        for (var t, n, r = 1; r < arguments.length; r++) for (n in t = arguments[r]) Object.prototype.hasOwnProperty.call(t, n) && (e[n] = t[n]);
+        return e
+    }
+
+    function x(e, t) {
+        var n = e.replace(/\|/g, function (e, t, n) {
+            for (var r = !1, s = t; 0 <= --s && "\\" === n[s];) r = !r;
+            return r ? "|" : " |"
+        }).split(/ \|/), r = 0;
+        if (n.length > t) n.splice(t); else for (; n.length < t;) n.push("");
+        for (; r < n.length; r++) n[r] = n[r].trim().replace(/\\\|/g, "|");
+        return n
+    }
+
+    function y(e, t, n) {
+        if (0 === e.length) return "";
+        for (var r = 0; r < e.length;) {
+            var s = e.charAt(e.length - r - 1);
+            if (s !== t || n) {
+                if (s === t || !n) break;
+                r++
+            } else r++
+        }
+        return e.substr(0, e.length - r)
+    }
+
+    function m(e, t) {
+        if (-1 === e.indexOf(t[1])) return -1;
+        for (var n = 0, r = 0; r < e.length; r++) if ("\\" === e[r]) r++; else if (e[r] === t[0]) n++; else if (e[r] === t[1] && --n < 0) return r;
+        return -1
+    }
+
+    function b(e, n, r) {
+        if (null == e) throw new Error("marked(): input parameter is undefined or null");
+        if ("string" != typeof e) throw new Error("marked(): input parameter is of type " + Object.prototype.toString.call(e) + ", string expected");
+        if (r || "function" == typeof n) {
+            r || (r = n, n = null);
+            var s, i, l = (n = d({}, b.defaults, n || {})).highlight, t = 0;
+            try {
+                s = a.lex(e, n)
+            } catch (e) {
+                return r(e)
+            }
+            i = s.length;
+            var o = function (t) {
+                if (t) return n.highlight = l, r(t);
+                var e;
+                try {
+                    e = h.parse(s, n)
+                } catch (e) {
+                    t = e
+                }
+                return n.highlight = l, t ? r(t) : r(null, e)
+            };
+            if (!l || l.length < 3) return o();
+            if (delete n.highlight, !i) return o();
+            for (; t < s.length; t++) !function (n) {
+                "code" !== n.type ? --i || o() : l(n.text, n.lang, function (e, t) {
+                    return e ? o(e) : null == t || t === n.text ? --i || o() : (n.text = t, n.escaped = !0, void (--i || o()))
+                })
+            }(s[t])
+        } else try {
+            return n && (n = d({}, b.defaults, n)), h.parse(a.lex(e, n), n)
+        } catch (e) {
+            if (e.message += "\nPlease report this to https://github.com/markedjs/marked.", (n || b.defaults).silent) return "<p>An error occurred:</p><pre>" + u(e.message + "", !0) + "</pre>";
+            throw e
+        }
+    }
+
+    f.exec = f, b.options = b.setOptions = function (e) {
+        return d(b.defaults, e), b
+    }, b.getDefaults = function () {
+        return {
+            baseUrl: null,
+            breaks: !1,
+            gfm: !0,
+            headerIds: !0,
+            headerPrefix: "",
+            highlight: null,
+            langPrefix: "language-",
+            mangle: !0,
+            pedantic: !1,
+            renderer: new r,
+            sanitize: !1,
+            sanitizer: null,
+            silent: !1,
+            smartLists: !1,
+            smartypants: !1,
+            tables: !0,
+            xhtml: !1
+        }
+    }, b.defaults = b.getDefaults(), b.Parser = h, b.parser = h.parse, b.Renderer = r, b.TextRenderer = s, b.Lexer = a, b.lexer = a.lex, b.InlineLexer = p, b.inlineLexer = p.output, b.Slugger = t, b.parse = b, "undefined" != typeof module && "object" == typeof exports ? module.exports = b : "function" == typeof define && define.amd ? define(function () {
+        return b
+    }) : e.marked = b
+}(this || ("undefined" != typeof window ? window : global));
diff --git a/src/main/resources/js/prettify.js b/src/main/resources/js/prettify.js
new file mode 100644
index 0000000..27b3a38
--- /dev/null
+++ b/src/main/resources/js/prettify.js
@@ -0,0 +1,549 @@
+!function () {/*
+
+ Copyright (C) 2013 Google Inc.
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+ Copyright (C) 2006 Google Inc.
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+    (function () {
+        function aa(g) {
+            function r() {
+                try {
+                    L.doScroll("left")
+                } catch (ba) {
+                    k.setTimeout(r, 50);
+                    return
+                }
+                x("poll")
+            }
+
+            function x(r) {
+                if ("readystatechange" != r.type || "complete" == z.readyState) ("load" == r.type ? k : z)[B](n + r.type, x, !1), !l && (l = !0) && g.call(k, r.type || r)
+            }
+
+            var X = z.addEventListener, l = !1, E = !0, v = X ? "addEventListener" : "attachEvent",
+                B = X ? "removeEventListener" : "detachEvent", n = X ? "" : "on";
+            if ("complete" == z.readyState) g.call(k, "lazy"); else {
+                if (z.createEventObject && L.doScroll) {
+                    try {
+                        E = !k.frameElement
+                    } catch (ba) {
+                    }
+                    E && r()
+                }
+                z[v](n +
+                    "DOMContentLoaded", x, !1);
+                z[v](n + "readystatechange", x, !1);
+                k[v](n + "load", x, !1)
+            }
+        }
+
+        function T() {
+            U && aa(function () {
+                var g = M.length;
+                ca(g ? function () {
+                    for (var r = 0; r < g; ++r) (function (g) {
+                        k.setTimeout(function () {
+                            k.exports[M[g]].apply(k, arguments)
+                        }, 0)
+                    })(r)
+                } : void 0)
+            })
+        }
+
+        for (var k = window, z = document, L = z.documentElement, N = z.head || z.getElementsByTagName("head")[0] || L, B = "", F = z.getElementsByTagName("script"), l = F.length; 0 <= --l;) {
+            var O = F[l], Y = O.src.match(/^[^?#]*\/run_prettify\.js(\?[^#]*)?(?:#.*)?$/);
+            if (Y) {
+                B = Y[1] || "";
+                O.parentNode.removeChild(O);
+                break
+            }
+        }
+        var U = !0, H = [], P = [], M = [];
+        B.replace(/[?&]([^&=]+)=([^&]+)/g, function (g, r, x) {
+            x = decodeURIComponent(x);
+            r = decodeURIComponent(r);
+            "autorun" == r ? U = !/^[0fn]/i.test(x) : "lang" == r ? H.push(x) : "skin" == r ? P.push(x) : "callback" == r && M.push(x)
+        });
+        l = 0;
+        for (B = H.length; l < B; ++l) (function () {
+            var g = z.createElement("script");
+            g.onload = g.onerror = g.onreadystatechange = function () {
+                !g || g.readyState && !/loaded|complete/.test(g.readyState) || (g.onerror = g.onload = g.onreadystatechange = null, --S, S || k.setTimeout(T, 0), g.parentNode && g.parentNode.removeChild(g),
+                    g = null)
+            };
+            g.type = "text/javascript";
+            g.src = "https://cdn.rawgit.com/google/code-prettify/master/loader/lang-" + encodeURIComponent(H[l]) + ".js";
+            N.insertBefore(g, N.firstChild)
+        })(H[l]);
+        for (var S = H.length, F = [], l = 0, B = P.length; l < B; ++l) F.push("https://cdn.rawgit.com/google/code-prettify/master/loader/skins/" + encodeURIComponent(P[l]) + ".css");
+        F.push("https://cdn.rawgit.com/google/code-prettify/master/loader/prettify.css");
+        (function (g) {
+            function r(l) {
+                if (l !== x) {
+                    var k = z.createElement("link");
+                    k.rel = "stylesheet";
+                    k.type =
+                        "text/css";
+                    l + 1 < x && (k.error = k.onerror = function () {
+                        r(l + 1)
+                    });
+                    k.href = g[l];
+                    N.appendChild(k)
+                }
+            }
+
+            var x = g.length;
+            r(0)
+        })(F);
+        var ca = function () {
+            "undefined" !== typeof window && (window.PR_SHOULD_USE_CONTINUATION = !0);
+            var g;
+            (function () {
+                function r(a) {
+                    function d(e) {
+                        var a = e.charCodeAt(0);
+                        if (92 !== a) return a;
+                        var c = e.charAt(1);
+                        return (a = k[c]) ? a : "0" <= c && "7" >= c ? parseInt(e.substring(1), 8) : "u" === c || "x" === c ? parseInt(e.substring(2), 16) : e.charCodeAt(1)
+                    }
+
+                    function f(e) {
+                        if (32 > e) return (16 > e ? "\\x0" : "\\x") + e.toString(16);
+                        e = String.fromCharCode(e);
+                        return "\\" === e || "-" === e || "]" === e || "^" === e ? "\\" + e : e
+                    }
+
+                    function c(e) {
+                        var c = e.substring(1, e.length - 1).match(RegExp("\\\\u[0-9A-Fa-f]{4}|\\\\x[0-9A-Fa-f]{2}|\\\\[0-3][0-7]{0,2}|\\\\[0-7]{1,2}|\\\\[\\s\\S]|-|[^-\\\\]", "g"));
+                        e = [];
+                        var a = "^" === c[0], b = ["["];
+                        a && b.push("^");
+                        for (var a = a ? 1 : 0, h = c.length; a < h; ++a) {
+                            var m = c[a];
+                            if (/\\[bdsw]/i.test(m)) b.push(m); else {
+                                var m = d(m), p;
+                                a + 2 < h && "-" === c[a + 1] ? (p = d(c[a + 2]), a += 2) : p = m;
+                                e.push([m, p]);
+                                65 > p || 122 < m || (65 > p || 90 < m || e.push([Math.max(65, m) | 32, Math.min(p, 90) | 32]), 97 > p || 122 < m ||
+                                e.push([Math.max(97, m) & -33, Math.min(p, 122) & -33]))
+                            }
+                        }
+                        e.sort(function (e, a) {
+                            return e[0] - a[0] || a[1] - e[1]
+                        });
+                        c = [];
+                        h = [];
+                        for (a = 0; a < e.length; ++a) m = e[a], m[0] <= h[1] + 1 ? h[1] = Math.max(h[1], m[1]) : c.push(h = m);
+                        for (a = 0; a < c.length; ++a) m = c[a], b.push(f(m[0])), m[1] > m[0] && (m[1] + 1 > m[0] && b.push("-"), b.push(f(m[1])));
+                        b.push("]");
+                        return b.join("")
+                    }
+
+                    function g(e) {
+                        for (var a = e.source.match(RegExp("(?:\\[(?:[^\\x5C\\x5D]|\\\\[\\s\\S])*\\]|\\\\u[A-Fa-f0-9]{4}|\\\\x[A-Fa-f0-9]{2}|\\\\[0-9]+|\\\\[^ux0-9]|\\(\\?[:!=]|[\\(\\)\\^]|[^\\x5B\\x5C\\(\\)\\^]+)",
+                            "g")), b = a.length, d = [], h = 0, m = 0; h < b; ++h) {
+                            var p = a[h];
+                            "(" === p ? ++m : "\\" === p.charAt(0) && (p = +p.substring(1)) && (p <= m ? d[p] = -1 : a[h] = f(p))
+                        }
+                        for (h = 1; h < d.length; ++h) -1 === d[h] && (d[h] = ++r);
+                        for (m = h = 0; h < b; ++h) p = a[h], "(" === p ? (++m, d[m] || (a[h] = "(?:")) : "\\" === p.charAt(0) && (p = +p.substring(1)) && p <= m && (a[h] = "\\" + d[p]);
+                        for (h = 0; h < b; ++h) "^" === a[h] && "^" !== a[h + 1] && (a[h] = "");
+                        if (e.ignoreCase && A) for (h = 0; h < b; ++h) p = a[h], e = p.charAt(0), 2 <= p.length && "[" === e ? a[h] = c(p) : "\\" !== e && (a[h] = p.replace(/[a-zA-Z]/g, function (a) {
+                            a = a.charCodeAt(0);
+                            return "[" + String.fromCharCode(a & -33, a | 32) + "]"
+                        }));
+                        return a.join("")
+                    }
+
+                    for (var r = 0, A = !1, q = !1, I = 0, b = a.length; I < b; ++I) {
+                        var t = a[I];
+                        if (t.ignoreCase) q = !0; else if (/[a-z]/i.test(t.source.replace(/\\u[0-9a-f]{4}|\\x[0-9a-f]{2}|\\[^ux]/gi, ""))) {
+                            A = !0;
+                            q = !1;
+                            break
+                        }
+                    }
+                    for (var k = {b: 8, t: 9, n: 10, v: 11, f: 12, r: 13}, u = [], I = 0, b = a.length; I < b; ++I) {
+                        t = a[I];
+                        if (t.global || t.multiline) throw Error("" + t);
+                        u.push("(?:" + g(t) + ")")
+                    }
+                    return new RegExp(u.join("|"), q ? "gi" : "g")
+                }
+
+                function l(a, d) {
+                    function f(a) {
+                        var b = a.nodeType;
+                        if (1 == b) {
+                            if (!c.test(a.className)) {
+                                for (b =
+                                         a.firstChild; b; b = b.nextSibling) f(b);
+                                b = a.nodeName.toLowerCase();
+                                if ("br" === b || "li" === b) g[q] = "\n", A[q << 1] = r++, A[q++ << 1 | 1] = a
+                            }
+                        } else if (3 == b || 4 == b) b = a.nodeValue, b.length && (b = d ? b.replace(/\r\n?/g, "\n") : b.replace(/[ \t\r\n]+/g, " "), g[q] = b, A[q << 1] = r, r += b.length, A[q++ << 1 | 1] = a)
+                    }
+
+                    var c = /(?:^|\s)nocode(?:\s|$)/, g = [], r = 0, A = [], q = 0;
+                    f(a);
+                    return {a: g.join("").replace(/\n$/, ""), c: A}
+                }
+
+                function k(a, d, f, c, g) {
+                    f && (a = {h: a, l: 1, j: null, m: null, a: f, c: null, i: d, g: null}, c(a), g.push.apply(g, a.g))
+                }
+
+                function z(a) {
+                    for (var d = void 0, f = a.firstChild; f; f =
+                        f.nextSibling) var c = f.nodeType, d = 1 === c ? d ? a : f : 3 === c ? S.test(f.nodeValue) ? a : d : d;
+                    return d === a ? void 0 : d
+                }
+
+                function E(a, d) {
+                    function f(a) {
+                        for (var q = a.i, r = a.h, b = [q, "pln"], t = 0, A = a.a.match(g) || [], u = {}, e = 0, l = A.length; e < l; ++e) {
+                            var D = A[e], w = u[D], h = void 0, m;
+                            if ("string" === typeof w) m = !1; else {
+                                var p = c[D.charAt(0)];
+                                if (p) h = D.match(p[1]), w = p[0]; else {
+                                    for (m = 0; m < n; ++m) if (p = d[m], h = D.match(p[1])) {
+                                        w = p[0];
+                                        break
+                                    }
+                                    h || (w = "pln")
+                                }
+                                !(m = 5 <= w.length && "lang-" === w.substring(0, 5)) || h && "string" === typeof h[1] || (m = !1, w = "src");
+                                m || (u[D] = w)
+                            }
+                            p = t;
+                            t += D.length;
+                            if (m) {
+                                m = h[1];
+                                var C = D.indexOf(m), G = C + m.length;
+                                h[2] && (G = D.length - h[2].length, C = G - m.length);
+                                w = w.substring(5);
+                                k(r, q + p, D.substring(0, C), f, b);
+                                k(r, q + p + C, m, F(w, m), b);
+                                k(r, q + p + G, D.substring(G), f, b)
+                            } else b.push(q + p, w)
+                        }
+                        a.g = b
+                    }
+
+                    var c = {}, g;
+                    (function () {
+                        for (var f = a.concat(d), q = [], k = {}, b = 0, t = f.length; b < t; ++b) {
+                            var n = f[b], u = n[3];
+                            if (u) for (var e = u.length; 0 <= --e;) c[u.charAt(e)] = n;
+                            n = n[1];
+                            u = "" + n;
+                            k.hasOwnProperty(u) || (q.push(n), k[u] = null)
+                        }
+                        q.push(/[\0-\uffff]/);
+                        g = r(q)
+                    })();
+                    var n = d.length;
+                    return f
+                }
+
+                function v(a) {
+                    var d =
+                        [], f = [];
+                    a.tripleQuotedStrings ? d.push(["str", /^(?:\'\'\'(?:[^\'\\]|\\[\s\S]|\'{1,2}(?=[^\']))*(?:\'\'\'|$)|\"\"\"(?:[^\"\\]|\\[\s\S]|\"{1,2}(?=[^\"]))*(?:\"\"\"|$)|\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$))/, null, "'\""]) : a.multiLineStrings ? d.push(["str", /^(?:\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$)|\`(?:[^\\\`]|\\[\s\S])*(?:\`|$))/, null, "'\"`"]) : d.push(["str", /^(?:\'(?:[^\\\'\r\n]|\\.)*(?:\'|$)|\"(?:[^\\\"\r\n]|\\.)*(?:\"|$))/, null, "\"'"]);
+                    a.verbatimStrings &&
+                    f.push(["str", /^@\"(?:[^\"]|\"\")*(?:\"|$)/, null]);
+                    var c = a.hashComments;
+                    c && (a.cStyleComments ? (1 < c ? d.push(["com", /^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/, null, "#"]) : d.push(["com", /^#(?:(?:define|e(?:l|nd)if|else|error|ifn?def|include|line|pragma|undef|warning)\b|[^\r\n]*)/, null, "#"]), f.push(["str", /^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h(?:h|pp|\+\+)?|[a-z]\w*)>/, null])) : d.push(["com", /^#[^\r\n]*/, null, "#"]));
+                    a.cStyleComments && (f.push(["com", /^\/\/[^\r\n]*/, null]), f.push(["com", /^\/\*[\s\S]*?(?:\*\/|$)/,
+                        null]));
+                    if (c = a.regexLiterals) {
+                        var g = (c = 1 < c ? "" : "\n\r") ? "." : "[\\S\\s]";
+                        f.push(["lang-regex", RegExp("^(?:^^\\.?|[+-]|[!=]=?=?|\\#|%=?|&&?=?|\\(|\\*=?|[+\\-]=|->|\\/=?|::?|<<?=?|>>?>?=?|,|;|\\?|@|\\[|~|{|\\^\\^?=?|\\|\\|?=?|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\\s*(" + ("/(?=[^/*" + c + "])(?:[^/\\x5B\\x5C" + c + "]|\\x5C" + g + "|\\x5B(?:[^\\x5C\\x5D" + c + "]|\\x5C" + g + ")*(?:\\x5D|$))+/") + ")")])
+                    }
+                    (c = a.types) && f.push(["typ", c]);
+                    c = ("" + a.keywords).replace(/^ | $/g, "");
+                    c.length && f.push(["kwd",
+                        new RegExp("^(?:" + c.replace(/[\s,]+/g, "|") + ")\\b"), null]);
+                    d.push(["pln", /^\s+/, null, " \r\n\t\u00a0"]);
+                    c = "^.[^\\s\\w.$@'\"`/\\\\]*";
+                    a.regexLiterals && (c += "(?!s*/)");
+                    f.push(["lit", /^@[a-z_$][a-z_$@0-9]*/i, null], ["typ", /^(?:[@_]?[A-Z]+[a-z][A-Za-z_$@0-9]*|\w+_t\b)/, null], ["pln", /^[a-z_$][a-z_$@0-9]*/i, null], ["lit", /^(?:0x[a-f0-9]+|(?:\d(?:_\d+)*\d*(?:\.\d*)?|\.\d\+)(?:e[+\-]?\d+)?)[a-z]*/i, null, "0123456789"], ["pln", /^\\[\s\S]?/, null], ["pun", new RegExp(c), null]);
+                    return E(d, f)
+                }
+
+                function B(a, d, f) {
+                    function c(a) {
+                        var b =
+                            a.nodeType;
+                        if (1 == b && !r.test(a.className)) if ("br" === a.nodeName.toLowerCase()) g(a), a.parentNode && a.parentNode.removeChild(a); else for (a = a.firstChild; a; a = a.nextSibling) c(a); else if ((3 == b || 4 == b) && f) {
+                            var e = a.nodeValue, d = e.match(n);
+                            d && (b = e.substring(0, d.index), a.nodeValue = b, (e = e.substring(d.index + d[0].length)) && a.parentNode.insertBefore(q.createTextNode(e), a.nextSibling), g(a), b || a.parentNode.removeChild(a))
+                        }
+                    }
+
+                    function g(a) {
+                        function c(a, b) {
+                            var e = b ? a.cloneNode(!1) : a, p = a.parentNode;
+                            if (p) {
+                                var p = c(p, 1), d = a.nextSibling;
+                                p.appendChild(e);
+                                for (var f = d; f; f = d) d = f.nextSibling, p.appendChild(f)
+                            }
+                            return e
+                        }
+
+                        for (; !a.nextSibling;) if (a = a.parentNode, !a) return;
+                        a = c(a.nextSibling, 0);
+                        for (var e; (e = a.parentNode) && 1 === e.nodeType;) a = e;
+                        b.push(a)
+                    }
+
+                    for (var r = /(?:^|\s)nocode(?:\s|$)/, n = /\r\n?|\n/, q = a.ownerDocument, k = q.createElement("li"); a.firstChild;) k.appendChild(a.firstChild);
+                    for (var b = [k], t = 0; t < b.length; ++t) c(b[t]);
+                    d === (d | 0) && b[0].setAttribute("value", d);
+                    var l = q.createElement("ol");
+                    l.className = "linenums";
+                    d = Math.max(0, d - 1 | 0) || 0;
+                    for (var t =
+                        0, u = b.length; t < u; ++t) k = b[t], k.className = "L" + (t + d) % 10, k.firstChild || k.appendChild(q.createTextNode("\u00a0")), l.appendChild(k);
+                    a.appendChild(l)
+                }
+
+                function n(a, d) {
+                    for (var f = d.length; 0 <= --f;) {
+                        var c = d[f];
+                        V.hasOwnProperty(c) ? Q.console && console.warn("cannot override language handler %s", c) : V[c] = a
+                    }
+                }
+
+                function F(a, d) {
+                    a && V.hasOwnProperty(a) || (a = /^\s*</.test(d) ? "default-markup" : "default-code");
+                    return V[a]
+                }
+
+                function H(a) {
+                    var d = a.j;
+                    try {
+                        var f = l(a.h, a.l), c = f.a;
+                        a.a = c;
+                        a.c = f.c;
+                        a.i = 0;
+                        F(d, c)(a);
+                        var g = /\bMSIE\s(\d+)/.exec(navigator.userAgent),
+                            g = g && 8 >= +g[1], d = /\n/g, r = a.a, k = r.length, f = 0, q = a.c, n = q.length, c = 0,
+                            b = a.g, t = b.length, v = 0;
+                        b[t] = k;
+                        var u, e;
+                        for (e = u = 0; e < t;) b[e] !== b[e + 2] ? (b[u++] = b[e++], b[u++] = b[e++]) : e += 2;
+                        t = u;
+                        for (e = u = 0; e < t;) {
+                            for (var x = b[e], z = b[e + 1], w = e + 2; w + 2 <= t && b[w + 1] === z;) w += 2;
+                            b[u++] = x;
+                            b[u++] = z;
+                            e = w
+                        }
+                        b.length = u;
+                        var h = a.h;
+                        a = "";
+                        h && (a = h.style.display, h.style.display = "none");
+                        try {
+                            for (; c < n;) {
+                                var m = q[c + 2] || k, p = b[v + 2] || k, w = Math.min(m, p), C = q[c + 1], G;
+                                if (1 !== C.nodeType && (G = r.substring(f, w))) {
+                                    g && (G = G.replace(d, "\r"));
+                                    C.nodeValue = G;
+                                    var Z = C.ownerDocument,
+                                        W = Z.createElement("span");
+                                    W.className = b[v + 1];
+                                    var B = C.parentNode;
+                                    B.replaceChild(W, C);
+                                    W.appendChild(C);
+                                    f < m && (q[c + 1] = C = Z.createTextNode(r.substring(w, m)), B.insertBefore(C, W.nextSibling))
+                                }
+                                f = w;
+                                f >= m && (c += 2);
+                                f >= p && (v += 2)
+                            }
+                        } finally {
+                            h && (h.style.display = a)
+                        }
+                    } catch (y) {
+                        Q.console && console.log(y && y.stack || y)
+                    }
+                }
+
+                var Q = "undefined" !== typeof window ? window : {}, J = ["break,continue,do,else,for,if,return,while"],
+                    K = [[J, "auto,case,char,const,default,double,enum,extern,float,goto,inline,int,long,register,restrict,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"],
+                        "catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof"],
+                    R = [K, "alignas,alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,delegate,dynamic_cast,explicit,export,friend,generic,late_check,mutable,namespace,noexcept,noreturn,nullptr,property,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where"],
+                    L = [K, "abstract,assert,boolean,byte,extends,finally,final,implements,import,instanceof,interface,null,native,package,strictfp,super,synchronized,throws,transient"],
+                    M = [K, "abstract,add,alias,as,ascending,async,await,base,bool,by,byte,checked,decimal,delegate,descending,dynamic,event,finally,fixed,foreach,from,get,global,group,implicit,in,interface,internal,into,is,join,let,lock,null,object,out,override,orderby,params,partial,readonly,ref,remove,sbyte,sealed,select,set,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,value,var,virtual,where,yield"],
+                    K = [K, "abstract,async,await,constructor,debugger,enum,eval,export,from,function,get,import,implements,instanceof,interface,let,null,of,set,undefined,var,with,yield,Infinity,NaN"],
+                    N = [J, "and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None"],
+                    O = [J, "alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END"],
+                    J = [J, "case,done,elif,esac,eval,fi,function,in,local,set,then,until"],
+                    P = /^(DIR|FILE|array|vector|(de|priority_)?queue|(forward_)?list|stack|(const_)?(reverse_)?iterator|(unordered_)?(multi)?(set|map)|bitset|u?(int|float)\d*)\b/,
+                    S = /\S/, T = v({
+                        keywords: [R, M, L, K, "caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END", N, O, J],
+                        hashComments: !0,
+                        cStyleComments: !0,
+                        multiLineStrings: !0,
+                        regexLiterals: !0
+                    }), V = {};
+                n(T, ["default-code"]);
+                n(E([], [["pln", /^[^<?]+/], ["dec", /^<!\w[^>]*(?:>|$)/], ["com", /^<\!--[\s\S]*?(?:-\->|$)/], ["lang-", /^<\?([\s\S]+?)(?:\?>|$)/], ["lang-", /^<%([\s\S]+?)(?:%>|$)/], ["pun", /^(?:<[%?]|[%?]>)/], ["lang-",
+                    /^<xmp\b[^>]*>([\s\S]+?)<\/xmp\b[^>]*>/i], ["lang-js", /^<script\b[^>]*>([\s\S]*?)(<\/script\b[^>]*>)/i], ["lang-css", /^<style\b[^>]*>([\s\S]*?)(<\/style\b[^>]*>)/i], ["lang-in.tag", /^(<\/?[a-z][^<>]*>)/i]]), "default-markup htm html mxml xhtml xml xsl".split(" "));
+                n(E([["pln", /^[\s]+/, null, " \t\r\n"], ["atv", /^(?:\"[^\"]*\"?|\'[^\']*\'?)/, null, "\"'"]], [["tag", /^^<\/?[a-z](?:[\w.:-]*\w)?|\/?>$/i], ["atn", /^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i], ["lang-uq.val", /^=\s*([^>\'\"\s]*(?:[^>\'\"\s\/]|\/(?=\s)))/],
+                    ["pun", /^[=<>\/]+/], ["lang-js", /^on\w+\s*=\s*\"([^\"]+)\"/i], ["lang-js", /^on\w+\s*=\s*\'([^\']+)\'/i], ["lang-js", /^on\w+\s*=\s*([^\"\'>\s]+)/i], ["lang-css", /^style\s*=\s*\"([^\"]+)\"/i], ["lang-css", /^style\s*=\s*\'([^\']+)\'/i], ["lang-css", /^style\s*=\s*([^\"\'>\s]+)/i]]), ["in.tag"]);
+                n(E([], [["atv", /^[\s\S]+/]]), ["uq.val"]);
+                n(v({keywords: R, hashComments: !0, cStyleComments: !0, types: P}), "c cc cpp cxx cyc m".split(" "));
+                n(v({keywords: "null,true,false"}), ["json"]);
+                n(v({
+                    keywords: M, hashComments: !0, cStyleComments: !0,
+                    verbatimStrings: !0, types: P
+                }), ["cs"]);
+                n(v({keywords: L, cStyleComments: !0}), ["java"]);
+                n(v({keywords: J, hashComments: !0, multiLineStrings: !0}), ["bash", "bsh", "csh", "sh"]);
+                n(v({
+                    keywords: N,
+                    hashComments: !0,
+                    multiLineStrings: !0,
+                    tripleQuotedStrings: !0
+                }), ["cv", "py", "python"]);
+                n(v({
+                        keywords: "caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END",
+                        hashComments: !0,
+                        multiLineStrings: !0,
+                        regexLiterals: 2
+                    }),
+                    ["perl", "pl", "pm"]);
+                n(v({keywords: O, hashComments: !0, multiLineStrings: !0, regexLiterals: !0}), ["rb", "ruby"]);
+                n(v({keywords: K, cStyleComments: !0, regexLiterals: !0}), ["javascript", "js", "ts", "typescript"]);
+                n(v({
+                    keywords: "all,and,by,catch,class,else,extends,false,finally,for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then,throw,true,try,unless,until,when,while,yes",
+                    hashComments: 3,
+                    cStyleComments: !0,
+                    multilineStrings: !0,
+                    tripleQuotedStrings: !0,
+                    regexLiterals: !0
+                }), ["coffee"]);
+                n(E([], [["str", /^[\s\S]+/]]),
+                    ["regex"]);
+                var U = Q.PR = {
+                    createSimpleLexer: E,
+                    registerLangHandler: n,
+                    sourceDecorator: v,
+                    PR_ATTRIB_NAME: "atn",
+                    PR_ATTRIB_VALUE: "atv",
+                    PR_COMMENT: "com",
+                    PR_DECLARATION: "dec",
+                    PR_KEYWORD: "kwd",
+                    PR_LITERAL: "lit",
+                    PR_NOCODE: "nocode",
+                    PR_PLAIN: "pln",
+                    PR_PUNCTUATION: "pun",
+                    PR_SOURCE: "src",
+                    PR_STRING: "str",
+                    PR_TAG: "tag",
+                    PR_TYPE: "typ",
+                    prettyPrintOne: function (a, d, f) {
+                        f = f || !1;
+                        d = d || null;
+                        var c = document.createElement("div");
+                        c.innerHTML = "<pre>" + a + "</pre>";
+                        c = c.firstChild;
+                        f && B(c, f, !0);
+                        H({j: d, m: f, h: c, l: 1, a: null, i: null, c: null, g: null});
+                        return c.innerHTML
+                    },
+                    prettyPrint: g = function (a, d) {
+                        function f() {
+                            for (var c = Q.PR_SHOULD_USE_CONTINUATION ? b.now() + 250 : Infinity; t < r.length && b.now() < c; t++) {
+                                for (var d = r[t], k = h, n = d; n = n.previousSibling;) {
+                                    var q = n.nodeType, l = (7 === q || 8 === q) && n.nodeValue;
+                                    if (l ? !/^\??prettify\b/.test(l) : 3 !== q || /\S/.test(n.nodeValue)) break;
+                                    if (l) {
+                                        k = {};
+                                        l.replace(/\b(\w+)=([\w:.%+-]+)/g, function (a, b, c) {
+                                            k[b] = c
+                                        });
+                                        break
+                                    }
+                                }
+                                n = d.className;
+                                if ((k !== h || u.test(n)) && !e.test(n)) {
+                                    q = !1;
+                                    for (l = d.parentNode; l; l = l.parentNode) if (w.test(l.tagName) && l.className &&
+                                        u.test(l.className)) {
+                                        q = !0;
+                                        break
+                                    }
+                                    if (!q) {
+                                        d.className += " prettyprinted";
+                                        q = k.lang;
+                                        if (!q) {
+                                            var q = n.match(v), A;
+                                            !q && (A = z(d)) && D.test(A.tagName) && (q = A.className.match(v));
+                                            q && (q = q[1])
+                                        }
+                                        if (x.test(d.tagName)) l = 1; else var l = d.currentStyle, y = g.defaultView,
+                                            l = (l = l ? l.whiteSpace : y && y.getComputedStyle ? y.getComputedStyle(d, null).getPropertyValue("white-space") : 0) && "pre" === l.substring(0, 3);
+                                        y = k.linenums;
+                                        (y = "true" === y || +y) || (y = (y = n.match(/\blinenums\b(?::(\d+))?/)) ? y[1] && y[1].length ? +y[1] : !0 : !1);
+                                        y && B(d, y, l);
+                                        H({
+                                            j: q, h: d, m: y,
+                                            l: l, a: null, i: null, c: null, g: null
+                                        })
+                                    }
+                                }
+                            }
+                            t < r.length ? Q.setTimeout(f, 250) : "function" === typeof a && a()
+                        }
+
+                        for (var c = d || document.body, g = c.ownerDocument || document, c = [c.getElementsByTagName("pre"), c.getElementsByTagName("code"), c.getElementsByTagName("xmp")], r = [], k = 0; k < c.length; ++k) for (var n = 0, l = c[k].length; n < l; ++n) r.push(c[k][n]);
+                        var c = null, b = Date;
+                        b.now || (b = {
+                            now: function () {
+                                return +new Date
+                            }
+                        });
+                        var t = 0, v = /\blang(?:uage)?-([\w.]+)(?!\S)/, u = /\bprettyprint\b/, e = /\bprettyprinted\b/,
+                            x = /pre|xmp/i, D = /^code$/i, w = /^(?:pre|code|xmp)$/i,
+                            h = {};
+                        f()
+                    }
+                }, R = Q.define;
+                "function" === typeof R && R.amd && R("google-code-prettify", [], function () {
+                    return U
+                })
+            })();
+            return g
+        }();
+        S || k.setTimeout(T, 0)
+    })();
+}();
diff --git a/src/main/resources/views/files.rocker.html b/src/main/resources/views/files.rocker.html
index 097918a..7a2d432 100644
--- a/src/main/resources/views/files.rocker.html
+++ b/src/main/resources/views/files.rocker.html
@@ -1,7 +1,13 @@
 @import java.util.ArrayList
 @args (ArrayList files)
-@layout.template(files.size() + " Files") -> {
+
+@css => {
+<link href="/css/files.css" rel="stylesheet">
+}
+
+@layout.template(files.size() + " Files", css, RockerContent.NONE) -> {
 @for (String file : files) {
-<a href="@file">@file</a><br>
+<a class="filename" href="@file">@file</a><br>
+<hr>
 }
 }
diff --git a/src/main/resources/views/fileview.rocker.html b/src/main/resources/views/fileview.rocker.html
index 03a7418..1029b9b 100644
--- a/src/main/resources/views/fileview.rocker.html
+++ b/src/main/resources/views/fileview.rocker.html
@@ -1,5 +1,18 @@
-@args (String content, String filename)
+@args (String content, String filename, String extension)
 
-@layout.template("File " + filename) -> {
-@content
+@css => {
+<link href="/css/fileview.css" rel="stylesheet">
+}
+
+@js => {
+<script>const extension = "@extension";</script>
+<script src="/js/prettify.js"></script>
+<script src="/js/marked.js"></script>
+<script src="/js/fileview.js"></script>
+}
+
+@layout.template("File " + filename, css, js) -> {
+<button class="switch" id="switch">Show raw</button>
+<pre class="prettyprint" id="content"><code class="lang-@extension">@content</code></pre>
+<div class="preview" id="preview"></div>
 }
diff --git a/src/main/resources/views/layout.rocker.html b/src/main/resources/views/layout.rocker.html
index 583c723..c7c7bc3 100644
--- a/src/main/resources/views/layout.rocker.html
+++ b/src/main/resources/views/layout.rocker.html
@@ -1,4 +1,4 @@
-@args (String title, RockerBody content)
+@args (String title, RockerContent css, RockerContent js, RockerBody content)
 
 <!doctype html>
 <html lang="en">
@@ -7,9 +7,12 @@
     <meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
           name="viewport">
     <meta content="ie=edge" http-equiv="X-UA-Compatible">
+    <link href="/css/layout.css" rel="stylesheet">
+    @css
     <title>@title</title>
 </head>
 <body>
 @content
+@js
 </body>
 </html>
diff --git a/src/main/resources/views/upload.rocker.html b/src/main/resources/views/upload.rocker.html
index 441a570..b36abdc 100644
--- a/src/main/resources/views/upload.rocker.html
+++ b/src/main/resources/views/upload.rocker.html
@@ -1,6 +1,6 @@
 @args (String content)
 
-@layout.template("Upload") -> {
+@layout.template("Upload", RockerContent.NONE, RockerContent.NONE) -> {
 <form action="/api/upload?dir=test" enctype="multipart/form-data" method="post">
     <input multiple name="files" type="file">
     <button>Submit</button>