{"ScriptPreparationCode":"var conv = {\r\n showdown: new showdown.Converter(),\r\n marked: marked,\r\n cm: new commonmark.HtmlRenderer(),\r\n mdit: markdownit({ html: true }),\r\n remarkable: new remarkable.Remarkable(),\r\n micromarkdown: window.micromarkdown,\r\n snarkdown: window.snarkdown\r\n};\r\n\r\nvar pars = {\r\n cm: new commonmark.Parser()\r\n};\r\n\r\nvar md = [\r\n\t\t\u0022---\u0022,\r\n\u0022__Advertisement :)__\u0022,\r\n\u0022\u0022,\r\n\u0022- __[pica](https://nodeca.github.io/pica/demo/)__ - high quality and fast image\u0022,\r\n\u0022 resize in browser.\u0022,\r\n\u0022- __[babelfish](https://github.com/nodeca/babelfish/)__ - developer friendly\u0022,\r\n\u0022 i18n with plurals support and easy syntax.\u0022,\r\n\u0022\u0022,\r\n\u0022You will like those projects!\u0022,\r\n\u0022\u0022,\r\n\u0022---\u0022,\r\n\u0022\u0022,\r\n\u0022# h1 Heading 8-)\u0022,\r\n\u0022## h2 Heading\u0022,\r\n\u0022### h3 Heading\u0022,\r\n\u0022#### h4 Heading\u0022,\r\n\u0022##### h5 Heading\u0022,\r\n\u0022###### h6 Heading\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022## Horizontal Rules\u0022,\r\n\u0022\u0022,\r\n\u0022___\u0022,\r\n\u0022\u0022,\r\n\u0022---\u0022,\r\n\u0022\u0022,\r\n\u0022***\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022## Typographic replacements\u0022,\r\n\u0022\u0022,\r\n\u0022Enable typographer option to see result.\u0022,\r\n\u0022\u0022,\r\n\u0022(c) (C) (r) (R) (tm) (TM) (p) (P) \u002B-\u0022,\r\n\u0022\u0022,\r\n\u0022test.. test... test..... test?..... test!....\u0022,\r\n\u0022\u0022,\r\n\u0022!!!!!! ???? ,, -- ---\u0022,\r\n\u0022\u0022,\r\n\u0022\\\u0022Smartypants, double quotes\\\u0022 and \u0027single quotes\u0027\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022## Emphasis\u0022,\r\n\u0022\u0022,\r\n\u0022**This is bold text**\u0022,\r\n\u0022\u0022,\r\n\u0022__This is bold text__\u0022,\r\n\u0022\u0022,\r\n\u0022*This is italic text*\u0022,\r\n\u0022\u0022,\r\n\u0022_This is italic text_\u0022,\r\n\u0022\u0022,\r\n\u0022~~Strikethrough~~\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022## Blockquotes\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022\u003E Blockquotes can also be nested...\u0022,\r\n\u0022\u003E\u003E ...by using additional greater-than signs right next to each other...\u0022,\r\n\u0022\u003E \u003E \u003E ...or with spaces between arrows.\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022## Lists\u0022,\r\n\u0022\u0022,\r\n\u0022Unordered\u0022,\r\n\u0022\u0022,\r\n\u0022\u002B Create a list by starting a line with \u0060\u002B\u0060, \u0060-\u0060, or \u0060*\u0060\u0022,\r\n\u0022\u002B Sub-lists are made by indenting 2 spaces:\u0022,\r\n\u0022 - Marker character change forces new list start:\u0022,\r\n\u0022 * Ac tristique libero volutpat at\u0022,\r\n\u0022 \u002B Facilisis in pretium nisl aliquet\u0022,\r\n\u0022 - Nulla volutpat aliquam velit\u0022,\r\n\u0022\u002B Very easy!\u0022,\r\n\u0022\u0022,\r\n\u0022Ordered\u0022,\r\n\u0022\u0022,\r\n\u00221. Lorem ipsum dolor sit amet\u0022,\r\n\u00222. Consectetur adipiscing elit\u0022,\r\n\u00223. Integer molestie lorem at massa\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u00221. You can use sequential numbers...\u0022,\r\n\u00221. ...or keep all the numbers as \u00601.\u0060\u0022,\r\n\u0022\u0022,\r\n\u0022Start numbering with offset:\u0022,\r\n\u0022\u0022,\r\n\u002257. foo\u0022,\r\n\u00221. bar\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022## Code\u0022,\r\n\u0022\u0022,\r\n\u0022Inline \u0060code\u0060\u0022,\r\n\u0022\u0022,\r\n\u0022Indented code\u0022,\r\n\u0022\u0022,\r\n\u0022 // Some comments\u0022,\r\n\u0022 line 1 of code\u0022,\r\n\u0022 line 2 of code\u0022,\r\n\u0022 line 3 of code\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022Block code \\\u0022fences\\\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022\u0060\u0060\u0060\u0022,\r\n\u0022Sample text here...\u0022,\r\n\u0022\u0060\u0060\u0060\u0022,\r\n\u0022\u0022,\r\n\u0022Syntax highlighting\u0022,\r\n\u0022\u0022,\r\n\u0022\u0060\u0060\u0060 js\u0022,\r\n\u0022var foo = function (bar) {\u0022,\r\n\u0022 return bar\u002B\u002B;\u0022,\r\n\u0022};\u0022,\r\n\u0022\u0022,\r\n\u0022console.log(foo(5));\u0022,\r\n\u0022\u0060\u0060\u0060\u0022,\r\n\u0022\u0022,\r\n\u0022## Tables\u0022,\r\n\u0022\u0022,\r\n\u0022| Option | Description |\u0022,\r\n\u0022| ------ | ----------- |\u0022,\r\n\u0022| data | path to data files to supply the data that will be passed into templates. |\u0022,\r\n\u0022| engine | engine to be used for processing templates. Handlebars is the default. |\u0022,\r\n\u0022| ext | extension to be used for dest files. |\u0022,\r\n\u0022\u0022,\r\n\u0022Right aligned columns\u0022,\r\n\u0022\u0022,\r\n\u0022| Option | Description |\u0022,\r\n\u0022| ------:| -----------:|\u0022,\r\n\u0022| data | path to data files to supply the data that will be passed into templates. |\u0022,\r\n\u0022| engine | engine to be used for processing templates. Handlebars is the default. |\u0022,\r\n\u0022| ext | extension to be used for dest files. |\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022## Links\u0022,\r\n\u0022\u0022,\r\n\u0022[link text](http://dev.nodeca.com)\u0022,\r\n\u0022\u0022,\r\n\u0022[link with title](http://nodeca.github.io/pica/demo/ \\\u0022title text!\\\u0022)\u0022,\r\n\u0022\u0022,\r\n\u0022Autoconverted link https://github.com/nodeca/pica (enable linkify to see)\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022## Images\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022Like links, Images also have a footnote style syntax\u0022,\r\n\u0022\u0022,\r\n\u0022![Alt text][id]\u0022,\r\n\u0022\u0022,\r\n\u0022With a reference later in the document defining the URL location:\u0022,\r\n\u0022\u0022,\r\n\u0022[id]: https://octodex.github.com/images/dojocat.jpg \\\u0022The Dojocat\\\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022## Plugins\u0022,\r\n\u0022\u0022,\r\n\u0022The killer feature of \u0060markdown-it\u0060 is very effective support of\u0022,\r\n\u0022[syntax plugins](https://www.npmjs.org/browse/keyword/markdown-it-plugin).\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022### [Emojies](https://github.com/markdown-it/markdown-it-emoji)\u0022,\r\n\u0022\u0022,\r\n\u0022\u003E Classic markup: :wink: :crush: :cry: :tear: :laughing: :yum:\u0022,\r\n\u0022\u003E\u0022,\r\n\u0022\u003E Shortcuts (emoticons): :-) :-( 8-) ;)\u0022,\r\n\u0022\u0022,\r\n\u0022see [how to change output](https://github.com/markdown-it/markdown-it-emoji#change-output) with twemoji.\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022### [Subscipt](https://github.com/markdown-it/markdown-it-sub) / [Superscirpt](https://github.com/markdown-it/markdown-it-sup)\u0022,\r\n\u0022\u0022,\r\n\u0022- 19^th^\u0022,\r\n\u0022- H~2~O\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022### [\\\u003Cins\u003E](https://github.com/markdown-it/markdown-it-ins)\u0022,\r\n\u0022\u0022,\r\n\u0022\u002B\u002BInserted text\u002B\u002B\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022### [\\\u003Cmark\u003E](https://github.com/markdown-it/markdown-it-mark)\u0022,\r\n\u0022\u0022,\r\n\u0022==Marked text==\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022### [Footnotes](https://github.com/markdown-it/markdown-it-footnote)\u0022,\r\n\u0022\u0022,\r\n\u0022Footnote 1 link[^first].\u0022,\r\n\u0022\u0022,\r\n\u0022Footnote 2 link[^second].\u0022,\r\n\u0022\u0022,\r\n\u0022Inline footnote^[Text of inline footnote] definition.\u0022,\r\n\u0022\u0022,\r\n\u0022Duplicated footnote reference[^second].\u0022,\r\n\u0022\u0022,\r\n\u0022[^first]: Footnote **can have markup**\u0022,\r\n\u0022\u0022,\r\n\u0022 and multiple paragraphs.\u0022,\r\n\u0022\u0022,\r\n\u0022[^second]: Footnote text.\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022### [Definition lists](https://github.com/markdown-it/markdown-it-deflist)\u0022,\r\n\u0022\u0022,\r\n\u0022Term 1\u0022,\r\n\u0022\u0022,\r\n\u0022: Definition 1\u0022,\r\n\u0022with lazy continuation.\u0022,\r\n\u0022\u0022,\r\n\u0022Term 2 with *inline markup*\u0022,\r\n\u0022\u0022,\r\n\u0022: Definition 2\u0022,\r\n\u0022\u0022,\r\n\u0022 { some code, part of Definition 2 }\u0022,\r\n\u0022\u0022,\r\n\u0022 Third paragraph of definition 2.\u0022,\r\n\u0022\u0022,\r\n\u0022_Compact style:_\u0022,\r\n\u0022\u0022,\r\n\u0022Term 1\u0022,\r\n\u0022 ~ Definition 1\u0022,\r\n\u0022\u0022,\r\n\u0022Term 2\u0022,\r\n\u0022 ~ Definition 2a\u0022,\r\n\u0022 ~ Definition 2b\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022### [Abbreviations](https://github.com/markdown-it/markdown-it-abbr)\u0022,\r\n\u0022\u0022,\r\n\u0022This is HTML abbreviation example.\u0022,\r\n\u0022\u0022,\r\n\u0022It converts \\\u0022HTML\\\u0022, but keep intact partial entries like \\\u0022xxxHTMLyyy\\\u0022 and so on.\u0022,\r\n\u0022\u0022,\r\n\u0022*[HTML]: Hyper Text Markup Language\u0022,\r\n\u0022---\u0022,\r\n\u0022__Advertisement :)__\u0022,\r\n\u0022\u0022,\r\n\u0022- __[pica](https://nodeca.github.io/pica/demo/)__ - high quality and fast image\u0022,\r\n\u0022 resize in browser.\u0022,\r\n\u0022- __[babelfish](https://github.com/nodeca/babelfish/)__ - developer friendly\u0022,\r\n\u0022 i18n with plurals support and easy syntax.\u0022,\r\n\u0022\u0022,\r\n\u0022You will like those projects!\u0022,\r\n\u0022\u0022,\r\n\u0022---\u0022,\r\n\u0022\u0022,\r\n\u0022# h1 Heading 8-)\u0022,\r\n\u0022## h2 Heading\u0022,\r\n\u0022### h3 Heading\u0022,\r\n\u0022#### h4 Heading\u0022,\r\n\u0022##### h5 Heading\u0022,\r\n\u0022###### h6 Heading\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022## Horizontal Rules\u0022,\r\n\u0022\u0022,\r\n\u0022___\u0022,\r\n\u0022\u0022,\r\n\u0022---\u0022,\r\n\u0022\u0022,\r\n\u0022***\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022## Typographic replacements\u0022,\r\n\u0022\u0022,\r\n\u0022Enable typographer option to see result.\u0022,\r\n\u0022\u0022,\r\n\u0022(c) (C) (r) (R) (tm) (TM) (p) (P) \u002B-\u0022,\r\n\u0022\u0022,\r\n\u0022test.. test... test..... test?..... test!....\u0022,\r\n\u0022\u0022,\r\n\u0022!!!!!! ???? ,, -- ---\u0022,\r\n\u0022\u0022,\r\n\u0022\\\u0022Smartypants, double quotes\\\u0022 and \u0027single quotes\u0027\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022## Emphasis\u0022,\r\n\u0022\u0022,\r\n\u0022**This is bold text**\u0022,\r\n\u0022\u0022,\r\n\u0022__This is bold text__\u0022,\r\n\u0022\u0022,\r\n\u0022*This is italic text*\u0022,\r\n\u0022\u0022,\r\n\u0022_This is italic text_\u0022,\r\n\u0022\u0022,\r\n\u0022~~Strikethrough~~\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022## Blockquotes\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022\u003E Blockquotes can also be nested...\u0022,\r\n\u0022\u003E\u003E ...by using additional greater-than signs right next to each other...\u0022,\r\n\u0022\u003E \u003E \u003E ...or with spaces between arrows.\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022## Lists\u0022,\r\n\u0022\u0022,\r\n\u0022Unordered\u0022,\r\n\u0022\u0022,\r\n\u0022\u002B Create a list by starting a line with \u0060\u002B\u0060, \u0060-\u0060, or \u0060*\u0060\u0022,\r\n\u0022\u002B Sub-lists are made by indenting 2 spaces:\u0022,\r\n\u0022 - Marker character change forces new list start:\u0022,\r\n\u0022 * Ac tristique libero volutpat at\u0022,\r\n\u0022 \u002B Facilisis in pretium nisl aliquet\u0022,\r\n\u0022 - Nulla volutpat aliquam velit\u0022,\r\n\u0022\u002B Very easy!\u0022,\r\n\u0022\u0022,\r\n\u0022Ordered\u0022,\r\n\u0022\u0022,\r\n\u00221. Lorem ipsum dolor sit amet\u0022,\r\n\u00222. Consectetur adipiscing elit\u0022,\r\n\u00223. Integer molestie lorem at massa\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u00221. You can use sequential numbers...\u0022,\r\n\u00221. ...or keep all the numbers as \u00601.\u0060\u0022,\r\n\u0022\u0022,\r\n\u0022Start numbering with offset:\u0022,\r\n\u0022\u0022,\r\n\u002257. foo\u0022,\r\n\u00221. bar\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022## Code\u0022,\r\n\u0022\u0022,\r\n\u0022Inline \u0060code\u0060\u0022,\r\n\u0022\u0022,\r\n\u0022Indented code\u0022,\r\n\u0022\u0022,\r\n\u0022 // Some comments\u0022,\r\n\u0022 line 1 of code\u0022,\r\n\u0022 line 2 of code\u0022,\r\n\u0022 line 3 of code\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022Block code \\\u0022fences\\\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022\u0060\u0060\u0060\u0022,\r\n\u0022Sample text here...\u0022,\r\n\u0022\u0060\u0060\u0060\u0022,\r\n\u0022\u0022,\r\n\u0022Syntax highlighting\u0022,\r\n\u0022\u0022,\r\n\u0022\u0060\u0060\u0060 js\u0022,\r\n\u0022var foo = function (bar) {\u0022,\r\n\u0022 return bar\u002B\u002B;\u0022,\r\n\u0022};\u0022,\r\n\u0022\u0022,\r\n\u0022console.log(foo(5));\u0022,\r\n\u0022\u0060\u0060\u0060\u0022,\r\n\u0022\u0022,\r\n\u0022## Tables\u0022,\r\n\u0022\u0022,\r\n\u0022| Option | Description |\u0022,\r\n\u0022| ------ | ----------- |\u0022,\r\n\u0022| data | path to data files to supply the data that will be passed into templates. |\u0022,\r\n\u0022| engine | engine to be used for processing templates. Handlebars is the default. |\u0022,\r\n\u0022| ext | extension to be used for dest files. |\u0022,\r\n\u0022\u0022,\r\n\u0022Right aligned columns\u0022,\r\n\u0022\u0022,\r\n\u0022| Option | Description |\u0022,\r\n\u0022| ------:| -----------:|\u0022,\r\n\u0022| data | path to data files to supply the data that will be passed into templates. |\u0022,\r\n\u0022| engine | engine to be used for processing templates. Handlebars is the default. |\u0022,\r\n\u0022| ext | extension to be used for dest files. |\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022## Links\u0022,\r\n\u0022\u0022,\r\n\u0022[link text](http://dev.nodeca.com)\u0022,\r\n\u0022\u0022,\r\n\u0022[link with title](http://nodeca.github.io/pica/demo/ \\\u0022title text!\\\u0022)\u0022,\r\n\u0022\u0022,\r\n\u0022Autoconverted link https://github.com/nodeca/pica (enable linkify to see)\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022## Images\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022Like links, Images also have a footnote style syntax\u0022,\r\n\u0022\u0022,\r\n\u0022![Alt text][id]\u0022,\r\n\u0022\u0022,\r\n\u0022With a reference later in the document defining the URL location:\u0022,\r\n\u0022\u0022,\r\n\u0022[id]: https://octodex.github.com/images/dojocat.jpg \\\u0022The Dojocat\\\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022## Plugins\u0022,\r\n\u0022\u0022,\r\n\u0022The killer feature of \u0060markdown-it\u0060 is very effective support of\u0022,\r\n\u0022[syntax plugins](https://www.npmjs.org/browse/keyword/markdown-it-plugin).\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022### [Emojies](https://github.com/markdown-it/markdown-it-emoji)\u0022,\r\n\u0022\u0022,\r\n\u0022\u003E Classic markup: :wink: :crush: :cry: :tear: :laughing: :yum:\u0022,\r\n\u0022\u003E\u0022,\r\n\u0022\u003E Shortcuts (emoticons): :-) :-( 8-) ;)\u0022,\r\n\u0022\u0022,\r\n\u0022see [how to change output](https://github.com/markdown-it/markdown-it-emoji#change-output) with twemoji.\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022### [Subscipt](https://github.com/markdown-it/markdown-it-sub) / [Superscirpt](https://github.com/markdown-it/markdown-it-sup)\u0022,\r\n\u0022\u0022,\r\n\u0022- 19^th^\u0022,\r\n\u0022- H~2~O\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022### [\\\u003Cins\u003E](https://github.com/markdown-it/markdown-it-ins)\u0022,\r\n\u0022\u0022,\r\n\u0022\u002B\u002BInserted text\u002B\u002B\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022### [\\\u003Cmark\u003E](https://github.com/markdown-it/markdown-it-mark)\u0022,\r\n\u0022\u0022,\r\n\u0022==Marked text==\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022### [Footnotes](https://github.com/markdown-it/markdown-it-footnote)\u0022,\r\n\u0022\u0022,\r\n\u0022Footnote 1 link[^first].\u0022,\r\n\u0022\u0022,\r\n\u0022Footnote 2 link[^second].\u0022,\r\n\u0022\u0022,\r\n\u0022Inline footnote^[Text of inline footnote] definition.\u0022,\r\n\u0022\u0022,\r\n\u0022Duplicated footnote reference[^second].\u0022,\r\n\u0022\u0022,\r\n\u0022[^first]: Footnote **can have markup**\u0022,\r\n\u0022\u0022,\r\n\u0022 and multiple paragraphs.\u0022,\r\n\u0022\u0022,\r\n\u0022[^second]: Footnote text.\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022### [Definition lists](https://github.com/markdown-it/markdown-it-deflist)\u0022,\r\n\u0022\u0022,\r\n\u0022Term 1\u0022,\r\n\u0022\u0022,\r\n\u0022: Definition 1\u0022,\r\n\u0022with lazy continuation.\u0022,\r\n\u0022\u0022,\r\n\u0022Term 2 with *inline markup*\u0022,\r\n\u0022\u0022,\r\n\u0022: Definition 2\u0022,\r\n\u0022\u0022,\r\n\u0022 { some code, part of Definition 2 }\u0022,\r\n\u0022\u0022,\r\n\u0022 Third paragraph of definition 2.\u0022,\r\n\u0022\u0022,\r\n\u0022_Compact style:_\u0022,\r\n\u0022\u0022,\r\n\u0022Term 1\u0022,\r\n\u0022 ~ Definition 1\u0022,\r\n\u0022\u0022,\r\n\u0022Term 2\u0022,\r\n\u0022 ~ Definition 2a\u0022,\r\n\u0022 ~ Definition 2b\u0022,\r\n\u0022\u0022,\r\n\u0022\u0022,\r\n\u0022### [Abbreviations](https://github.com/markdown-it/markdown-it-abbr)\u0022,\r\n\u0022\u0022,\r\n\u0022This is HTML abbreviation example.\u0022,\r\n\u0022\u0022,\r\n\u0022It converts \\\u0022HTML\\\u0022, but keep intact partial entries like \\\u0022xxxHTMLyyy\\\u0022 and so on.\u0022,\r\n\u0022\u0022,\r\n\u0022*[HTML]: Hyper Text Markup Language\u0022,\r\n\u0022# The Static, Static Blog Generator\\n\\n### May 17th, 2014\\n\\nWe all like publishing our thoughts online - but why is it such a bother to run a CMS?\\n\\nManaging databases, updating software, and keeping track of our content often cuts into the most important activity: *expressing ourselves*.\\n\\nThe web makes it really easy to share our thoughts with millions of individuals from around the world. With it we are able to talk about the things we love.\\n\\nOnline publishing platform have a problem though - they require certain software to be installed on web servers in order to work. This often means running your own server or paying someone else who will setup the required parts for you.\\n\\nAfter you setup the system, constant updates are required to make sure that any bugs in the software you are running are patched immediately to prevent your site from being hacked. This often means having a recent backup of your database ready at all times.\\n\\n## Can\u0027t we simplify? \\n\\nBecause running websites and managing databases isn\u0027t always worth the effort, \\\u0022Static Content Generators\\\u0022 like [Dr. jekyll](http://jekyllrb.com/) and [Mr. Hyde](http://hyde.github.io/) have begun to gain traction as people pre-build websites and then place the static HTML results onto their server. \\n\\nThis means the web server doesn\u0027t need to be configured with any special software or databases - it simply serves the generated static HTML files.\\n\\nHowever, you still have to install the generator and setup a \\\u0022build\\\u0022 process of sorts after every article.\\n\\n## Meet Jr.\\n\\n\u0060Jr\u0060 is a truly *static*, static content generator. All the processing of your files happens on the requesting client\u0027s computer as needed. The whole system is written in client-side JavaScript. This means:\\n\\n- minimal bandwidth requirements\\n- better search engine indexing\\n- awesome screen reader support\\n- *zero* security vulnerabilities\\n- and more!\\n\\nHowever, the neatest thing about \u0060Jr\u0060 is that you don\u0027t have to configure, setup, or install _anything_! Simply download the files, create your articles, and upload everything to your server!\\n\\ndone.\\n\\n## GIT thee hence\\n\\nIf you want to be really awesome you can use \u0060Jr\u0060 along with the ever useful *version-control* system [git](https://help.github.com/articles/set-up-git). This allows you to keep better track of changes insuring that you can always rollback your text to recover previous versions - very handy if you work with a team!\\n\\n## What About Markup?\\n\\nLike most systems, you can compose pages in \u0060Jr\u0060 using the text-to-HTML format \\\u0022[markdown](http://daringfireball.net/projects/markdown/)\\\u0022. You can also use plain HTML if you want.\\n\\n\\n## Getting Started\\n\\n1. [Download](http://github.com/Xeoncross/Jr) \u0060Jr\u0060\\n2. Make your \u0060[article-name].html\u0060 files\\n3. Paste the following code at the bottom of each page: \\n\t\u003Ccode\u003E\u0026lt;script src=\u0026quot;jr.js\u0026quot;\u0026gt;\u0026lt;/script\u0026gt;\u003C/code\u003E \\n\\n\\nOnce you have created your pages then simply upload the system to your website and enjoy.\\n\\n*P.S. Looking for a static social lifestream application? Checkout [MicroStream](https://github.com/Xeoncross/microstream).*\\n\\n\\n\\n# John Chapter 1\\n\\n_Ye \u0027ol Filler Text_\\n\\nIn the beginning was the Word, and the Word was with God, and the Word was God. The same was in the beginning with God.\\n\\nAll things were made by him; and without him was not any thing made that was made.\\n\\nIn him was life; and the life was the light of men. And the light shineth in darkness; and the darkness comprehended it not.\\n\\nThere was a man sent from God, whose name was John. The same came for a witness, to bear witness of the Light, that all men through him might believe.\\n\\nHe was not that Light, but was sent to bear witness of that Light. That was the true Light, which lighteth every man that cometh into the world.\\n\\nHe was in the world, and the world was made by him, and the world knew him not. He came unto his own, and his own received him not. But as many as received him, to them gave he power to become the sons of God, even to them that believe on his name: Which were born, not of blood, nor of the will of the flesh, nor of the will of man, but of God.\\n\\nAnd the Word was made flesh, and dwelt among us, (and we beheld his glory, the glory as of the only begotten of the Father,) full of grace and truth.\\n\\nJohn bare witness of him, and cried, saying, This was he of whom I spake, He that cometh after me is preferred before me: for he was before me. And of his fulness have all we received, and grace for grace.\\n\\nFor the law was given by Moses, but grace and truth came by Jesus Christ.\\n\\nNo man hath seen God at any time; the only begotten Son, which is in the bosom of the Father, he hath declared him. And this is the record of John, when the Jews sent priests and Levites from Jerusalem to ask him, Who art thou? And he confessed, and denied not; but confessed, I am not the Christ. And they asked him, What then? Art thou Elias? And he saith, I am not. Art thou that prophet? And he answered, No.\\n\\nThen said they unto him, Who art thou? that we may give an answer to them that sent us. What sayest thou of thyself? He said, I am the voice of one crying in the wilderness, Make straight the way of the Lord, as said the prophet Esaias. \\n\\nAnd they which were sent were of the Pharisees. And they asked him, and said unto him, Why baptizest thou then, if thou be not that Christ, nor Elias, neither that prophet?\\n\\nJohn answered them, saying, I baptize with water: but there standeth one among you, whom ye know not; He it is, who coming after me is preferred before me, whose shoe\u0027s latchet I am not worthy to unloose. These things were done in Bethabara beyond Jordan, where John was baptizing.\\n\\nThe next day John seeth Jesus coming unto him, and saith, Behold the Lamb of God, which taketh away the sin of the world. This is he of whom I said, After me cometh a man which is preferred before me: for he was before me. And I knew him not: but that he should be made manifest to Israel, therefore am I come baptizing with water. And John bare record, saying, I saw the Spirit descending from heaven like a dove, and it abode upon him.\\n\\nAnd I knew him not: but he that sent me to baptize with water, the same said unto me, Upon whom thou shalt see the Spirit descending, and remaining on him, the same is he which baptizeth with the Holy Ghost. And I saw, and bare record that this is the Son of God.\\n\\nAgain the next day after John stood, and two of his disciples; And looking upon Jesus as he walked, he saith, Behold the Lamb of God! And the two disciples heard him speak, and they followed Jesus.\\n\\nThen Jesus turned, and saw them following, and saith unto them, What seek ye? They said unto him, Rabbi, (which is to say, being interpreted, Master,) where dwellest thou?\\n\\nHe saith unto them, Come and see. They came and saw where he dwelt, and abode with him that day: for it was about the tenth hour.\\n\\nOne of the two which heard John speak, and followed him, was Andrew, Simon Peter\u0027s brother. He first findeth his own brother Simon, and saith unto him, We have found the Messias, which is, being interpreted, the Christ.\\n\\nAnd he brought him to Jesus. And when Jesus beheld him, he said, Thou art Simon the son of Jona: thou shalt be called Cephas, which is by interpretation, A stone.\\n\\nThe day following Jesus would go forth into Galilee, and findeth Philip, and saith unto him, Follow me.\\n\\nNow Philip was of Bethsaida, the city of Andrew and Peter. Philip findeth Nathanael, and saith unto him, We have found him, of whom Moses in the law, and the prophets, did write, Jesus of Nazareth, the son of Joseph.\\n\\nAnd Nathanael said unto him, Can there any good thing come out of Nazareth? Philip saith unto him, Come and see.\\n\\nJesus saw Nathanael coming to him, and saith of him, Behold an Israelite indeed, in whom is no guile!\\n\\nNathanael saith unto him, Whence knowest thou me? Jesus answered and said unto him, Before that Philip called thee, when thou wast under the fig tree, I saw thee.\\n\\nNathanael answered and saith unto him, Rabbi, thou art the Son of God; thou art the King of Israel.\\n\\nJesus answered and said unto him, Because I said unto thee, I saw thee under the fig tree, believest thou? thou shalt see greater things than these. And he saith unto him, Verily, verily, I say unto you, Hereafter ye shall see heaven open, and the angels of God ascending and descending upon the Son of man.\\n\\n[continue to chapter 2](http://1jn2.com/bible/John/2)\\n\\n[enable HTML to render MarkDown]: \u003Cpre\u003E\\n\\n\\n\\n# Welcome to Jr!\\n\\nA static, static content generator that moves the \\\u0022generator\\\u0022 part to the browser.\\nThis site is pure text files with a single Javascript included on each page that renders\\nthe theme and assets as needed.\\n\\nGo ahead, take a look at the source code for this page.\\n\\n\tYou want my page, fine, you render it! \\n\t ~ Nginx\\n\\n\\nYou see, there is really no need for the server to generate anything for simple\\narticle-based sites like this. If the user wants to read your blog, they can spend\\na few processor cycles to render the page themselves.\u0022,\r\n \u0022\u0022].join(\u0022\\n\u0022);","TestCases":[{"Name":"Showdown.js","Code":"conv.showdown.makeHtml(md);","IsDeferred":false},{"Name":"Marked","Code":"conv.marked(md);","IsDeferred":false},{"Name":"CommonMark","Code":"conv.cm.render(pars.cm.parse(md));","IsDeferred":false},{"Name":"Markdown-it","Code":"conv.mdit.render(md);","IsDeferred":false},{"Name":"Remarkable","Code":"conv.remarkable.render(md);","IsDeferred":false},{"Name":"Micromarkdown","Code":"conv.micromarkdown.parse(md);","IsDeferred":false},{"Name":"Snarkdown","Code":"conv.snarkdown(md);","IsDeferred":false}]}