{"componentChunkName":"component---src-templates-blog-post-tsx","path":"/markdown-test/","webpackCompilationHash":"13bff7fe662240b46f3d","result":{"data":{"site":{"siteMetadata":{"siteUrl":"https://storyhub-image-tarex.redq.now.sh"}},"markdownRemark":{"id":"0eeed1b5-c9db-59c3-a2db-3f0bd758f735","excerpt":"Documentation stored with source files shares the same permissions.\nDocumentation stored in a separate Git repository can use different\naccess controls. If…","html":"<p>Documentation stored with source files shares the same permissions.\nDocumentation stored in a separate Git repository can use different\naccess controls. If Gerrit Code Review is being used, branch level\nread permissions can be used to grant or restrict access to any\ndocumentation branches.</p>\n<h2>READMEs</h2>\n<p>Files named <code class=\"language-text\">README.md</code> are automatically displayed below the file’s\ndirectory listing. For the top level directory this mirrors the\nstandard <a href=\"https://github.com/\">GitHub</a> presentation.</p>\n<p>*** promo\nREADME.md files are meant to provide orientation for developers\nbrowsing the repository, especially first-time users.</p>\n<hr>\n<p>We recommend that Git repositories have an up-to-date top-level\n<code class=\"language-text\">README.md</code> file.</p>\n<h2>Markdown syntax</h2>\n<p>Gitiles supports the core Markdown syntax described in\n<a href=\"http://daringfireball.net/projects/markdown/basics\">Markdown Basics</a>. Additional extensions are supported\nto more closely match <a href=\"https://help.github.com/articles/github-flavored-markdown/\">GitHub Flavored Markdown</a> and\nsimplify documentation writing.</p>\n<div class=\"gatsby-highlight\" data-language=\"js\"><pre class=\"language-js\"><code class=\"language-js\"><span class=\"token keyword\">import</span> Typography <span class=\"token keyword\">from</span> <span class=\"token string\">'typography'</span>\n\n<span class=\"token keyword\">const</span> typography <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">Typography</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  baseFontSize<span class=\"token punctuation\">:</span> <span class=\"token string\">'18px'</span><span class=\"token punctuation\">,</span>\n  baseLineHeight<span class=\"token punctuation\">:</span> <span class=\"token number\">1.666</span><span class=\"token punctuation\">,</span>\n  headerFontFamily<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'Avenir Next'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'Helvetica Neue'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'Arial'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'sans-serif'</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  bodyFontFamily<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'Georgia'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'serif'</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token comment\">// See below for the full list of options.</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span>\n\n<span class=\"token comment\">// Output CSS as string.</span>\ntypography<span class=\"token punctuation\">.</span><span class=\"token function\">toString</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span>\n\n<span class=\"token comment\">// Or insert styles directly into the &lt;head> (works well for client-only</span>\n<span class=\"token comment\">// JS web apps.</span>\ntypography<span class=\"token punctuation\">.</span><span class=\"token function\">injectStyles</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span></code></pre></div>\n<div class=\"gatsby-highlight\" data-language=\"html\"><pre class=\"language-html\"><code class=\"language-html\"><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>h1</span><span class=\"token punctuation\">></span></span>Sample JavaScript<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;/</span>h1</span><span class=\"token punctuation\">></span></span>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>div</span> <span class=\"token attr-name\">class</span><span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>gatsby-highlight<span class=\"token punctuation\">\"</span></span><span class=\"token punctuation\">></span></span>\n  <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>pre</span> <span class=\"token attr-name\">class</span><span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>language-jsx<span class=\"token punctuation\">\"</span></span><span class=\"token punctuation\">></span></span>\n    <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>code</span><span class=\"token punctuation\">></span></span>\n      <span class=\"token comment\">&lt;!-- Embedded content here ... --></span>\n    <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;/</span>code</span><span class=\"token punctuation\">></span></span>\n  <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;/</span>pre</span><span class=\"token punctuation\">></span></span>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;/</span>div</span><span class=\"token punctuation\">></span></span>\n\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>h1</span><span class=\"token punctuation\">></span></span>Sample HTML<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;/</span>h1</span><span class=\"token punctuation\">></span></span>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>div</span> <span class=\"token attr-name\">class</span><span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>gatsby-highlight<span class=\"token punctuation\">\"</span></span><span class=\"token punctuation\">></span></span>\n  <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>pre</span> <span class=\"token attr-name\">class</span><span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>language-html<span class=\"token punctuation\">\"</span></span><span class=\"token punctuation\">></span></span>\n    <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>code</span><span class=\"token punctuation\">></span></span>\n      <span class=\"token comment\">&lt;!-- Embedded content here ... --></span>\n    <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;/</span>code</span><span class=\"token punctuation\">></span></span>\n  <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;/</span>pre</span><span class=\"token punctuation\">></span></span>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;/</span>div</span><span class=\"token punctuation\">></span></span></code></pre></div>\n<div class=\"gatsby-highlight\" data-language=\"js\"><pre class=\"language-js\"><code class=\"language-js\"><span class=\"token keyword\">var</span> rows <span class=\"token operator\">=</span> <span class=\"token function\">prompt</span><span class=\"token punctuation\">(</span><span class=\"token string\">'How many rows for your multiplication table?'</span><span class=\"token punctuation\">)</span>\n<span class=\"token keyword\">var</span> cols <span class=\"token operator\">=</span> <span class=\"token function\">prompt</span><span class=\"token punctuation\">(</span><span class=\"token string\">'How many columns for your multiplication table?'</span><span class=\"token punctuation\">)</span>\n<span class=\"token keyword\">if</span> <span class=\"token punctuation\">(</span>rows <span class=\"token operator\">==</span> <span class=\"token string\">''</span> <span class=\"token operator\">||</span> rows <span class=\"token operator\">==</span> <span class=\"token keyword\">null</span><span class=\"token punctuation\">)</span> rows <span class=\"token operator\">=</span> <span class=\"token number\">10</span>\n<span class=\"token keyword\">if</span> <span class=\"token punctuation\">(</span>cols <span class=\"token operator\">==</span> <span class=\"token string\">''</span> <span class=\"token operator\">||</span> cols <span class=\"token operator\">==</span> <span class=\"token keyword\">null</span><span class=\"token punctuation\">)</span> cols <span class=\"token operator\">=</span> <span class=\"token number\">10</span>\n<span class=\"token function\">createTable</span><span class=\"token punctuation\">(</span>rows<span class=\"token punctuation\">,</span> cols<span class=\"token punctuation\">)</span>\n<span class=\"token keyword\">function</span> <span class=\"token function\">createTable</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">rows<span class=\"token punctuation\">,</span> cols</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n  <span class=\"token keyword\">var</span> j <span class=\"token operator\">=</span> <span class=\"token number\">1</span>\n  <span class=\"token keyword\">var</span> output <span class=\"token operator\">=</span> <span class=\"token string\">\"&lt;table border='1' width='500' cellspacing='0'cellpadding='5'>\"</span>\n  <span class=\"token keyword\">for</span> <span class=\"token punctuation\">(</span>i <span class=\"token operator\">=</span> <span class=\"token number\">1</span><span class=\"token punctuation\">;</span> i <span class=\"token operator\">&lt;=</span> rows<span class=\"token punctuation\">;</span> i<span class=\"token operator\">++</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n    output <span class=\"token operator\">=</span> output <span class=\"token operator\">+</span> <span class=\"token string\">'&lt;tr>'</span>\n    <span class=\"token keyword\">while</span> <span class=\"token punctuation\">(</span>j <span class=\"token operator\">&lt;=</span> cols<span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n      output <span class=\"token operator\">=</span> output <span class=\"token operator\">+</span> <span class=\"token string\">'&lt;td>'</span> <span class=\"token operator\">+</span> i <span class=\"token operator\">*</span> j <span class=\"token operator\">+</span> <span class=\"token string\">'&lt;/td>'</span>\n      j <span class=\"token operator\">=</span> j <span class=\"token operator\">+</span> <span class=\"token number\">1</span>\n    <span class=\"token punctuation\">}</span>\n    output <span class=\"token operator\">=</span> output <span class=\"token operator\">+</span> <span class=\"token string\">'&lt;/tr>'</span>\n    j <span class=\"token operator\">=</span> <span class=\"token number\">1</span>\n  <span class=\"token punctuation\">}</span>\n  output <span class=\"token operator\">=</span> output <span class=\"token operator\">+</span> <span class=\"token string\">'&lt;/table>'</span>\n  document<span class=\"token punctuation\">.</span><span class=\"token function\">write</span><span class=\"token punctuation\">(</span>output<span class=\"token punctuation\">)</span>\n<span class=\"token punctuation\">}</span></code></pre></div>\n<h3>Table</h3>\n<table>\n<thead>\n<tr>\n<th>Option</th>\n<th>Description</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>data</td>\n<td>path to data files to supply the data that will be passed into templates.</td>\n</tr>\n<tr>\n<td>engine</td>\n<td>engine to be used for processing templates. Handlebars is the default.</td>\n</tr>\n<tr>\n<td>ext</td>\n<td>extension to be used for dest files.</td>\n</tr>\n</tbody>\n</table>\n<p>Right aligned columns</p>\n<table>\n<thead>\n<tr>\n<th align=\"right\">Option</th>\n<th align=\"right\">Description</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td align=\"right\">data</td>\n<td align=\"right\">path to data files to supply the data that will be passed into templates.</td>\n</tr>\n<tr>\n<td align=\"right\">engine</td>\n<td align=\"right\">engine to be used for processing templates. Handlebars is the default.</td>\n</tr>\n<tr>\n<td align=\"right\">ext</td>\n<td align=\"right\">extension to be used for dest files.</td>\n</tr>\n</tbody>\n</table>\n<h3>Lists</h3>\n<p>A bullet list:</p>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">* Fruit\n    * Orange\n    * Pear\n* Cake</code></pre></div>\n<p>will render into HTML as:</p>\n<ul>\n<li>\n<p>Fruit</p>\n<ul>\n<li>Orange</li>\n<li>Pear</li>\n</ul>\n</li>\n<li>Cake</li>\n</ul>\n<p>The second level items (above Orange, Pear) must be indented with more\nspaces than the item they are nested under. Above 2 spaces were used.\nAdditionally, the entire list must be preceded and followed by a blank\nline.</p>\n<p>A numbered list:</p>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">1. Fruit\n     1. Orange\n     2. Pear\n2. Cake</code></pre></div>\n<p>will render into HTML as:</p>\n<ol>\n<li>\n<p>Fruit</p>\n<ol>\n<li>Orange</li>\n<li>Pear</li>\n</ol>\n</li>\n<li>Cake</li>\n</ol>\n<h3>Blockquotes</h3>\n<p>Sir Winston Churchill once said:</p>\n<blockquote>\n<p>A lie gets halfway around the world before the truth has a\nchance to get its pants on.</p>\n</blockquote>\n<h3>Mathematical expressions</h3>\n<p>You can render LaTeX mathematical expressions.</p>\n<p>The <em>Gamma function</em> satisfying <span class=\"katex\"><span class=\"katex-mathml\"><math><semantics><mrow><mi mathvariant=\"normal\">Γ</mi><mo stretchy=\"false\">(</mo><mi>n</mi><mo stretchy=\"false\">)</mo><mo>=</mo><mo stretchy=\"false\">(</mo><mi>n</mi><mo>−</mo><mn>1</mn><mo stretchy=\"false\">)</mo><mo stretchy=\"false\">!</mo><mspace width=\"1em\"/><mi mathvariant=\"normal\">∀</mi><mi>n</mi><mo>∈</mo><mi mathvariant=\"double-struck\">N</mi></mrow><annotation encoding=\"application/x-tex\">\\Gamma(n) = (n-1)!\\quad\\forall n\\in\\mathbb N</annotation></semantics></math></span><span class=\"katex-html\" aria-hidden=\"true\"><span class=\"base\"><span class=\"strut\" style=\"height:1em;vertical-align:-0.25em;\"></span><span class=\"mord\">Γ</span><span class=\"mopen\">(</span><span class=\"mord mathdefault\">n</span><span class=\"mclose\">)</span><span class=\"mspace\" style=\"margin-right:0.2777777777777778em;\"></span><span class=\"mrel\">=</span><span class=\"mspace\" style=\"margin-right:0.2777777777777778em;\"></span></span><span class=\"base\"><span class=\"strut\" style=\"height:1em;vertical-align:-0.25em;\"></span><span class=\"mopen\">(</span><span class=\"mord mathdefault\">n</span><span class=\"mspace\" style=\"margin-right:0.2222222222222222em;\"></span><span class=\"mbin\">−</span><span class=\"mspace\" style=\"margin-right:0.2222222222222222em;\"></span></span><span class=\"base\"><span class=\"strut\" style=\"height:1em;vertical-align:-0.25em;\"></span><span class=\"mord\">1</span><span class=\"mclose\">)</span><span class=\"mclose\">!</span><span class=\"mspace\" style=\"margin-right:1em;\"></span><span class=\"mord\">∀</span><span class=\"mord mathdefault\">n</span><span class=\"mspace\" style=\"margin-right:0.2777777777777778em;\"></span><span class=\"mrel\">∈</span><span class=\"mspace\" style=\"margin-right:0.2777777777777778em;\"></span></span><span class=\"base\"><span class=\"strut\" style=\"height:0.68889em;vertical-align:0em;\"></span><span class=\"mord mathbb\">N</span></span></span></span> is via the Euler integral</p>\n<span class=\"katex-display\"><span class=\"katex\"><span class=\"katex-mathml\"><math><semantics><mrow><mi mathvariant=\"normal\">Γ</mi><mo stretchy=\"false\">(</mo><mi>z</mi><mo stretchy=\"false\">)</mo><mo>=</mo><msubsup><mo>∫</mo><mn>0</mn><mi mathvariant=\"normal\">∞</mi></msubsup><msup><mi>t</mi><mrow><mi>z</mi><mo>−</mo><mn>1</mn></mrow></msup><msup><mi>e</mi><mrow><mo>−</mo><mi>t</mi></mrow></msup><mi>d</mi><mi>t</mi><mtext> </mtext><mi mathvariant=\"normal\">.</mi></mrow><annotation encoding=\"application/x-tex\">\\Gamma(z) = \\int_0^\\infty t^{z-1}e^{-t}dt\\,.</annotation></semantics></math></span><span class=\"katex-html\" aria-hidden=\"true\"><span class=\"base\"><span class=\"strut\" style=\"height:1em;vertical-align:-0.25em;\"></span><span class=\"mord\">Γ</span><span class=\"mopen\">(</span><span class=\"mord mathdefault\" style=\"margin-right:0.04398em;\">z</span><span class=\"mclose\">)</span><span class=\"mspace\" style=\"margin-right:0.2777777777777778em;\"></span><span class=\"mrel\">=</span><span class=\"mspace\" style=\"margin-right:0.2777777777777778em;\"></span></span><span class=\"base\"><span class=\"strut\" style=\"height:2.326242em;vertical-align:-0.9119499999999999em;\"></span><span class=\"mop\"><span class=\"mop op-symbol large-op\" style=\"margin-right:0.44445em;position:relative;top:-0.0011249999999999316em;\">∫</span><span class=\"msupsub\"><span class=\"vlist-t vlist-t2\"><span class=\"vlist-r\"><span class=\"vlist\" style=\"height:1.414292em;\"><span style=\"top:-1.7880500000000001em;margin-left:-0.44445em;margin-right:0.05em;\"><span class=\"pstrut\" style=\"height:2.7em;\"></span><span class=\"sizing reset-size6 size3 mtight\"><span class=\"mord mtight\">0</span></span></span><span style=\"top:-3.8129000000000004em;margin-right:0.05em;\"><span class=\"pstrut\" style=\"height:2.7em;\"></span><span class=\"sizing reset-size6 size3 mtight\"><span class=\"mord mtight\">∞</span></span></span></span><span class=\"vlist-s\">​</span></span><span class=\"vlist-r\"><span class=\"vlist\" style=\"height:0.9119499999999999em;\"><span></span></span></span></span></span></span><span class=\"mspace\" style=\"margin-right:0.16666666666666666em;\"></span><span class=\"mord\"><span class=\"mord mathdefault\">t</span><span class=\"msupsub\"><span class=\"vlist-t\"><span class=\"vlist-r\"><span class=\"vlist\" style=\"height:0.864108em;\"><span style=\"top:-3.113em;margin-right:0.05em;\"><span class=\"pstrut\" style=\"height:2.7em;\"></span><span class=\"sizing reset-size6 size3 mtight\"><span class=\"mord mtight\"><span class=\"mord mathdefault mtight\" style=\"margin-right:0.04398em;\">z</span><span class=\"mbin mtight\">−</span><span class=\"mord mtight\">1</span></span></span></span></span></span></span></span></span><span class=\"mord\"><span class=\"mord mathdefault\">e</span><span class=\"msupsub\"><span class=\"vlist-t\"><span class=\"vlist-r\"><span class=\"vlist\" style=\"height:0.843556em;\"><span style=\"top:-3.113em;margin-right:0.05em;\"><span class=\"pstrut\" style=\"height:2.7em;\"></span><span class=\"sizing reset-size6 size3 mtight\"><span class=\"mord mtight\"><span class=\"mord mtight\">−</span><span class=\"mord mathdefault mtight\">t</span></span></span></span></span></span></span></span></span><span class=\"mord mathdefault\">d</span><span class=\"mord mathdefault\">t</span><span class=\"mspace\" style=\"margin-right:0.16666666666666666em;\"></span><span class=\"mord\">.</span></span></span></span></span>\n<h3>UML diagrams</h3>\n<p>You can render UML diagrams, this will produce a sequence diagram:</p>\n<div class=\"mermaid\" data-processed=\"true\"><svg id=\"mermaid-1567083658902\" width=\"100%\" xmlns=\"http://www.w3.org/2000/svg\" height=\"100%\" style=\"max-width:750px;\" viewBox=\"-50 -10 750 465\"><style>#mermaid-1567083658902 .label{font-family:'trebuchet ms', verdana, arial;color:#333}#mermaid-1567083658902 .node rect,#mermaid-1567083658902 .node circle,#mermaid-1567083658902 .node ellipse,#mermaid-1567083658902 .node polygon{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-1567083658902 .node.clickable{cursor:pointer}#mermaid-1567083658902 .arrowheadPath{fill:#333}#mermaid-1567083658902 .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-1567083658902 .edgeLabel{background-color:#e8e8e8}#mermaid-1567083658902 .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-1567083658902 .cluster text{fill:#333}#mermaid-1567083658902 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-1567083658902 .actor{stroke:#ccf;fill:#ECECFF}#mermaid-1567083658902 text.actor{fill:#000;stroke:none}#mermaid-1567083658902 .actor-line{stroke:grey}#mermaid-1567083658902 .messageLine0{stroke-width:1.5;stroke-dasharray:'2 2';stroke:#333}#mermaid-1567083658902 .messageLine1{stroke-width:1.5;stroke-dasharray:'2 2';stroke:#333}#mermaid-1567083658902 #arrowhead{fill:#333}#mermaid-1567083658902 #crosshead path{fill:#333 !important;stroke:#333 !important}#mermaid-1567083658902 .messageText{fill:#333;stroke:none}#mermaid-1567083658902 .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-1567083658902 .labelText{fill:#000;stroke:none}#mermaid-1567083658902 .loopText{fill:#000;stroke:none}#mermaid-1567083658902 .loopLine{stroke-width:2;stroke-dasharray:'2 2';stroke:#ccf}#mermaid-1567083658902 .note{stroke:#aa3;fill:#fff5ad}#mermaid-1567083658902 .noteText{fill:black;stroke:none;font-family:'trebuchet ms', verdana, arial;font-size:14px}#mermaid-1567083658902 .activation0{fill:#f4f4f4;stroke:#666}#mermaid-1567083658902 .activation1{fill:#f4f4f4;stroke:#666}#mermaid-1567083658902 .activation2{fill:#f4f4f4;stroke:#666}#mermaid-1567083658902 .section{stroke:none;opacity:0.2}#mermaid-1567083658902 .section0{fill:rgba(102,102,255,0.49)}#mermaid-1567083658902 .section2{fill:#fff400}#mermaid-1567083658902 .section1,#mermaid-1567083658902 .section3{fill:#fff;opacity:0.2}#mermaid-1567083658902 .sectionTitle0{fill:#333}#mermaid-1567083658902 .sectionTitle1{fill:#333}#mermaid-1567083658902 .sectionTitle2{fill:#333}#mermaid-1567083658902 .sectionTitle3{fill:#333}#mermaid-1567083658902 .sectionTitle{text-anchor:start;font-size:11px;text-height:14px}#mermaid-1567083658902 .grid .tick{stroke:#d3d3d3;opacity:0.3;shape-rendering:crispEdges}#mermaid-1567083658902 .grid path{stroke-width:0}#mermaid-1567083658902 .today{fill:none;stroke:red;stroke-width:2px}#mermaid-1567083658902 .task{stroke-width:2}#mermaid-1567083658902 .taskText{text-anchor:middle;font-size:11px}#mermaid-1567083658902 .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px}#mermaid-1567083658902 .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-1567083658902 .task.clickable{cursor:pointer}#mermaid-1567083658902 .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-1567083658902 .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-1567083658902 .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-1567083658902 .taskText0,#mermaid-1567083658902 .taskText1,#mermaid-1567083658902 .taskText2,#mermaid-1567083658902 .taskText3{fill:#fff}#mermaid-1567083658902 .task0,#mermaid-1567083658902 .task1,#mermaid-1567083658902 .task2,#mermaid-1567083658902 .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-1567083658902 .taskTextOutside0,#mermaid-1567083658902 .taskTextOutside2{fill:#000}#mermaid-1567083658902 .taskTextOutside1,#mermaid-1567083658902 .taskTextOutside3{fill:#000}#mermaid-1567083658902 .active0,#mermaid-1567083658902 .active1,#mermaid-1567083658902 .active2,#mermaid-1567083658902 .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-1567083658902 .activeText0,#mermaid-1567083658902 .activeText1,#mermaid-1567083658902 .activeText2,#mermaid-1567083658902 .activeText3{fill:#000 !important}#mermaid-1567083658902 .done0,#mermaid-1567083658902 .done1,#mermaid-1567083658902 .done2,#mermaid-1567083658902 .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-1567083658902 .doneText0,#mermaid-1567083658902 .doneText1,#mermaid-1567083658902 .doneText2,#mermaid-1567083658902 .doneText3{fill:#000 !important}#mermaid-1567083658902 .crit0,#mermaid-1567083658902 .crit1,#mermaid-1567083658902 .crit2,#mermaid-1567083658902 .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-1567083658902 .activeCrit0,#mermaid-1567083658902 .activeCrit1,#mermaid-1567083658902 .activeCrit2,#mermaid-1567083658902 .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-1567083658902 .doneCrit0,#mermaid-1567083658902 .doneCrit1,#mermaid-1567083658902 .doneCrit2,#mermaid-1567083658902 .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-1567083658902 .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-1567083658902 .milestoneText{font-style:italic}#mermaid-1567083658902 .doneCritText0,#mermaid-1567083658902 .doneCritText1,#mermaid-1567083658902 .doneCritText2,#mermaid-1567083658902 .doneCritText3{fill:#000 !important}#mermaid-1567083658902 .activeCritText0,#mermaid-1567083658902 .activeCritText1,#mermaid-1567083658902 .activeCritText2,#mermaid-1567083658902 .activeCritText3{fill:#000 !important}#mermaid-1567083658902 .titleText{text-anchor:middle;font-size:18px;fill:#000}#mermaid-1567083658902 g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-size:10px}#mermaid-1567083658902 g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-1567083658902 g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-1567083658902 .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-1567083658902 .classLabel .label{fill:#9370db;font-size:10px}#mermaid-1567083658902 .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-1567083658902 #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-1567083658902 #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-1567083658902 #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-1567083658902 #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-1567083658902 #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-1567083658902 #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-1567083658902 #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-1567083658902 #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-1567083658902 .commit-id,#mermaid-1567083658902 .commit-msg,#mermaid-1567083658902 .branch-label{fill:lightgrey;color:lightgrey}\n</style><style>#mermaid-1567083658902 {\n    color: rgb(0, 0, 0);\n    font: normal normal 400 normal 16px / normal \"Times New Roman\";\n  }</style><g></g><g><line id=\"actor0\" x1=\"75\" y1=\"5\" x2=\"75\" y2=\"454\" class=\"actor-line\" stroke-width=\"0.5px\" stroke=\"#999\"></line><rect x=\"0\" y=\"0\" fill=\"#eaeaea\" stroke=\"#666\" width=\"150\" height=\"65\" rx=\"3\" ry=\"3\" class=\"actor\"></rect><text x=\"75\" y=\"32.5\" dominant-baseline=\"central\" alignment-baseline=\"central\" class=\"actor\" style=\"text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;\"><tspan x=\"75\" dy=\"0\">Alice</tspan></text></g><g><line id=\"actor1\" x1=\"275\" y1=\"5\" x2=\"275\" y2=\"454\" class=\"actor-line\" stroke-width=\"0.5px\" stroke=\"#999\"></line><rect x=\"200\" y=\"0\" fill=\"#eaeaea\" stroke=\"#666\" width=\"150\" height=\"65\" rx=\"3\" ry=\"3\" class=\"actor\"></rect><text x=\"275\" y=\"32.5\" dominant-baseline=\"central\" alignment-baseline=\"central\" class=\"actor\" style=\"text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;\"><tspan x=\"275\" dy=\"0\">Bob</tspan></text></g><g><line id=\"actor2\" x1=\"475\" y1=\"5\" x2=\"475\" y2=\"454\" class=\"actor-line\" stroke-width=\"0.5px\" stroke=\"#999\"></line><rect x=\"400\" y=\"0\" fill=\"#eaeaea\" stroke=\"#666\" width=\"150\" height=\"65\" rx=\"3\" ry=\"3\" class=\"actor\"></rect><text x=\"475\" y=\"32.5\" dominant-baseline=\"central\" alignment-baseline=\"central\" class=\"actor\" style=\"text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;\"><tspan x=\"475\" dy=\"0\">John</tspan></text></g><defs><marker id=\"arrowhead\" refX=\"5\" refY=\"2\" markerWidth=\"6\" markerHeight=\"4\" orient=\"auto\"><path d=\"M 0,0 V 4 L6,2 Z\"></path></marker></defs><defs><marker id=\"crosshead\" markerWidth=\"15\" markerHeight=\"8\" orient=\"auto\" refX=\"16\" refY=\"4\"><path fill=\"black\" stroke=\"#000000\" stroke-width=\"1px\" d=\"M 9,2 V 6 L16,4 Z\" style=\"stroke-dasharray: 0, 0;\"></path><path fill=\"none\" stroke=\"#000000\" stroke-width=\"1px\" d=\"M 0,1 L 6,7 M 6,1 L 0,7\" style=\"stroke-dasharray: 0, 0;\"></path></marker></defs><g><text x=\"175\" y=\"93\" class=\"messageText\" style=\"text-anchor: middle;\">Hello Bob, how are you?</text><line x1=\"75\" y1=\"100\" x2=\"275\" y2=\"100\" class=\"messageLine0\" stroke-width=\"2\" stroke=\"black\" marker-end=\"url(#arrowhead)\" style=\"fill: none;\"></line></g><g><text x=\"375\" y=\"128\" class=\"messageText\" style=\"text-anchor: middle;\">How about you John?</text><line x1=\"275\" y1=\"135\" x2=\"475\" y2=\"135\" class=\"messageLine1\" stroke-width=\"2\" stroke=\"black\" marker-end=\"url(#arrowhead)\" style=\"stroke-dasharray: 3, 3; fill: none;\"></line></g><g><text x=\"175\" y=\"163\" class=\"messageText\" style=\"text-anchor: middle;\">I am good thanks!</text><line x1=\"275\" y1=\"170\" x2=\"75\" y2=\"170\" class=\"messageLine1\" stroke-width=\"2\" stroke=\"black\" marker-end=\"url(#crosshead)\" style=\"stroke-dasharray: 3, 3; fill: none;\"></line></g><g><text x=\"375\" y=\"198\" class=\"messageText\" style=\"text-anchor: middle;\">I am good thanks!</text><line x1=\"275\" y1=\"205\" x2=\"475\" y2=\"205\" class=\"messageLine0\" stroke-width=\"2\" stroke=\"black\" marker-end=\"url(#crosshead)\" style=\"fill: none;\"></line></g><g><rect x=\"500\" y=\"215\" fill=\"#EDF2AE\" stroke=\"#666\" width=\"150\" height=\"84\" rx=\"0\" ry=\"0\" class=\"note\"></rect><text x=\"496\" y=\"239\" class=\"noteText\"><tspan x=\"516\">Bob thinks a long</tspan></text><text x=\"496\" y=\"255\" class=\"noteText\"><tspan x=\"516\">long time, so long</tspan></text><text x=\"496\" y=\"271\" class=\"noteText\"><tspan x=\"516\">that the text does</tspan></text><text x=\"496\" y=\"287\" class=\"noteText\"><tspan x=\"516\">not fit on a row.</tspan></text></g><g><text x=\"175\" y=\"327\" class=\"messageText\" style=\"text-anchor: middle;\">Checking with John...</text><line x1=\"275\" y1=\"334\" x2=\"75\" y2=\"334\" class=\"messageLine1\" stroke-width=\"2\" stroke=\"black\" style=\"stroke-dasharray: 3, 3; fill: none;\"></line></g><g><text x=\"275\" y=\"362\" class=\"messageText\" style=\"text-anchor: middle;\">Yes... John, how are you?</text><line x1=\"75\" y1=\"369\" x2=\"475\" y2=\"369\" class=\"messageLine0\" stroke-width=\"2\" stroke=\"black\" style=\"fill: none;\"></line></g><g><rect x=\"0\" y=\"389\" fill=\"#eaeaea\" stroke=\"#666\" width=\"150\" height=\"65\" rx=\"3\" ry=\"3\" class=\"actor\"></rect><text x=\"75\" y=\"421.5\" dominant-baseline=\"central\" alignment-baseline=\"central\" class=\"actor\" style=\"text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;\"><tspan x=\"75\" dy=\"0\">Alice</tspan></text></g><g><rect x=\"200\" y=\"389\" fill=\"#eaeaea\" stroke=\"#666\" width=\"150\" height=\"65\" rx=\"3\" ry=\"3\" class=\"actor\"></rect><text x=\"275\" y=\"421.5\" dominant-baseline=\"central\" alignment-baseline=\"central\" class=\"actor\" style=\"text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;\"><tspan x=\"275\" dy=\"0\">Bob</tspan></text></g><g><rect x=\"400\" y=\"389\" fill=\"#eaeaea\" stroke=\"#666\" width=\"150\" height=\"65\" rx=\"3\" ry=\"3\" class=\"actor\"></rect><text x=\"475\" y=\"421.5\" dominant-baseline=\"central\" alignment-baseline=\"central\" class=\"actor\" style=\"text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;\"><tspan x=\"475\" dy=\"0\">John</tspan></text></g></svg></div>\n<p>And this will produce a flow chart:</p>\n<div class=\"mermaid\" data-processed=\"true\"><svg id=\"mermaid-1567083658902\" width=\"100%\" xmlns=\"http://www.w3.org/2000/svg\" style=\"max-width: 475.3781280517578px;\" viewBox=\"0 0 475.3781280517578 163.09375\"><style>#mermaid-1567083658902 .label{font-family:'trebuchet ms', verdana, arial;color:#333}#mermaid-1567083658902 .node rect,#mermaid-1567083658902 .node circle,#mermaid-1567083658902 .node ellipse,#mermaid-1567083658902 .node polygon{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-1567083658902 .node.clickable{cursor:pointer}#mermaid-1567083658902 .arrowheadPath{fill:#333}#mermaid-1567083658902 .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-1567083658902 .edgeLabel{background-color:#e8e8e8}#mermaid-1567083658902 .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-1567083658902 .cluster text{fill:#333}#mermaid-1567083658902 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-1567083658902 .actor{stroke:#ccf;fill:#ECECFF}#mermaid-1567083658902 text.actor{fill:#000;stroke:none}#mermaid-1567083658902 .actor-line{stroke:grey}#mermaid-1567083658902 .messageLine0{stroke-width:1.5;stroke-dasharray:'2 2';stroke:#333}#mermaid-1567083658902 .messageLine1{stroke-width:1.5;stroke-dasharray:'2 2';stroke:#333}#mermaid-1567083658902 #arrowhead{fill:#333}#mermaid-1567083658902 #crosshead path{fill:#333 !important;stroke:#333 !important}#mermaid-1567083658902 .messageText{fill:#333;stroke:none}#mermaid-1567083658902 .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-1567083658902 .labelText{fill:#000;stroke:none}#mermaid-1567083658902 .loopText{fill:#000;stroke:none}#mermaid-1567083658902 .loopLine{stroke-width:2;stroke-dasharray:'2 2';stroke:#ccf}#mermaid-1567083658902 .note{stroke:#aa3;fill:#fff5ad}#mermaid-1567083658902 .noteText{fill:black;stroke:none;font-family:'trebuchet ms', verdana, arial;font-size:14px}#mermaid-1567083658902 .activation0{fill:#f4f4f4;stroke:#666}#mermaid-1567083658902 .activation1{fill:#f4f4f4;stroke:#666}#mermaid-1567083658902 .activation2{fill:#f4f4f4;stroke:#666}#mermaid-1567083658902 .section{stroke:none;opacity:0.2}#mermaid-1567083658902 .section0{fill:rgba(102,102,255,0.49)}#mermaid-1567083658902 .section2{fill:#fff400}#mermaid-1567083658902 .section1,#mermaid-1567083658902 .section3{fill:#fff;opacity:0.2}#mermaid-1567083658902 .sectionTitle0{fill:#333}#mermaid-1567083658902 .sectionTitle1{fill:#333}#mermaid-1567083658902 .sectionTitle2{fill:#333}#mermaid-1567083658902 .sectionTitle3{fill:#333}#mermaid-1567083658902 .sectionTitle{text-anchor:start;font-size:11px;text-height:14px}#mermaid-1567083658902 .grid .tick{stroke:#d3d3d3;opacity:0.3;shape-rendering:crispEdges}#mermaid-1567083658902 .grid path{stroke-width:0}#mermaid-1567083658902 .today{fill:none;stroke:red;stroke-width:2px}#mermaid-1567083658902 .task{stroke-width:2}#mermaid-1567083658902 .taskText{text-anchor:middle;font-size:11px}#mermaid-1567083658902 .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px}#mermaid-1567083658902 .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-1567083658902 .task.clickable{cursor:pointer}#mermaid-1567083658902 .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-1567083658902 .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-1567083658902 .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-1567083658902 .taskText0,#mermaid-1567083658902 .taskText1,#mermaid-1567083658902 .taskText2,#mermaid-1567083658902 .taskText3{fill:#fff}#mermaid-1567083658902 .task0,#mermaid-1567083658902 .task1,#mermaid-1567083658902 .task2,#mermaid-1567083658902 .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-1567083658902 .taskTextOutside0,#mermaid-1567083658902 .taskTextOutside2{fill:#000}#mermaid-1567083658902 .taskTextOutside1,#mermaid-1567083658902 .taskTextOutside3{fill:#000}#mermaid-1567083658902 .active0,#mermaid-1567083658902 .active1,#mermaid-1567083658902 .active2,#mermaid-1567083658902 .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-1567083658902 .activeText0,#mermaid-1567083658902 .activeText1,#mermaid-1567083658902 .activeText2,#mermaid-1567083658902 .activeText3{fill:#000 !important}#mermaid-1567083658902 .done0,#mermaid-1567083658902 .done1,#mermaid-1567083658902 .done2,#mermaid-1567083658902 .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-1567083658902 .doneText0,#mermaid-1567083658902 .doneText1,#mermaid-1567083658902 .doneText2,#mermaid-1567083658902 .doneText3{fill:#000 !important}#mermaid-1567083658902 .crit0,#mermaid-1567083658902 .crit1,#mermaid-1567083658902 .crit2,#mermaid-1567083658902 .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-1567083658902 .activeCrit0,#mermaid-1567083658902 .activeCrit1,#mermaid-1567083658902 .activeCrit2,#mermaid-1567083658902 .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-1567083658902 .doneCrit0,#mermaid-1567083658902 .doneCrit1,#mermaid-1567083658902 .doneCrit2,#mermaid-1567083658902 .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-1567083658902 .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-1567083658902 .milestoneText{font-style:italic}#mermaid-1567083658902 .doneCritText0,#mermaid-1567083658902 .doneCritText1,#mermaid-1567083658902 .doneCritText2,#mermaid-1567083658902 .doneCritText3{fill:#000 !important}#mermaid-1567083658902 .activeCritText0,#mermaid-1567083658902 .activeCritText1,#mermaid-1567083658902 .activeCritText2,#mermaid-1567083658902 .activeCritText3{fill:#000 !important}#mermaid-1567083658902 .titleText{text-anchor:middle;font-size:18px;fill:#000}#mermaid-1567083658902 g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-size:10px}#mermaid-1567083658902 g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-1567083658902 g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-1567083658902 .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-1567083658902 .classLabel .label{fill:#9370db;font-size:10px}#mermaid-1567083658902 .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-1567083658902 #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-1567083658902 #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-1567083658902 #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-1567083658902 #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-1567083658902 #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-1567083658902 #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-1567083658902 #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-1567083658902 #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-1567083658902 .commit-id,#mermaid-1567083658902 .commit-msg,#mermaid-1567083658902 .branch-label{fill:lightgrey;color:lightgrey}\n</style><style>#mermaid-1567083658902 {\n    color: rgb(0, 0, 0);\n    font: normal normal 400 normal 16px / normal \"Times New Roman\";\n  }</style><g transform=\"translate(-12, -12)\"><g class=\"output\"><g class=\"clusters\"></g><g class=\"edgePaths\"><g class=\"edgePath\" style=\"opacity: 1;\"><path class=\"path\" d=\"M108.58611463453306,79.8203125L171.859375,49.546875L244.421875,49.546875\" marker-end=\"url(#arrowhead1)\" style=\"fill:none\"></path><defs><marker id=\"arrowhead1\" viewBox=\"0 0 10 10\" refX=\"9\" refY=\"5\" markerUnits=\"strokeWidth\" markerWidth=\"8\" markerHeight=\"6\" orient=\"auto\"><path d=\"M 0 0 L 10 5 L 0 10 z\" class=\"arrowheadPath\" style=\"stroke-width: 1; stroke-dasharray: 1, 0;\"></path></marker></defs></g><g class=\"edgePath\" style=\"opacity: 1;\"><path class=\"path\" d=\"M108.58611463453306,117.8203125L171.859375,148.09375L225.96875,148.09375\" marker-end=\"url(#arrowhead2)\" style=\"fill:none\"></path><defs><marker id=\"arrowhead2\" viewBox=\"0 0 10 10\" refX=\"9\" refY=\"5\" markerUnits=\"strokeWidth\" markerWidth=\"8\" markerHeight=\"6\" orient=\"auto\"><path d=\"M 0 0 L 10 5 L 0 10 z\" class=\"arrowheadPath\" style=\"stroke-width: 1; stroke-dasharray: 1, 0;\"></path></marker></defs></g><g class=\"edgePath\" style=\"opacity: 1;\"><path class=\"path\" d=\"M303.515625,49.546875L346.96875,49.546875L393.1458343574168,78.64322661670433\" marker-end=\"url(#arrowhead3)\" style=\"fill:none\"></path><defs><marker id=\"arrowhead3\" viewBox=\"0 0 10 10\" refX=\"9\" refY=\"5\" markerUnits=\"strokeWidth\" markerWidth=\"8\" markerHeight=\"6\" orient=\"auto\"><path d=\"M 0 0 L 10 5 L 0 10 z\" class=\"arrowheadPath\" style=\"stroke-width: 1; stroke-dasharray: 1, 0;\"></path></marker></defs></g><g class=\"edgePath\" style=\"opacity: 1;\"><path class=\"path\" d=\"M321.96875,148.09375L346.96875,148.09375L393.1458362342035,119.9973972083246\" marker-end=\"url(#arrowhead4)\" style=\"fill:none\"></path><defs><marker id=\"arrowhead4\" viewBox=\"0 0 10 10\" refX=\"9\" refY=\"5\" markerUnits=\"strokeWidth\" markerWidth=\"8\" markerHeight=\"6\" orient=\"auto\"><path d=\"M 0 0 L 10 5 L 0 10 z\" class=\"arrowheadPath\" style=\"stroke-width: 1; stroke-dasharray: 1, 0;\"></path></marker></defs></g></g><g class=\"edgeLabels\"><g class=\"edgeLabel\" transform=\"translate(171.859375,49.546875)\" style=\"opacity: 1;\"><g transform=\"translate(-29.109375,-9)\" class=\"label\"><foreignObject width=\"58.21875\" height=\"18\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display: inline-block; white-space: nowrap;\"><span class=\"edgeLabel\">Link text</span></div></foreignObject></g></g><g class=\"edgeLabel\" transform=\"\" style=\"opacity: 1;\"><g transform=\"translate(0,0)\" class=\"label\"><foreignObject width=\"0\" height=\"0\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display: inline-block; white-space: nowrap;\"><span class=\"edgeLabel\"></span></div></foreignObject></g></g><g class=\"edgeLabel\" transform=\"\" style=\"opacity: 1;\"><g transform=\"translate(0,0)\" class=\"label\"><foreignObject width=\"0\" height=\"0\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display: inline-block; white-space: nowrap;\"><span class=\"edgeLabel\"></span></div></foreignObject></g></g><g class=\"edgeLabel\" transform=\"\" style=\"opacity: 1;\"><g transform=\"translate(0,0)\" class=\"label\"><foreignObject width=\"0\" height=\"0\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display: inline-block; white-space: nowrap;\"><span class=\"edgeLabel\"></span></div></foreignObject></g></g></g><g class=\"nodes\"><g class=\"node\" id=\"A\" transform=\"translate(68.875,98.8203125)\" style=\"opacity: 1;\"><rect rx=\"0\" ry=\"0\" x=\"-48.875\" y=\"-19\" width=\"97.75\" height=\"38\"></rect><g class=\"label\" transform=\"translate(0,0)\"><g transform=\"translate(-38.875,-9)\"><foreignObject width=\"77.75\" height=\"18\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display: inline-block; white-space: nowrap;\">Square Rect</div></foreignObject></g></g></g><g class=\"node\" id=\"B\" transform=\"translate(273.96875,49.546875)\" style=\"opacity: 1;\"><circle x=\"-29.546875\" y=\"-19\" r=\"29.546875\"></circle><g class=\"label\" transform=\"translate(0,0)\"><g transform=\"translate(-19.546875,-9)\"><foreignObject width=\"39.09375\" height=\"18\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display: inline-block; white-space: nowrap;\">Circle</div></foreignObject></g></g></g><g class=\"node\" id=\"C\" transform=\"translate(273.96875,148.09375)\" style=\"opacity: 1;\"><rect rx=\"5\" ry=\"5\" x=\"-48\" y=\"-19\" width=\"96\" height=\"38\"></rect><g class=\"label\" transform=\"translate(0,0)\"><g transform=\"translate(-38,-9)\"><foreignObject width=\"76\" height=\"18\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display: inline-block; white-space: nowrap;\">Round Rect</div></foreignObject></g></g></g><g class=\"node\" id=\"D\" transform=\"translate(425.6734390258789,98.8203125)\" style=\"opacity: 1;\"><polygon points=\"53.7046875,0 107.409375,-53.7046875 53.7046875,-107.409375 0,-53.7046875\" rx=\"5\" ry=\"5\" transform=\"translate(-53.7046875,53.7046875)\"></polygon><g class=\"label\" transform=\"translate(0,0)\"><g transform=\"translate(-30.671875,-9)\"><foreignObject width=\"61.34375\" height=\"18\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display: inline-block; white-space: nowrap;\">Rhombus</div></foreignObject></g></g></g></g></g></g></svg></div>\n<p>Libraries often attempt to remain neutral in the resulting debates, but that neutrality is predicated on the idea that the debates are taking place on a post-enlightenment playing field and that, eventually, the best ideas will succeed. Or at least that, over time, reasonable people will develop a shared set of facts and tools for assessing and discussing that reality. This allows the library to accomplish good for its users by providing access</p>","fields":{"slug":"/markdown-test/"},"frontmatter":{"title":"This is markdown unity test!","date":"22 Apr, 2019","description":null,"tags":["markdown","test","unity"],"cover":{"publicURL":"/static/preview-7d1dc7622a7e28afc5cae93dc4c9e5b6.jpg","childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='62'%20height='62'/%3e","aspectRatio":1,"src":"/static/7d1dc7622a7e28afc5cae93dc4c9e5b6/91002/preview.jpg","srcSet":"/static/7d1dc7622a7e28afc5cae93dc4c9e5b6/9513e/preview.jpg 293w,\n/static/7d1dc7622a7e28afc5cae93dc4c9e5b6/7444d/preview.jpg 585w,\n/static/7d1dc7622a7e28afc5cae93dc4c9e5b6/91002/preview.jpg 1170w,\n/static/7d1dc7622a7e28afc5cae93dc4c9e5b6/c4f3a/preview.jpg 1200w","srcWebp":"/static/7d1dc7622a7e28afc5cae93dc4c9e5b6/15113/preview.webp","srcSetWebp":"/static/7d1dc7622a7e28afc5cae93dc4c9e5b6/b3e73/preview.webp 293w,\n/static/7d1dc7622a7e28afc5cae93dc4c9e5b6/a1d8e/preview.webp 585w,\n/static/7d1dc7622a7e28afc5cae93dc4c9e5b6/15113/preview.webp 1170w,\n/static/7d1dc7622a7e28afc5cae93dc4c9e5b6/f9d14/preview.webp 1200w","sizes":"(max-width: 1170px) 100vw, 1170px"}}}}},"allMarkdownRemark":{"edges":[{"node":{"fields":{"slug":"/style-test/"},"frontmatter":{"title":"A Full and Comprehensive Style Test","tags":["hello","markdown"],"cover":{"publicURL":"/static/preview-4c32fa0c0c6ebae7cda28fa6d1bee577.jpg","childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAUABQDASIAAhEBAxEB/8QAGQABAAMBAQAAAAAAAAAAAAAAAAECBAMF/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAH/2gAMAwEAAhADEAAAAfdiM5qQK0Jegs//xAAYEAACAwAAAAAAAAAAAAAAAAABEAIDIP/aAAgBAQABBQLFQIcV/8QAFBEBAAAAAAAAAAAAAAAAAAAAIP/aAAgBAwEBPwEf/8QAFBEBAAAAAAAAAAAAAAAAAAAAIP/aAAgBAgEBPwEf/8QAFhABAQEAAAAAAAAAAAAAAAAAIAER/9oACAEBAAY/AhdP/8QAGhAAAgMBAQAAAAAAAAAAAAAAARAAETEhUf/aAAgBAQABPyGAg4bfkV8RmV//2gAMAwEAAgADAAAAEGfIvP/EABcRAAMBAAAAAAAAAAAAAAAAAAEQETH/2gAIAQMBAT8QiGFf/8QAFhEBAQEAAAAAAAAAAAAAAAAAARAx/9oACAECAQE/EI6T/8QAGhAAAwEBAQEAAAAAAAAAAAAAAAERMSEQUf/aAAgBAQABPxClSEfHSjcQ75Vk96+lMG3n/9k=","aspectRatio":1.6901408450704225,"src":"/static/4c32fa0c0c6ebae7cda28fa6d1bee577/fde0e/preview.jpg","srcSet":"/static/4c32fa0c0c6ebae7cda28fa6d1bee577/c6871/preview.jpg 120w,\n/static/4c32fa0c0c6ebae7cda28fa6d1bee577/37838/preview.jpg 240w,\n/static/4c32fa0c0c6ebae7cda28fa6d1bee577/fde0e/preview.jpg 480w,\n/static/4c32fa0c0c6ebae7cda28fa6d1bee577/98a55/preview.jpg 720w,\n/static/4c32fa0c0c6ebae7cda28fa6d1bee577/c3656/preview.jpg 960w,\n/static/4c32fa0c0c6ebae7cda28fa6d1bee577/063a1/preview.jpg 1200w","srcWebp":"/static/4c32fa0c0c6ebae7cda28fa6d1bee577/e5005/preview.webp","srcSetWebp":"/static/4c32fa0c0c6ebae7cda28fa6d1bee577/a9036/preview.webp 120w,\n/static/4c32fa0c0c6ebae7cda28fa6d1bee577/32713/preview.webp 240w,\n/static/4c32fa0c0c6ebae7cda28fa6d1bee577/e5005/preview.webp 480w,\n/static/4c32fa0c0c6ebae7cda28fa6d1bee577/e165a/preview.webp 720w,\n/static/4c32fa0c0c6ebae7cda28fa6d1bee577/b976a/preview.webp 960w,\n/static/4c32fa0c0c6ebae7cda28fa6d1bee577/049ec/preview.webp 1200w","sizes":"(max-width: 480px) 100vw, 480px"}}}}}},{"node":{"fields":{"slug":"/deep-link/"},"frontmatter":{"title":"How to Use the Deep Link Generator","tags":["hello","markdown"],"cover":{"publicURL":"/static/preview-06f5f71d2353aa41aa0bc181213b239d.jpg","childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAPABQDASIAAhEBAxEB/8QAFwABAAMAAAAAAAAAAAAAAAAAAAIDBf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAdeAXA//xAAYEAEBAQEBAAAAAAAAAAAAAAACAQMAEP/aAAgBAQABBQJKGTSW8xGTmR5//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAGhAAAgIDAAAAAAAAAAAAAAAAAAEQERJBYf/aAAgBAQAGPwK2LsYsVaj/xAAaEAEAAgMBAAAAAAAAAAAAAAABABEQQWFR/9oACAEBAAE/IdDIaBw3hFbT5CAOLx//2gAMAwEAAgADAAAAECMv/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPxA//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPxA//8QAGxABAQACAwEAAAAAAAAAAAAAAREAIRBRcYH/2gAIAQEAAT8QUPAh9WZf8XAJrzLj0aVqOm49vWJV64//2Q==","aspectRatio":1.6901408450704225,"src":"/static/06f5f71d2353aa41aa0bc181213b239d/fde0e/preview.jpg","srcSet":"/static/06f5f71d2353aa41aa0bc181213b239d/c6871/preview.jpg 120w,\n/static/06f5f71d2353aa41aa0bc181213b239d/37838/preview.jpg 240w,\n/static/06f5f71d2353aa41aa0bc181213b239d/fde0e/preview.jpg 480w,\n/static/06f5f71d2353aa41aa0bc181213b239d/98a55/preview.jpg 720w,\n/static/06f5f71d2353aa41aa0bc181213b239d/c3656/preview.jpg 960w,\n/static/06f5f71d2353aa41aa0bc181213b239d/063a1/preview.jpg 1200w","srcWebp":"/static/06f5f71d2353aa41aa0bc181213b239d/e5005/preview.webp","srcSetWebp":"/static/06f5f71d2353aa41aa0bc181213b239d/a9036/preview.webp 120w,\n/static/06f5f71d2353aa41aa0bc181213b239d/32713/preview.webp 240w,\n/static/06f5f71d2353aa41aa0bc181213b239d/e5005/preview.webp 480w,\n/static/06f5f71d2353aa41aa0bc181213b239d/e165a/preview.webp 720w,\n/static/06f5f71d2353aa41aa0bc181213b239d/b976a/preview.webp 960w,\n/static/06f5f71d2353aa41aa0bc181213b239d/049ec/preview.webp 1200w","sizes":"(max-width: 480px) 100vw, 480px"}}}}}},{"node":{"fields":{"slug":"/six-online-store-failed/"},"frontmatter":{"title":"Six of My Online Stores Failed.","tags":["markdown","test","unity"],"cover":{"publicURL":"/static/preview-7d58704a423fbf1cbe0481544fb594ba.jpg","childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAUABQDASIAAhEBAxEB/8QAGAABAAMBAAAAAAAAAAAAAAAAAAECAwX/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIQAxAAAAHu43yNkACoP//EABoQAAICAwAAAAAAAAAAAAAAAAECAAMQICH/2gAIAQEAAQUCiWB8HoSsIdP/xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAEDAQE/AR//xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAECAQE/AR//xAAXEAADAQAAAAAAAAAAAAAAAAAAAREw/9oACAEBAAY/AhzD/8QAGxABAAICAwAAAAAAAAAAAAAAAQAQEUEhMVH/2gAIAQEAAT8h6MsWGkzOQexAm2i//9oADAMBAAIAAwAAABBDBzz/xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAEDAQE/EB//xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAECAQE/EB//xAAaEAEAAwEBAQAAAAAAAAAAAAABABEhMUFR/9oACAEBAAE/ELFSgLWWFi/fYq4B3gqWzqjr9j2LIuRdn//Z","aspectRatio":1.6901408450704225,"src":"/static/7d58704a423fbf1cbe0481544fb594ba/fde0e/preview.jpg","srcSet":"/static/7d58704a423fbf1cbe0481544fb594ba/c6871/preview.jpg 120w,\n/static/7d58704a423fbf1cbe0481544fb594ba/37838/preview.jpg 240w,\n/static/7d58704a423fbf1cbe0481544fb594ba/fde0e/preview.jpg 480w,\n/static/7d58704a423fbf1cbe0481544fb594ba/98a55/preview.jpg 720w,\n/static/7d58704a423fbf1cbe0481544fb594ba/c3656/preview.jpg 960w,\n/static/7d58704a423fbf1cbe0481544fb594ba/063a1/preview.jpg 1200w","srcWebp":"/static/7d58704a423fbf1cbe0481544fb594ba/e5005/preview.webp","srcSetWebp":"/static/7d58704a423fbf1cbe0481544fb594ba/a9036/preview.webp 120w,\n/static/7d58704a423fbf1cbe0481544fb594ba/32713/preview.webp 240w,\n/static/7d58704a423fbf1cbe0481544fb594ba/e5005/preview.webp 480w,\n/static/7d58704a423fbf1cbe0481544fb594ba/e165a/preview.webp 720w,\n/static/7d58704a423fbf1cbe0481544fb594ba/b976a/preview.webp 960w,\n/static/7d58704a423fbf1cbe0481544fb594ba/049ec/preview.webp 1200w","sizes":"(max-width: 480px) 100vw, 480px"}}}}}}]}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/markdown-test/","previous":{"fields":{"slug":"/Installing-Multiple-Versions/"},"frontmatter":{"title":"Installing Multiple Versions of Node.js Using NVM","tags":["JavaScript","Tips"]}},"next":{"fields":{"slug":"/six-online-store-failed/"},"frontmatter":{"title":"Six of My Online Stores Failed.","tags":["markdown","test","unity"]}},"tag":["markdown","test","unity"]}}}