# Snapshot report for `test/index.js`

The actual snapshot is saved in `index.js.snap`.

Generated by [AVA](https://avajs.dev).

## autolinker

> Snapshot 1

    `<link href="./theme.css" rel="stylesheet" />␊
    <div class="remark-highlight">␊
      <pre class="language-js"><code><span class="token doc-comment comment">/**␊
     * Prism: Lightweight, robust, elegant syntax highlighting␊
     * MIT license http://www.opensource.org/licenses/mit-license.php/␊
     * <span class="token keyword">@author</span> Lea Verou http://lea.verou.me␊
     * Reach Lea at fake@email.com (no, not really)␊
     * And this is a Markdown link. Sweet, huh?␊
     */</span>␊
    <span class="token keyword">var</span> foo <span class="token operator">=</span> <span class="token number">5</span><span class="token punctuation">;</span>␊
    <span class="token comment">// And a single line comment <a class="token url-link" href="http://google.com">http://google.com</a></span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-css"␊
      ><code><span class="token atrule"><span class="token rule">@font-face</span></span> <span class="token punctuation">{</span>␊
      <span class="token property">src</span><span class="token punctuation">:</span> <span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><a class="token url-link" href="http://lea.verou.me/logo.otf">http://lea.verou.me/logo.otf</a><span class="token punctuation">)</span></span><span class="token punctuation">;</span>␊
      <span class="token property">font-family</span><span class="token punctuation">:</span> <span class="token string">'LeaVerou'</span><span class="token punctuation">;</span>␊
    <span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-html"␊
      ><code><span class="token comment">&lt;!-- Links in HTML, woo!␊
    Lea Verou <a class="token url-link" href="http://lea.verou.me">http://lea.verou.me</a> or, with Markdown, Lea Verou --&gt;</span>␊
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><a class="token url-link" href="http://prismjs.com/img/spectrum.png">http://prismjs.com/img/spectrum.png</a><span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>In attributes too!<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>␊
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">&gt;</span></span>Autolinking in raw text: <a class="token url-link" href="http://prismjs.com">http://prismjs.com</a><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-markdown"␊
      ><code><span class="token url">[<span class="token content">Text you want to see</span>](<a class="token url-link" href="http://url-goes-here.com">http://url-goes-here.com</a>)</span>␊
    </code></pre>␊
    </div>␊
    `

## command-line

> Snapshot 1

    `<link href="./theme.css" rel="stylesheet" />␊
    <div class="remark-highlight">␊
      <pre␊
        data-user="chris"␊
        data-host="remotehost"␊
        data-output="2,4-8"␊
        class="language-bash"␊
      ><code><span class="token builtin class-name">pwd</span>␊
    /usr/home/chris/bin␊
    <span class="token function">ls</span> -la␊
    total <span class="token number">2</span>␊
    drwxr-xr-x   <span class="token number">2</span> chris  chris     <span class="token number">11</span> Jan <span class="token number">10</span> <span class="token number">16</span>:48 <span class="token builtin class-name">.</span>␊
    drwxr--r-x  <span class="token number">45</span> chris  chris     <span class="token number">92</span> Feb <span class="token number">14</span> <span class="token number">11</span>:10 <span class="token punctuation">..</span>␊
    -rwxr-xr-x   <span class="token number">1</span> chris  chris    <span class="token number">444</span> Aug <span class="token number">25</span>  <span class="token number">2013</span> backup␊
    -rwxr-xr-x   <span class="token number">1</span> chris  chris    <span class="token number">642</span> Jan <span class="token number">17</span> <span class="token number">14</span>:42 deploy␊
    </code></pre>␊
    </div>␊
    `

## data-uri-highlight

> Snapshot 1

    `<link href="./theme.css" rel="stylesheet" />␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-css"␊
      ><code><span class="token selector">div</span> <span class="token punctuation">{</span>␊
      <span class="token property">border</span><span class="token punctuation">:</span> <span class="token number">40</span><span class="token unit">px</span> solid <span class="token color">transparent</span><span class="token punctuation">;</span>␊
      <span class="token property">border-image</span><span class="token punctuation">:</span> <span class="token number">33.334</span><span class="token unit">%</span>␊
      <span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">1</span><span class="token unit">em</span><span class="token punctuation">;</span>␊
      <span class="token property">max-width</span><span class="token punctuation">:</span> <span class="token number">20</span><span class="token unit">em</span><span class="token punctuation">;</span>␊
      <span class="token property">font</span><span class="token punctuation">:</span> <span class="token number">130</span><span class="token unit">%</span>/<span class="token number">1.6</span> Baskerville<span class="token punctuation">,</span> Palatino<span class="token punctuation">,</span> serif<span class="token punctuation">;</span>␊
      <span class="token property">border-image</span><span class="token punctuation">:</span> <span class="token number">33.334</span><span class="token unit">%</span> <span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><span class="token string url">'<span class="token data-uri">data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve" height="100px" width="100px"&gt;&lt;g&gt;&lt;path d="M28.1,36.6c4.6,1.9,12.2,1.6,20.9,1.1c8.9-0.4,19-0.9,28.9,0.9c6.3,1.2,11.9,3.1,16.8,6c-1.5-12.2-7.9-23.7-18.6-31.3 c-4.9-0.2-9.9,0.3-14.8,1.4C47.8,17.9,36.2,25.6,28.1,36.6z"/&gt;&lt;path d="M70.3,9.8C57.5,3.4,42.8,3.6,30.5,9.5c-3,6-8.4,19.6-5.3,24.9c8.6-11.7,20.9-19.8,35.2-23.1C63.7,10.5,67,10,70.3,9.8z"/&gt;&lt;path d="M16.5,51.3c0.6-1.7,1.2-3.4,2-5.1c-3.8-3.4-7.5-7-11-10.8c-2.1,6.1-2.8,12.5-2.3,18.7C9.6,51.1,13.4,50.2,16.5,51.3z"/&gt;&lt;path d="M9,31.6c3.5,3.9,7.2,7.6,11.1,11.1c0.8-1.6,1.7-3.1,2.6-4.6c0.1-0.2,0.3-0.4,0.4-0.6c-2.9-3.3-3.1-9.2-0.6-17.6   c0.8-2.7,1.8-5.3,2.7-7.4c-5.2,3.4-9.8,8-13.3,13.7C10.8,27.9,9.8,29.7,9,31.6z"/&gt;&lt;path d="M15.4,54.7c-2.6-1-6.1,0.7-9.7,3.4c1.2,6.6,3.9,13,8,18.5C13,69.3,13.5,61.8,15.4,54.7z"/&gt;&lt;path d="M39.8,57.6C54.3,66.7,70,73,86.5,76.4c0.6-0.8,1.1-1.6,1.7-2.5c4.8-7.7,7-16.3,6.8-24.8c-13.8-9.3-31.3-8.4-45.8-7.7   c-9.5,0.5-17.8,0.9-23.2-1.7c-0.1,0.1-0.2,0.3-0.3,0.4c-1,1.7-2,3.4-2.9,5.1C28.2,49.7,33.8,53.9,39.8,57.6z"/&gt;&lt;path d="M26.2,88.2c3.3,2,6.7,3.6,10.2,4.7c-3.5-6.2-6.3-12.6-8.8-18.5c-3.1-7.2-5.8-13.5-9-17.2c-1.9,8-2,16.4-0.3,24.7   C20.6,84.2,23.2,86.3,26.2,88.2z"/&gt;&lt;path d="M30.9,73c2.9,6.8,6.1,14.4,10.5,21.2c15.6,3,32-2.3,42.6-14.6C67.7,76,52.2,69.6,37.9,60.7C32,57,26.5,53,21.3,48.6   c-0.6,1.5-1.2,3-1.7,4.6C24.1,57.1,27.3,64.5,30.9,73z"/&gt;&lt;/g&gt;&lt;/svg&gt;</span>'</span><span class="token punctuation">)</span></span><span class="token punctuation">;</span>␊
    <span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    `

## diff-highlight

> Snapshot 1

    `<link href="./theme.css" rel="stylesheet" />␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-diff"␊
      ><code><span class="token coord">@@ -4,6 +4,5 @@</span>␊
    <span class="token deleted-sign deleted"><span class="token prefix deleted">-</span>  let foo = bar.baz([1, 2, 3]);␊
    <span class="token prefix deleted">-</span>  foo = foo + 1;␊
    </span><span class="token inserted-sign inserted"><span class="token prefix inserted">+</span>  const foo = bar.baz([1, 2, 3]) + 1;␊
    </span><span class="token unchanged"><span class="token prefix unchanged"> </span>  console.log(`foo: ${foo}`);</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-diff diff-highlight"␊
      ><code><span class="token coord">@@ -4,6 +4,5 @@</span>␊
    <span class="token deleted-sign deleted"><span class="token prefix deleted">-</span>  let foo = bar.baz([1, 2, 3]);␊
    <span class="token prefix deleted">-</span>  foo = foo + 1;␊
    </span><span class="token inserted-sign inserted"><span class="token prefix inserted">+</span>  const foo = bar.baz([1, 2, 3]) + 1;␊
    </span><span class="token unchanged"><span class="token prefix unchanged"> </span>  console.log(`foo: ${foo}`);</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-diff-javascript diff-highlight"␊
      ><code><span class="token coord">@@ -4,6 +4,5 @@</span>␊
    <span class="token deleted-sign deleted language-javascript"><span class="token prefix deleted">-</span>  <span class="token keyword">let</span> foo <span class="token operator">=</span> bar<span class="token punctuation">.</span><span class="token method function property-access">baz</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    <span class="token prefix deleted">-</span>  foo <span class="token operator">=</span> foo <span class="token operator">+</span> <span class="token number">1</span><span class="token punctuation">;</span>␊
    </span><span class="token inserted-sign inserted language-javascript"><span class="token prefix inserted">+</span>  <span class="token keyword">const</span> foo <span class="token operator">=</span> bar<span class="token punctuation">.</span><span class="token method function property-access">baz</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">]</span><span class="token punctuation">)</span> <span class="token operator">+</span> <span class="token number">1</span><span class="token punctuation">;</span>␊
    </span><span class="token unchanged language-javascript"><span class="token prefix unchanged"> </span>  <span class="token console class-name">console</span><span class="token punctuation">.</span><span class="token method function property-access">log</span><span class="token punctuation">(</span><span class="token template-string"><span class="token template-punctuation string">`</span><span class="token string">foo: </span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span>foo<span class="token interpolation-punctuation punctuation">}</span></span><span class="token template-punctuation string">`</span></span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>␊
    </code></pre>␊
    </div>␊
    `

## inline-color

> Snapshot 1

    `<link href="./theme.css" rel="stylesheet" />␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-css"␊
      ><code><span class="token selector">span<span class="token class">.foo</span></span> <span class="token punctuation">{</span>␊
      <span class="token property">background-color</span><span class="token punctuation">:</span> <span class="token color"><span class="inline-color-wrapper"><span class="inline-color" style="background-color:navy;"></span></span>navy</span><span class="token punctuation">;</span>␊
      <span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode color"><span class="inline-color-wrapper"><span class="inline-color" style="background-color:rgba(187,255,221,1);"></span></span>#bfd</span><span class="token punctuation">;</span>␊
    <span class="token punctuation">}</span>␊
    ␊
    <span class="token selector">span<span class="token class">.bar</span></span> <span class="token punctuation">{</span>␊
      <span class="token property">background</span><span class="token punctuation">:</span> <span class="token color"><span class="inline-color-wrapper"><span class="inline-color" style="background-color:rgba(105, 0, 12, 0.38);"></span></span><span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">105</span><span class="token punctuation">,</span> <span class="token number">0</span><span class="token punctuation">,</span> <span class="token number">12</span><span class="token punctuation">,</span> <span class="token number">0.38</span><span class="token punctuation">)</span></span><span class="token punctuation">;</span>␊
      <span class="token property">color</span><span class="token punctuation">:</span> <span class="token color"><span class="inline-color-wrapper"><span class="inline-color" style="background-color:hsl(30, 100%, 50%);"></span></span><span class="token function">hsl</span><span class="token punctuation">(</span><span class="token number">30</span><span class="token punctuation">,</span> <span class="token number">100</span><span class="token unit">%</span><span class="token punctuation">,</span> <span class="token number">50</span><span class="token unit">%</span><span class="token punctuation">)</span></span><span class="token punctuation">;</span>␊
      <span class="token property">border-color</span><span class="token punctuation">:</span> <span class="token color"><span class="inline-color-wrapper"><span class="inline-color" style="background-color:transparent;"></span></span>transparent</span><span class="token punctuation">;</span>␊
    <span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-html"␊
      ><code><span class="token doctype"><span class="token punctuation">&lt;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">&gt;</span></span>␊
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>html</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>en<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>␊
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>head</span><span class="token punctuation">&gt;</span></span>␊
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>utf-8<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>␊
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>title</span><span class="token punctuation">&gt;</span></span>Example<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>title</span><span class="token punctuation">&gt;</span></span>␊
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>style</span><span class="token punctuation">&gt;</span></span><span class="token style"><span class="token language-css">␊
          <span class="token selector">a<span class="token class">.not-a-class</span></span> <span class="token punctuation">{</span>␊
            <span class="token property">color</span><span class="token punctuation">:</span> <span class="token color"><span class="inline-color-wrapper"><span class="inline-color" style="background-color:red;"></span></span>red</span><span class="token punctuation">;</span>␊
          <span class="token punctuation">}</span>␊
        </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>style</span><span class="token punctuation">&gt;</span></span>␊
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>head</span><span class="token punctuation">&gt;</span></span>␊
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>body</span><span class="token style-attr language-css"><span class="token attr-name"> <span class="token attr-name">style</span></span><span class="token punctuation">="</span><span class="token attr-value"><span class="token property">color</span><span class="token punctuation">:</span><span class="token color"><span class="inline-color-wrapper"><span class="inline-color" style="background-color:black;"></span></span>black</span></span><span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>body</span><span class="token punctuation">&gt;</span></span>␊
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">&gt;</span></span>␊
    </code></pre>␊
    </div>␊
    `

## keep-markup

> Snapshot 1

    `<link href="./theme.css" rel="stylesheet" />␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-js"␊
      ><code>x<span class="token operator">&lt;</span>span<span class="token operator">&gt;</span>a<span class="token operator">&lt;</span><span class="token operator">/</span>span<span class="token operator">&gt;</span>y␊
    </code></pre>␊
    </div>␊
    `

## languages

> Snapshot 1

    `<link href="./theme.css" rel="stylesheet" />␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-html"␊
      ><code><span class="token doctype"><span class="token punctuation">&lt;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">&gt;</span></span>␊
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>html</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>en<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>␊
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>head</span><span class="token punctuation">&gt;</span></span>␊
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>UTF-8<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>␊
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>meta</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>viewport<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>width=device-width, initial-scale=1.0<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>␊
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>title</span><span class="token punctuation">&gt;</span></span>Hello World!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>title</span><span class="token punctuation">&gt;</span></span>␊
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>head</span><span class="token punctuation">&gt;</span></span>␊
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>body</span><span class="token punctuation">&gt;</span></span>␊
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h1</span><span class="token punctuation">&gt;</span></span>Hello World!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h1</span><span class="token punctuation">&gt;</span></span>␊
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>body</span><span class="token punctuation">&gt;</span></span>␊
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">&gt;</span></span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-xml"␊
      ><code><span class="token prolog">&lt;?xml version="1.0" encoding="UTF-8"?&gt;</span>␊
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>text</span><span class="token punctuation">&gt;</span></span><span class="token cdata">&lt;![CDATA[Hello World]]&gt;</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>text</span><span class="token punctuation">&gt;</span></span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-svg"␊
      ><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name"><span class="token namespace">xmlns:</span>xlink</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/1999/xlink<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>240<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>100<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 240 100<span class="token punctuation">"</span></span> <span class="token attr-name">zoomAndPan</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>disable<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>␊
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>title</span><span class="token punctuation">&gt;</span></span>Hello World<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>title</span><span class="token punctuation">&gt;</span></span>␊
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>g</span><span class="token punctuation">&gt;</span></span>␊
          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>text</span> <span class="token attr-name">x</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>10<span class="token punctuation">"</span></span> <span class="token attr-name">y</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>50<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Hello World<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>text</span><span class="token punctuation">&gt;</span></span>␊
          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>animate</span> <span class="token attr-name">attributeName</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>opacity<span class="token punctuation">"</span></span> <span class="token attr-name">values</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0;1<span class="token punctuation">"</span></span> <span class="token attr-name">dur</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>4s<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>freeze<span class="token punctuation">"</span></span> <span class="token attr-name">begin</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0s<span class="token punctuation">"</span></span><span class="token punctuation">/&gt;</span></span>␊
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>g</span><span class="token punctuation">&gt;</span></span>␊
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-css"␊
      ><code><span class="token selector">body<span class="token pseudo-element">::before</span></span> <span class="token punctuation">{</span>␊
      <span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">'Hello World'</span><span class="token punctuation">;</span>␊
    <span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-javascript"␊
      ><code><span class="token console class-name">console</span><span class="token punctuation">.</span><span class="token method function property-access">log</span><span class="token punctuation">(</span><span class="token string">'Hello World'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-jsx"␊
      ><code><span class="token keyword">class</span> <span class="token class-name">HelloMessage</span> <span class="token keyword">extends</span> <span class="token class-name">React<span class="token punctuation">.</span>Component</span> <span class="token punctuation">{</span>␊
      <span class="token function">render</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>␊
        <span class="token keyword">return</span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span><span class="token plain-text">Hello </span><span class="token punctuation">{</span><span class="token keyword">this</span><span class="token punctuation">.</span><span class="token property-access">props</span><span class="token punctuation">.</span><span class="token property-access">name</span><span class="token punctuation">}</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span><span class="token punctuation">;</span>␊
      <span class="token punctuation">}</span>␊
    <span class="token punctuation">}</span>␊
    ␊
    <span class="token maybe-class-name">ReactDOM</span><span class="token punctuation">.</span><span class="token method function property-access">render</span><span class="token punctuation">(</span>␊
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">HelloMessage</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Taylor<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span><span class="token punctuation">,</span>␊
      <span class="token dom variable">document</span><span class="token punctuation">.</span><span class="token method function property-access">getElementById</span><span class="token punctuation">(</span><span class="token string">'hello-example'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>␊
    <span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-abap"␊
      ><code><span class="token keyword">REPORT</span> ZHELLO_WORLD<span class="token punctuation">.</span>␊
    ␊
    <span class="token keyword">START-OF-SELECTION</span><span class="token punctuation">.</span>␊
        <span class="token keyword">WRITE</span><span class="token punctuation">:</span> <span class="token string">'Hello World'</span><span class="token punctuation">.</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-actionscript"␊
      ><code><span class="token keyword">package</span>␊
    <span class="token punctuation">{</span>␊
    	<span class="token keyword">import</span> flash<span class="token punctuation">.</span>display<span class="token punctuation">.</span>Sprite<span class="token punctuation">;</span>␊
    	<span class="token keyword">import</span> flash<span class="token punctuation">.</span>text<span class="token punctuation">.</span>TextField<span class="token punctuation">;</span>␊
    ␊
    	<span class="token keyword">public</span> <span class="token keyword">class</span> <span class="token class-name">actionscript</span> <span class="token keyword">extends</span> <span class="token class-name">Sprite</span>␊
    	<span class="token punctuation">{</span>␊
    		<span class="token keyword">private</span> <span class="token keyword">var</span> hello<span class="token punctuation">:</span>TextField <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">TextField</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    ␊
    		<span class="token keyword">public</span> <span class="token keyword">function</span> <span class="token function">actionscript</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span>␊
    			hello<span class="token punctuation">.</span>text <span class="token operator">=</span> <span class="token string">"Hello World"</span><span class="token punctuation">;</span>␊
    			<span class="token function">addChild</span><span class="token punctuation">(</span>hello<span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    		<span class="token punctuation">}</span>␊
    	<span class="token punctuation">}</span>␊
    <span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-ada"␊
      ><code><span class="token keyword">with</span> <span class="token variable">Text_IO</span><span class="token punctuation">;</span>␊
    <span class="token keyword">procedure</span> <span class="token variable">Hello_World</span> <span class="token keyword">is</span>␊
    	<span class="token keyword">begin</span>␊
    		<span class="token variable">Text_IO</span><span class="token punctuation">.</span><span class="token variable">Put_line</span><span class="token punctuation">(</span><span class="token string">"Hello World"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    	<span class="token keyword">end</span> <span class="token variable">Hello_World</span><span class="token punctuation">;</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-apl"␊
      ><code><span class="token constant">⎕</span><span class="token assignment keyword">←</span><span class="token string">'Hello World'</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-applescript"␊
      ><code>display dialog <span class="token string">"Hello World"</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-arduino"␊
      ><code><span class="token keyword">void</span> <span class="token keyword">setup</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>␊
      <span class="token builtin">Serial</span><span class="token punctuation">.</span><span class="token function">begin</span><span class="token punctuation">(</span><span class="token number">9600</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
      <span class="token builtin">Serial</span><span class="token punctuation">.</span><span class="token function">println</span><span class="token punctuation">(</span><span class="token string">"Hello World"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    <span class="token punctuation">}</span>␊
    ␊
    <span class="token keyword">void</span> <span class="token keyword">loop</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>␊
    ␊
    <span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-autohotkey"␊
      ><code><span class="token selector">MsgBox</span><span class="token punctuation">,</span> Hello World␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-autoit"␊
      ><code><span class="token function">MsgBox</span><span class="token punctuation">(</span><span class="token number">0</span><span class="token punctuation">,</span> <span class="token string">"Message Box"</span><span class="token punctuation">,</span> <span class="token string">"Hello World"</span><span class="token punctuation">)</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-bash"␊
      ><code><span class="token shebang important">#!/bin/bash</span>␊
    ␊
    <span class="token builtin class-name">echo</span> Hello World␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-shell"␊
      ><code><span class="token shebang important">#!/bin/sh</span>␊
    <span class="token builtin class-name">echo</span> <span class="token string">"Hello World"</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-basic"␊
      ><code><span class="token number">10</span> <span class="token function">PRINT</span> <span class="token string">"Hello World"</span>␊
    <span class="token number">20</span> <span class="token keyword">END</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-batch"␊
      ><code><span class="token operator">@</span><span class="token command"><span class="token keyword">echo</span> off</span>␊
    <span class="token command"><span class="token keyword">echo</span> Hello World</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-brainfuck"␊
      ><code><span class="token decrement deleted">-</span><span class="token branching important">[</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token pointer keyword">&gt;</span><span class="token increment inserted">+</span><span class="token pointer keyword">&lt;</span><span class="token branching important">]</span><span class="token pointer keyword">&gt;</span><span class="token decrement deleted">-</span><span class="token operator">.</span><span class="token decrement deleted">-</span><span class="token branching important">[</span><span class="token decrement deleted">-</span><span class="token pointer keyword">&gt;</span><span class="token increment inserted">+</span><span class="token increment inserted">+</span><span class="token increment inserted">+</span><span class="token increment inserted">+</span><span class="token increment inserted">+</span><span class="token pointer keyword">&lt;</span><span class="token branching important">]</span><span class="token pointer keyword">&gt;</span><span class="token increment inserted">+</span><span class="token increment inserted">+</span><span class="token operator">.</span><span class="token increment inserted">+</span><span class="token increment inserted">+</span><span class="token increment inserted">+</span><span class="token increment inserted">+</span><span class="token increment inserted">+</span><span class="token increment inserted">+</span><span class="token increment inserted">+</span><span class="token operator">.</span><span class="token operator">.</span><span class="token increment inserted">+</span><span class="token increment inserted">+</span><span class="token increment inserted">+</span><span class="token operator">.</span><span class="token branching important">[</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token pointer keyword">&gt;</span><span class="token increment inserted">+</span><span class="token pointer keyword">&lt;</span><span class="token branching important">]</span><span class="token pointer keyword">&gt;</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token operator">.</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token branching important">[</span><span class="token decrement deleted">-</span><span class="token pointer keyword">&gt;</span><span class="token increment inserted">+</span><span class="token increment inserted">+</span><span class="token increment inserted">+</span><span class="token pointer keyword">&lt;</span><span class="token branching important">]</span><span class="token pointer keyword">&gt;</span><span class="token operator">.</span><span class="token decrement deleted">-</span><span class="token branching important">[</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token pointer keyword">&gt;</span><span class="token increment inserted">+</span><span class="token pointer keyword">&lt;</span><span class="token branching important">]</span><span class="token pointer keyword">&gt;</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token operator">.</span><span class="token increment inserted">+</span><span class="token increment inserted">+</span><span class="token increment inserted">+</span><span class="token operator">.</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token operator">.</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token decrement deleted">-</span><span class="token operator">.</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-c"␊
      ><code><span class="token macro property"><span class="token directive-hash">#</span><span class="token directive keyword">include</span> <span class="token string">&lt;stdio.h&gt;</span></span>␊
    ␊
    <span class="token keyword">int</span> <span class="token function">main</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>␊
    	<span class="token function">printf</span><span class="token punctuation">(</span><span class="token string">"Hello World\\n"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    	<span class="token keyword">return</span> <span class="token number">0</span><span class="token punctuation">;</span>␊
    <span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-csharp"␊
      ><code><span class="token keyword">class</span> <span class="token class-name">HelloWorld</span> <span class="token punctuation">{</span>␊
    	<span class="token keyword">static</span> <span class="token return-type class-name"><span class="token keyword">void</span></span> <span class="token function">Main</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>␊
    		System<span class="token punctuation">.</span>Console<span class="token punctuation">.</span><span class="token function">WriteLine</span><span class="token punctuation">(</span><span class="token string">"Hello World"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    	<span class="token punctuation">}</span>␊
    <span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-cpp"␊
      ><code><span class="token macro property"><span class="token directive-hash">#</span><span class="token directive keyword">include</span> <span class="token string">&lt;iostream&gt;</span></span>␊
    ␊
    <span class="token keyword">using</span> <span class="token keyword">namespace</span> std<span class="token punctuation">;</span>␊
    ␊
    <span class="token keyword">int</span> <span class="token function">main</span><span class="token punctuation">(</span><span class="token punctuation">)</span>␊
    <span class="token punctuation">{</span>␊
       cout <span class="token operator">&lt;&lt;</span> <span class="token string">"Hello World\\n"</span><span class="token punctuation">;</span>␊
    <span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-cil"␊
      ><code><span class="token comment">// ilasm cil.il</span>␊
    <span class="token directive class-name">.assembly</span> HelloWorld <span class="token punctuation">{</span><span class="token punctuation">}</span>␊
    <span class="token directive class-name">.method</span> <span class="token keyword">public</span> <span class="token keyword">static</span> <span class="token keyword">void</span> Main<span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token keyword">cil</span> <span class="token keyword">managed</span>␊
    <span class="token punctuation">{</span>␊
         <span class="token directive class-name">.entrypoint</span>␊
         <span class="token directive class-name">.maxstack</span> <span class="token number">1</span>␊
         <span class="token function">ldstr</span> <span class="token string">"Hello World"</span>␊
         <span class="token function">call</span> <span class="token keyword">void</span> <span class="token variable">[mscorlib]</span>System.Console<span class="token punctuation">:</span><span class="token punctuation">:</span>WriteLine<span class="token punctuation">(</span><span class="token keyword">string</span><span class="token punctuation">)</span>␊
         <span class="token function">ret</span>␊
    <span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-coffeescript"␊
      ><code>alert <span class="token string">"Hello World"</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-clojure"␊
      ><code><span class="token punctuation">(</span><span class="token keyword">println</span> <span class="token string">"Hello World"</span><span class="token punctuation">)</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-crystal"␊
      ><code>puts <span class="token string">"Hello World"</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-d"␊
      ><code><span class="token comment">// Hello World in D</span>␊
    <span class="token keyword">import</span> std<span class="token punctuation">.</span>stdio<span class="token punctuation">;</span>␊
    ␊
    <span class="token keyword">void</span> <span class="token function">main</span><span class="token punctuation">(</span><span class="token punctuation">)</span>␊
    <span class="token punctuation">{</span>␊
    	   <span class="token function">writeln</span><span class="token punctuation">(</span><span class="token string">"Hello World"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    <span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-dart"␊
      ><code><span class="token function">main</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>␊
      <span class="token function">print</span><span class="token punctuation">(</span><span class="token string">'Hello World'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    <span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-eiffel"␊
      ><code>indexing <span class="token string">"Hello World in Eiffel , from http://roesler-ac.de/wolfram/hello.htm#Eiffel"</span>␊
    ␊
    <span class="token keyword">class</span> <span class="token class-name builtin">HELLO</span>␊
    ␊
    creation␊
    	run␊
    ␊
    <span class="token keyword">feature</span>␊
    ␊
    	run is␊
    		<span class="token keyword">local</span>␊
    			io <span class="token punctuation">:</span> <span class="token class-name builtin">BASIC_IO</span><span class="token punctuation">;</span>␊
    		<span class="token keyword">do</span>␊
    			!!io<span class="token punctuation">;</span>␊
    			io<span class="token punctuation">.</span>put_string<span class="token punctuation">(</span><span class="token string">"Hello World"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    			io<span class="token punctuation">.</span>put_newline␊
    		<span class="token keyword">end</span><span class="token punctuation">;</span> <span class="token comment">-- run</span>␊
    <span class="token keyword">end</span><span class="token punctuation">;</span> <span class="token comment">-- class HELLO</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-elixir"␊
      ><code> IO<span class="token punctuation">.</span>puts <span class="token string">"Defining the function world"</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-elm"␊
      ><code><span class="token import_statement"><span class="token keyword">import</span> Html <span class="token keyword">exposing</span> </span><span class="token punctuation">(</span><span class="token hvariable">text</span><span class="token punctuation">)</span>␊
    ␊
    <span class="token hvariable">main</span> <span class="token operator">=</span>␊
      <span class="token hvariable">text</span> <span class="token string">"Hello World"</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-erlang"␊
      ><code><span class="token operator">-</span><span class="token function">module</span><span class="token punctuation">(</span><span class="token atom">erlang_hw</span><span class="token punctuation">)</span><span class="token punctuation">.</span>␊
    <span class="token operator">-</span><span class="token function">export</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token atom">start</span><span class="token operator">/</span><span class="token number">0</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">.</span>␊
    ␊
    <span class="token function">start</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">-</span><span class="token operator">&gt;</span>␊
      <span class="token atom">io</span><span class="token punctuation">:</span><span class="token function">format</span><span class="token punctuation">(</span><span class="token string">"Hello World~n"</span><span class="token punctuation">)</span><span class="token punctuation">.</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-fsharp"␊
      ><code>printfn <span class="token string">"Hello World"</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-factor"␊
      ><code><span class="token special-using function">USING: <span class="token string">io</span></span> <span class="token semicolon-or-setlocal function">;</span>␊
    <span class="token string">"Hello World"</span> <span class="token normal-word">print</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-fortran"␊
      ><code><span class="token keyword">program</span> helloworld␊
    <span class="token keyword">print</span> <span class="token operator">*</span><span class="token punctuation">,</span><span class="token string">'Hello World'</span>␊
    <span class="token keyword">end program</span> helloworld␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-gdscript"␊
      ><code><span class="token keyword">extends</span> <span class="token class-name">Label</span>␊
    ␊
    <span class="token keyword">func</span> <span class="token function">_ready</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">:</span>␊
      <span class="token keyword">self</span><span class="token punctuation">.</span>text <span class="token operator">=</span> <span class="token string">"Hello World"</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-gml"␊
      ><code><span class="token function">draw_text</span><span class="token punctuation">(</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token number">1</span><span class="token punctuation">,</span> <span class="token string">"Hello World"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre class="language-go"><code><span class="token keyword">package</span> main␊
    ␊
    <span class="token keyword">import</span> <span class="token string">"fmt"</span>␊
    ␊
    <span class="token keyword">func</span> <span class="token function">main</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>␊
      fmt<span class="token punctuation">.</span><span class="token function">Println</span><span class="token punctuation">(</span><span class="token string">"Hello World"</span><span class="token punctuation">)</span>␊
    <span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre class="language-graphql"><code><span class="token punctuation">{</span>␊
        <span class="token string">"Hello World"</span>␊
    <span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-groovy"␊
      ><code>println <span class="token string gstring">"Hello World"</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre class="language-haml"><code><span class="token tag">%html</span>␊
      <span class="token tag">%title</span> Hello World␊
      <span class="token tag">%body</span>␊
        <span class="token tag">%h1</span> Hello World␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-hs"␊
      ><code><span class="token keyword">module</span> <span class="token constant">Main</span> <span class="token keyword">where</span>␊
    ␊
    <span class="token hvariable">main</span> <span class="token operator">=</span> <span class="token builtin">putStrLn</span> <span class="token string">"Hello World"</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-haxe"␊
      ><code><span class="token keyword">class</span> HelloWorld <span class="token punctuation">{</span>␊
        <span class="token keyword">static</span> <span class="token keyword">function</span> <span class="token function">main</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>␊
            <span class="token function">trace</span><span class="token punctuation">(</span><span class="token string">"Hello World"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
        <span class="token punctuation">}</span>␊
    <span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-icon"␊
      ><code><span class="token keyword">procedure</span> <span class="token function">main</span><span class="token punctuation">(</span><span class="token punctuation">)</span>␊
        <span class="token function">write</span><span class="token punctuation">(</span><span class="token string">"Hello World"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    <span class="token keyword">end</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-io"␊
      ><code><span class="token string">"Hello World\\n"</span> <span class="token keyword">print</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-j"␊
      ><code><span class="token verb keyword">#</span><span class="token verb keyword">!</span><span class="token adverb builtin">/</span>opt<span class="token adverb builtin">/</span>local<span class="token adverb builtin">/</span>bin<span class="token adverb builtin">/</span>jc␊
    echo <span class="token string">'Hello World'</span>␊
    exit <span class="token string">''</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-java"␊
      ><code><span class="token keyword">public</span> <span class="token keyword">class</span> <span class="token class-name">Java</span> <span class="token punctuation">{</span>␊
    	<span class="token keyword">public</span> <span class="token keyword">static</span> <span class="token keyword">void</span> <span class="token function">main</span><span class="token punctuation">(</span><span class="token class-name">String</span><span class="token punctuation">[</span><span class="token punctuation">]</span> args<span class="token punctuation">)</span> <span class="token punctuation">{</span>␊
    		<span class="token class-name">System</span><span class="token punctuation">.</span>out<span class="token punctuation">.</span><span class="token function">println</span><span class="token punctuation">(</span><span class="token string">"Hello World"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    	<span class="token punctuation">}</span>␊
    <span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-json"␊
      ><code><span class="token punctuation">{</span> <span class="token property">"hello"</span><span class="token operator">:</span> <span class="token string">"world"</span> <span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-julia"␊
      ><code><span class="token keyword">println</span><span class="token punctuation">(</span><span class="token string">"Hello World"</span><span class="token punctuation">)</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-kotlin"␊
      ><code><span class="token keyword">package</span> hello␊
    ␊
    <span class="token keyword">fun</span> <span class="token function">main</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>␊
      <span class="token function">println</span><span class="token punctuation">(</span><span class="token string">"Hello World"</span><span class="token punctuation">)</span>␊
    <span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-latex"␊
      ><code><span class="token function selector">\\documentclass</span><span class="token punctuation">{</span><span class="token keyword">article</span><span class="token punctuation">}</span>␊
    <span class="token function selector">\\begin</span><span class="token punctuation">{</span><span class="token keyword">document</span><span class="token punctuation">}</span>␊
    Hello World␊
    <span class="token function selector">\\end</span><span class="token punctuation">{</span><span class="token keyword">document</span><span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-less"␊
      ><code><span class="token selector">body::before</span> <span class="token punctuation">{</span>␊
      <span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">'Hello World!'</span><span class="token punctuation">;</span>␊
    <span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre class="language-lisp"><code><span class="token comment">; LISP</span>␊
    <span class="token punctuation">(</span><span class="token car">DEFUN</span> hello <span class="token punctuation">(</span><span class="token punctuation">)</span>␊
      <span class="token punctuation">(</span><span class="token car">PRINT</span> <span class="token punctuation">(</span><span class="token car">LIST</span> <span class="token quoted-symbol variable symbol">'HELLO</span> <span class="token quoted-symbol variable symbol">'WORLD</span><span class="token punctuation">)</span><span class="token punctuation">)</span>␊
    <span class="token punctuation">)</span>␊
    ␊
    <span class="token punctuation">(</span><span class="token car">hello</span><span class="token punctuation">)</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-emacs-lisp"␊
      ><code><span class="token comment">;;for emacs elisp</span>␊
    ␊
    <span class="token punctuation">(</span><span class="token keyword">message</span> <span class="token string">"hello,world"</span><span class="token punctuation">)</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-livescript"␊
      ><code><span class="token identifier">console</span><span class="token punctuation">.</span><span class="token identifier">log</span> <span class="token interpolated-string"><span class="token string">"Hello World"</span></span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-llvm"␊
      ><code><span class="token comment">; llvm-as llvm.ll</span>␊
    <span class="token comment">; x86 assembly: llc llvm.bc -o llvm.s -march x86</span>␊
    <span class="token comment">; interpreter: lli llvm.bc</span>␊
    ␊
    <span class="token keyword">target</span> <span class="token keyword">datalayout</span> <span class="token punctuation">=</span> <span class="token string">"e-p:32:32:32-i1:8:8-i8:8:8-i16:16:16-i32:32:32-i64:32:64-f32:32:32-f64:32:64-v64:64:64-v128:128:128-a0:0:64-f80:128:128"</span>␊
    <span class="token variable">@.str</span> <span class="token punctuation">=</span> <span class="token keyword">internal</span> <span class="token keyword">constant</span> <span class="token punctuation">[</span><span class="token number">12</span> <span class="token keyword">x</span> <span class="token type class-name">i8</span><span class="token punctuation">]</span> <span class="token keyword">c</span><span class="token string">"Hello World\\00"</span>␊
    ␊
    <span class="token comment">; puts from libc</span>␊
    <span class="token keyword">declare</span> <span class="token type class-name">i32</span> <span class="token variable">@puts</span><span class="token punctuation">(</span><span class="token type class-name">i8</span><span class="token punctuation">*</span><span class="token punctuation">)</span>␊
    ␊
    <span class="token keyword">define</span> <span class="token type class-name">i32</span> <span class="token variable">@main</span><span class="token punctuation">(</span><span class="token punctuation">.</span><span class="token punctuation">.</span><span class="token punctuation">.</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>␊
    	<span class="token keyword">call</span> <span class="token type class-name">i32</span> <span class="token variable">@puts</span><span class="token punctuation">(</span><span class="token type class-name">i8</span><span class="token punctuation">*</span> <span class="token keyword">getelementptr</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token number">12</span> <span class="token keyword">x</span> <span class="token type class-name">i8</span><span class="token punctuation">]</span><span class="token punctuation">*</span> <span class="token variable">@.str</span><span class="token punctuation">,</span> <span class="token type class-name">i32</span> <span class="token number">0</span><span class="token punctuation">,</span> <span class="token type class-name">i32</span> <span class="token number">0</span><span class="token punctuation">)</span><span class="token punctuation">)</span>␊
    	<span class="token keyword">ret</span> <span class="token type class-name">i32</span> <span class="token number">0</span>␊
    <span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre class="language-lolcode"><code><span class="token keyword">HAI</span>␊
    CAN HAS STDIO?␊
    <span class="token keyword">VISIBLE</span> <span class="token string">"Hello World"</span>␊
    <span class="token keyword">KTHXBYE</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-lua"␊
      ><code><span class="token function">print</span><span class="token punctuation">(</span><span class="token string">"Hello World"</span><span class="token punctuation">)</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-markdown"␊
      ><code><span class="token title important"><span class="token punctuation">#</span> Hello World</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-matlab"␊
      ><code><span class="token function">disp</span><span class="token punctuation">(</span><span class="token string">'Hello World'</span><span class="token punctuation">)</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-mel"␊
      ><code><span class="token keyword">proc</span> helloWorld <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>␊
       <span class="token function">print</span> <span class="token string">"Hello World\\n"</span><span class="token punctuation">;</span>␊
    <span class="token punctuation">}</span>␊
    helloWorld<span class="token punctuation">;</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-moonscript"␊
      ><code><span class="token function">print</span> <span class="token string">'Hello World'</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-nasm"␊
      ><code><span class="token keyword">section	.text</span>␊
        <span class="token keyword">global _start			</span><span class="token comment">;must be declared for linker (ld)</span>␊
    ␊
    <span class="token label function">_start:</span>					<span class="token comment">;tell linker entry point</span>␊
    ␊
    	xor	<span class="token register variable">ebx</span>,<span class="token register variable">ebx</span> 	<span class="token comment">;ebx=0</span>␊
    	mov	<span class="token register variable">ecx</span>,msg		<span class="token comment">;address of message to write</span>␊
    	lea	<span class="token register variable">edx</span>,<span class="token operator">[</span><span class="token register variable">ebx</span><span class="token operator">+</span>len<span class="token operator">]</span>	<span class="token comment">;message length</span>␊
    	lea	<span class="token register variable">eax</span>,<span class="token operator">[</span><span class="token register variable">ebx</span><span class="token operator">+</span><span class="token number">4</span><span class="token operator">]</span>	<span class="token comment">;system call number (sys_write)</span>␊
    	inc	<span class="token register variable">ebx</span>		<span class="token comment">;file descriptor (stdout)</span>␊
    	int	<span class="token number">0x80</span>		<span class="token comment">;call kernel</span>␊
    ␊
    	xor	<span class="token register variable">eax</span>, <span class="token register variable">eax</span>	<span class="token comment">;set eax=0</span>␊
    	inc	<span class="token register variable">eax</span>		<span class="token comment">;system call number (sys_exit)</span>␊
    	int	<span class="token number">0x80</span>		<span class="token comment">;call kernel</span>␊
    ␊
    <span class="token keyword">section	.rodata</span>␊
    ␊
    msg	db	<span class="token string">'Hello, world!'</span>,<span class="token number">0xa</span>	<span class="token comment">;our string</span>␊
    len	equ	<span class="token operator">$</span> <span class="token operator">-</span> msg			<span class="token comment">;length of our string</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-nim"␊
      ><code><span class="token function">echo</span><span class="token punctuation">(</span><span class="token string">"Hello World"</span><span class="token punctuation">)</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre class="language-objectivec"><code><span class="token comment">/*␊
     Build on OS X:␊
     clang -framework Foundation -fobjc-arc objc.m -o objc␊
    ␊
     Build on Linux with GNUstep:␊
     clang `gnustep-config --objc-flags` `gnustep-config --base-libs` -fobjc-nonfragile-abi -fobjc-arc objc.m -o objc␊
     */</span>␊
    ␊
    <span class="token macro property"><span class="token directive-hash">#</span><span class="token directive keyword">import</span> <span class="token expression"><span class="token operator">&lt;</span>Foundation<span class="token operator">/</span>Foundation<span class="token punctuation">.</span>h<span class="token operator">&gt;</span></span></span>␊
    ␊
    <span class="token keyword">int</span> <span class="token function">main</span><span class="token punctuation">(</span><span class="token keyword">void</span><span class="token punctuation">)</span>␊
    <span class="token punctuation">{</span>␊
        <span class="token function">NSLog</span><span class="token punctuation">(</span><span class="token string">@"Hello World"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    <span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-ocaml"␊
      ><code>print_string <span class="token string">"Hello World\\n"</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-oz"␊
      ><code><span class="token punctuation">{</span><span class="token function">Show</span> <span class="token atom builtin">'Hello World'</span><span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-parser"␊
      ><code><span class="token function">@main</span><span class="token punctuation">[</span><span class="token punctuation">]</span>␊
      <span class="token function">^rem</span><span class="token punctuation">{</span>Will print "Hello World" when run as CGI script<span class="token punctuation">}</span>␊
      <span class="token variable">$hello</span><span class="token punctuation">[</span>Hello World<span class="token punctuation">]</span>␊
      <span class="token variable">$result</span><span class="token punctuation">[</span><span class="token variable">$hello</span><span class="token punctuation">]</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-pascal"␊
      ><code><span class="token keyword">program</span> HelloWorld<span class="token punctuation">(</span>output<span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    <span class="token keyword">begin</span>␊
            writeln<span class="token punctuation">(</span><span class="token string">'Hello World'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    <span class="token keyword">end</span><span class="token punctuation">.</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-objectpascal"␊
      ><code><span class="token keyword">program</span> ObjectPascalExample<span class="token punctuation">;</span>␊
    ␊
    <span class="token keyword">type</span>␊
       THelloWorld <span class="token operator">=</span> <span class="token keyword">class</span>␊
          <span class="token keyword">procedure</span> Put<span class="token punctuation">;</span>␊
       <span class="token keyword">end</span><span class="token punctuation">;</span>␊
    ␊
    <span class="token keyword">procedure</span> THelloWorld<span class="token punctuation">.</span>Put<span class="token punctuation">;</span>␊
    <span class="token keyword">begin</span>␊
       Writeln<span class="token punctuation">(</span><span class="token string">'Hello World'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    <span class="token keyword">end</span><span class="token punctuation">;</span>␊
    ␊
    <span class="token keyword">var</span>␊
       HelloWorld<span class="token punctuation">:</span> THelloWorld<span class="token punctuation">;</span>␊
    ␊
    <span class="token keyword">begin</span>␊
       HelloWorld <span class="token operator">:=</span> THelloWorld<span class="token punctuation">.</span>Create<span class="token punctuation">;</span>␊
       HelloWorld<span class="token punctuation">.</span>Put<span class="token punctuation">;</span>␊
       HelloWorld<span class="token punctuation">.</span>Free<span class="token punctuation">;</span>␊
    <span class="token keyword">end</span><span class="token punctuation">.</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-perl"␊
      ><code>   <span class="token comment">#!/usr/local/bin/perl -w</span>␊
       <span class="token keyword">use</span> CGI<span class="token punctuation">;</span>                             <span class="token comment"># load CGI routines</span>␊
       <span class="token variable">$q</span> <span class="token operator">=</span> CGI<span class="token operator">-&gt;</span>new<span class="token punctuation">;</span>                        <span class="token comment"># create new CGI object</span>␊
       <span class="token keyword">print</span> $<span class="token string">q-&gt;header,                    # create the HTTP header␊
             $q-</span><span class="token operator">&gt;</span>start_html<span class="token punctuation">(</span><span class="token string">'Hello World'</span><span class="token punctuation">)</span><span class="token punctuation">,</span> <span class="token comment"># start the HTML</span>␊
             $<span class="token string">q-&gt;h1('Hello World'),         # level 1 header␊
             $q-</span><span class="token operator">&gt;</span>end_html<span class="token punctuation">;</span>                  <span class="token comment"># end the HTML</span>␊
    ␊
     <span class="token comment"># http://perldoc.perl.org/CGI.html</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-php"␊
      ><code><span class="token php language-php"><span class="token delimiter important">&lt;?php</span>␊
    ␊
    <span class="token keyword">echo</span> <span class="token single-quoted-string string">'Hello World'</span><span class="token punctuation">;</span></span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre class="language-plsql"><code><span class="token keyword">begin</span>␊
      dbms_output<span class="token punctuation">.</span>put_line<span class="token punctuation">(</span><span class="token string">'Hello World'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    <span class="token keyword">end</span><span class="token punctuation">;</span>␊
    <span class="token operator">/</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-powershell"␊
      ><code><span class="token string">'Hello World'</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-processing"␊
      ><code><span class="token function">size</span><span class="token punctuation">(</span><span class="token number">128</span><span class="token punctuation">,</span> <span class="token number">128</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    <span class="token function">background</span><span class="token punctuation">(</span><span class="token number">0</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    <span class="token function">textAlign</span><span class="token punctuation">(</span><span class="token constant">CENTER</span><span class="token punctuation">,</span> <span class="token constant">CENTER</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    <span class="token function">fill</span><span class="token punctuation">(</span><span class="token number">255</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    <span class="token function">text</span><span class="token punctuation">(</span><span class="token string">"Hello World"</span><span class="token punctuation">,</span> width <span class="token operator">/</span> <span class="token number">2</span><span class="token punctuation">,</span> height <span class="token operator">/</span> <span class="token number">2</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-prolog"␊
      ><code>helloWorld <span class="token operator">:-</span>␊
      <span class="token function">write</span><span class="token punctuation">(</span><span class="token string">'Hello World'</span><span class="token punctuation">)</span><span class="token operator">.</span>␊
    ␊
    <span class="token operator">:-</span> helloWorld<span class="token operator">.</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-pug"␊
      ><code><span class="token doctype">doctype html</span>␊
    <span class="token tag">html</span>␊
        <span class="token tag">head</span>␊
           <span class="token tag">title</span> <span class="token plain-text">Hello World</span>␊
        <span class="token tag">body</span>␊
           <span class="token tag">h1</span> <span class="token plain-text">Hello World</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre class="language-pure"><code>module Main where␊
    ␊
    import Debug<span class="token operator">.</span>Trace␊
    ␊
    main <span class="token operator">=</span> <span class="token keyword">trace</span> <span class="token string">"Hello World"</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-purebasic"␊
      ><code><span class="token keyword">If</span> <span class="token function">OpenConsole</span><span class="token punctuation">(</span><span class="token punctuation">)</span>␊
      <span class="token function">PrintN</span><span class="token punctuation">(</span><span class="token string">"Hello World"</span><span class="token punctuation">)</span>␊
    <span class="token keyword">EndIf</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-python"␊
      ><code><span class="token comment">#!/usr/bin/env python</span>␊
    <span class="token keyword">print</span> <span class="token string">"Hello World"</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre class="language-q"><code><span class="token string">"Hello World"</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-qore"␊
      ><code><span class="token comment">#!/usr/bin/env qore</span>␊
    <span class="token operator">%</span>exec<span class="token operator">-</span><span class="token keyword">class</span> <span class="token class-name">HelloWorld</span>␊
    <span class="token keyword">class</span> <span class="token class-name">HelloWorld</span>␊
    <span class="token punctuation">{</span>␊
        <span class="token function">constructor</span><span class="token punctuation">(</span><span class="token punctuation">)</span>␊
        <span class="token punctuation">{</span>␊
    	    background $<span class="token punctuation">.</span><span class="token function">say</span><span class="token punctuation">(</span><span class="token string">"Hello World"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
        <span class="token punctuation">}</span>␊
        <span class="token keyword">private</span> <span class="token function">say</span><span class="token punctuation">(</span><span class="token variable">$arg</span><span class="token punctuation">)</span>␊
        <span class="token punctuation">{</span>␊
    	    <span class="token function">printf</span><span class="token punctuation">(</span><span class="token string">"%s\\n"</span><span class="token punctuation">,</span> <span class="token variable">$arg</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
        <span class="token punctuation">}</span>␊
    <span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-r"␊
      ><code>cat<span class="token punctuation">(</span><span class="token string">"Hello World\\n"</span><span class="token punctuation">)</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-racket"␊
      ><code><span class="token lang keyword">#lang racket</span>␊
    <span class="token string">"Hello World"</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-reason"␊
      ><code>print_string <span class="token string">"Hello World"</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-ruby"␊
      ><code><span class="token comment">#!/usr/bin/env ruby</span>␊
    puts <span class="token string">"Hello World"</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-rust"␊
      ><code><span class="token keyword">fn</span> <span class="token function-definition function">main</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>␊
        <span class="token macro property">println!</span><span class="token punctuation">(</span><span class="token string">"Hello World"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    <span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-sas"␊
      ><code><span class="token macro-declaration"><span class="token keyword">%macro</span> putit( string= )</span><span class="token punctuation">;</span>␊
         <span class="token macro-keyword keyword">%put</span> <span class="token macro-variable">&amp;string</span><span class="token punctuation">;</span>␊
         <span class="token punctuation">%</span>mend<span class="token punctuation">;</span>␊
    ␊
    <span class="token function keyword">%putit</span><span class="token punctuation">(</span>string<span class="token operator">=</span>Hello World<span class="token punctuation">)</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-sass"␊
      ><code><span class="token property-line"><span class="token property">body</span><span class="token punctuation">:</span><span class="token punctuation">:</span><span class="token property">before</span></span>␊
    <span class="token property-line">	<span class="token property">content</span><span class="token punctuation">:</span> </span><span class="token string">"Hello World"</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-scala"␊
      ><code><span class="token keyword">object</span> HelloWorld <span class="token keyword">extends</span> App <span class="token punctuation">{</span>␊
      println<span class="token punctuation">(</span><span class="token string">"Hello World"</span><span class="token punctuation">)</span>␊
    <span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-scheme"␊
      ><code><span class="token punctuation">(</span><span class="token function">display</span> <span class="token string">"Hello World"</span><span class="token punctuation">)</span> <span class="token punctuation">(</span><span class="token function">newline</span><span class="token punctuation">)</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-shell-session"␊
      ><code><span class="token command"><span class="token shell-symbol important">#</span><span class="token bash language-bash"><span class="token operator">!</span>/bin/sh</span></span>␊
    <span class="token output">echo "Hello World"</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-smalltalk"␊
      ><code>Transcript show<span class="token punctuation">:</span> <span class="token string">'Hello World'</span><span class="token punctuation">.</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-solidity"␊
      ><code><span class="token keyword">pragma</span> <span class="token keyword">solidity</span> <span class="token operator">^</span><span class="token version number">0.6.4</span><span class="token punctuation">;</span>␊
    ␊
    <span class="token keyword">contract</span> <span class="token class-name">HelloWorld</span> <span class="token punctuation">{</span>␊
        <span class="token keyword">function</span> <span class="token function">render</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token keyword">public</span> <span class="token keyword">pure</span> <span class="token keyword">returns</span> <span class="token punctuation">(</span><span class="token builtin">string</span> <span class="token keyword">memory</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>␊
            <span class="token keyword">return</span> <span class="token string">'Hello World'</span><span class="token punctuation">;</span>␊
        <span class="token punctuation">}</span>␊
    <span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-sparql"␊
      ><code><span class="token keyword">SELECT</span> <span class="token variable">?h</span> <span class="token keyword">WHERE</span> <span class="token punctuation">{</span>␊
      <span class="token keyword">VALUES</span> <span class="token variable">?h</span> <span class="token punctuation">{</span> <span class="token string">"Hello World"</span> <span class="token punctuation">}</span>␊
    <span class="token punctuation">}</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-sql"␊
      ><code><span class="token keyword">SELECT</span> <span class="token string">'Hello World'</span><span class="token punctuation">;</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-stylus"␊
      ><code><span class="token selector">body::before</span>␊
    	<span class="token property-declaration"><span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">"Hello World"</span></span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-swift"␊
      ><code><span class="token function">print</span><span class="token punctuation">(</span><span class="token string">"Hello World"</span><span class="token punctuation">)</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-tcl"␊
      ><code><span class="token keyword">puts</span> <span class="token string">"Hello World"</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-typescript"␊
      ><code><span class="token builtin">console</span><span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'Hello World'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-vala"␊
      ><code><span class="token keyword">static</span> <span class="token keyword">void</span> <span class="token function">main</span> <span class="token punctuation">(</span><span class="token keyword">string</span><span class="token punctuation">[</span><span class="token punctuation">]</span> args<span class="token punctuation">)</span>␊
    <span class="token punctuation">{</span>␊
    	stdout<span class="token punctuation">.</span><span class="token function">printf</span> <span class="token punctuation">(</span><span class="token string">"Hello World\\n"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
    <span class="token punctuation">}</span>␊
    ␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-vbnet"␊
      ><code><span class="token keyword">Module</span> HelloWorld␊
        <span class="token keyword">Sub</span> Main<span class="token punctuation">(</span><span class="token punctuation">)</span>␊
            <span class="token keyword">System</span>.Console.WriteLine<span class="token punctuation">(</span><span class="token string">"Hello World"</span><span class="token punctuation">)</span>␊
        <span class="token keyword">End</span> <span class="token keyword">Sub</span>␊
    <span class="token keyword">End</span> <span class="token keyword">Module</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-verilog"␊
      ><code><span class="token keyword">module</span> main<span class="token punctuation">;</span>␊
      <span class="token keyword">initial</span>␊
        <span class="token keyword">begin</span>␊
          <span class="token property">$display</span><span class="token punctuation">(</span><span class="token string">"Hello World"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
          <span class="token property">$finish</span><span class="token punctuation">;</span>␊
        <span class="token keyword">end</span>␊
    <span class="token keyword">endmodule</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-vhdl"␊
      ><code><span class="token constant">use</span> std<span class="token punctuation">.</span>textio<span class="token punctuation">.</span><span class="token keyword">all</span><span class="token punctuation">;</span>␊
    ␊
    <span class="token keyword">entity</span> hello_world <span class="token keyword">is</span>␊
    <span class="token keyword">end</span> hello_world<span class="token punctuation">;</span>␊
    ␊
    <span class="token keyword">architecture</span> behaviour <span class="token keyword">of</span> hello_world <span class="token keyword">is</span>␊
    <span class="token keyword">begin</span>␊
    	<span class="token keyword">process</span>␊
        <span class="token keyword">begin</span>␊
           write <span class="token punctuation">(</span>output<span class="token punctuation">,</span> String'<span class="token punctuation">(</span><span class="token string">"Hello World"</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>␊
           <span class="token keyword">wait</span><span class="token punctuation">;</span>␊
        <span class="token keyword">end</span> <span class="token keyword">process</span><span class="token punctuation">;</span>␊
    <span class="token keyword">end</span> behaviour<span class="token punctuation">;</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-vim"␊
      ><code>echo <span class="token string">"Hello World"</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre class="language-visual-basic"><code>Module HelloWorld␊
        Sub Main()␊
            MsgBox(&quot;Hello World&quot;)␊
        End Sub␊
    End Module␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre class="language-wiki"><code>Hello World␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-xquery"␊
      ><code><span class="token keyword">let</span> <span class="token variable">$hello</span> <span class="token operator">:=</span> <span class="token string">"Hello World"</span>␊
    <span class="token keyword">return</span> <span class="token variable">$hello</span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-yaml"␊
      ><code><span class="token key atrule">hello</span><span class="token punctuation">:</span> world␊
    </code></pre>␊
    </div>␊
    `

## legend

> Snapshot 1

    `<link href="./theme.css" rel="stylesheet" />␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-html"␊
      ><code><span class="remark-highlight-code-line"><span class="token doctype"><span class="token punctuation">&lt;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">&gt;</span></span>␊
    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>html</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>en<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>␊
    <span class="remark-highlight-code-line">  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>head</span><span class="token punctuation">&gt;</span></span>␊
    </span><span class="remark-highlight-code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>UTF-8<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>␊
    </span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>meta</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>viewport<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>width=device-width, initial-scale=1.0<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>␊
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>title</span><span class="token punctuation">&gt;</span></span>Hello World!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>title</span><span class="token punctuation">&gt;</span></span>␊
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>head</span><span class="token punctuation">&gt;</span></span>␊
    <span class="remark-highlight-code-line">  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>body</span><span class="token punctuation">&gt;</span></span>␊
    </span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h1</span><span class="token punctuation">&gt;</span></span>Hello World!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h1</span><span class="token punctuation">&gt;</span></span>␊
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>body</span><span class="token punctuation">&gt;</span></span>␊
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">&gt;</span></span>␊
    </code></pre>␊
      <legend>file.html</legend>␊
    </div>␊
    `

## line-highlight

> Snapshot 1

    `<link href="./theme.css" rel="stylesheet" />␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-html"␊
      ><code><span class="token doctype"><span class="token punctuation">&lt;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">&gt;</span></span>␊
    <span class="remark-highlight-code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>html</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>en<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>␊
    </span>  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>head</span><span class="token punctuation">&gt;</span></span>␊
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>UTF-8<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>␊
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>meta</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>viewport<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>width=device-width, initial-scale=1.0<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>␊
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>title</span><span class="token punctuation">&gt;</span></span>Hello World!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>title</span><span class="token punctuation">&gt;</span></span>␊
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>head</span><span class="token punctuation">&gt;</span></span>␊
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>body</span><span class="token punctuation">&gt;</span></span>␊
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h1</span><span class="token punctuation">&gt;</span></span>Hello World!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h1</span><span class="token punctuation">&gt;</span></span>␊
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>body</span><span class="token punctuation">&gt;</span></span>␊
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">&gt;</span></span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-html"␊
      ><code><span class="remark-highlight-code-line"><span class="token doctype"><span class="token punctuation">&lt;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">&gt;</span></span>␊
    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>html</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>en<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>␊
    <span class="remark-highlight-code-line">  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>head</span><span class="token punctuation">&gt;</span></span>␊
    </span><span class="remark-highlight-code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>UTF-8<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>␊
    </span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>meta</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>viewport<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>width=device-width, initial-scale=1.0<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>␊
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>title</span><span class="token punctuation">&gt;</span></span>Hello World!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>title</span><span class="token punctuation">&gt;</span></span>␊
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>head</span><span class="token punctuation">&gt;</span></span>␊
    <span class="remark-highlight-code-line">  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>body</span><span class="token punctuation">&gt;</span></span>␊
    </span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h1</span><span class="token punctuation">&gt;</span></span>Hello World!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h1</span><span class="token punctuation">&gt;</span></span>␊
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>body</span><span class="token punctuation">&gt;</span></span>␊
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">&gt;</span></span>␊
    </code></pre>␊
    </div>␊
    `

## line-numbers

> Snapshot 1

    `<link href="./theme.css" rel="stylesheet" />␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-html line-numbers"␊
      ><code><span class="token doctype"><span class="token punctuation">&lt;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">&gt;</span></span>␊
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>html</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>en<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>␊
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>head</span><span class="token punctuation">&gt;</span></span>␊
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>UTF-8<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>␊
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>meta</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>viewport<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>width=device-width, initial-scale=1.0<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>␊
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>title</span><span class="token punctuation">&gt;</span></span>Hello World!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>title</span><span class="token punctuation">&gt;</span></span>␊
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>head</span><span class="token punctuation">&gt;</span></span>␊
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>body</span><span class="token punctuation">&gt;</span></span>␊
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h1</span><span class="token punctuation">&gt;</span></span>Hello World!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h1</span><span class="token punctuation">&gt;</span></span>␊
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>body</span><span class="token punctuation">&gt;</span></span>␊
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">&gt;</span></span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-html line-numbers"␊
      ><code><span class="token doctype"><span class="token punctuation">&lt;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">&gt;</span></span>␊
    <span class="remark-highlight-code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>html</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>en<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>␊
    </span>  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>head</span><span class="token punctuation">&gt;</span></span>␊
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>UTF-8<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>␊
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>meta</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>viewport<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>width=device-width, initial-scale=1.0<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>␊
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>title</span><span class="token punctuation">&gt;</span></span>Hello World!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>title</span><span class="token punctuation">&gt;</span></span>␊
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>head</span><span class="token punctuation">&gt;</span></span>␊
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>body</span><span class="token punctuation">&gt;</span></span>␊
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h1</span><span class="token punctuation">&gt;</span></span>Hello World!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h1</span><span class="token punctuation">&gt;</span></span>␊
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>body</span><span class="token punctuation">&gt;</span></span>␊
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">&gt;</span></span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span>␊
    </code></pre>␊
    </div>␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-html line-numbers"␊
      ><code><span class="remark-highlight-code-line"><span class="token doctype"><span class="token punctuation">&lt;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">&gt;</span></span>␊
    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>html</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>en<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>␊
    <span class="remark-highlight-code-line">  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>head</span><span class="token punctuation">&gt;</span></span>␊
    </span><span class="remark-highlight-code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>UTF-8<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>␊
    </span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>meta</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>viewport<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>width=device-width, initial-scale=1.0<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>␊
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>title</span><span class="token punctuation">&gt;</span></span>Hello World!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>title</span><span class="token punctuation">&gt;</span></span>␊
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>head</span><span class="token punctuation">&gt;</span></span>␊
    <span class="remark-highlight-code-line">  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>body</span><span class="token punctuation">&gt;</span></span>␊
    </span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h1</span><span class="token punctuation">&gt;</span></span>Hello World!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h1</span><span class="token punctuation">&gt;</span></span>␊
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>body</span><span class="token punctuation">&gt;</span></span>␊
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">&gt;</span></span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span>␊
    </code></pre>␊
    </div>␊
    `

## no-lang

> Snapshot 1

    `<link href="./theme.css" rel="stylesheet" />␊
    <div class="remark-highlight">␊
      <pre class=""><code>hello␊
    world␊
    </code></pre>␊
    </div>␊
    `

## show-invisibles

> Snapshot 1

    `<link href="./theme.css" rel="stylesheet" />␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-html"␊
      ><code><span class="token doctype"><span class="token punctuation">&lt;!</span><span class="token doctype-tag">DOCTYPE</span><span class="token space"> </span><span class="token name">html</span><span class="token punctuation">&gt;</span></span><span class="token lf">␊
    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>html</span><span class="token space"> </span><span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>en<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token lf">␊
    </span><span class="token space"> </span><span class="token space"> </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>head</span><span class="token punctuation">&gt;</span></span><span class="token lf">␊
    </span><span class="token space"> </span><span class="token space"> </span><span class="token space"> </span><span class="token space"> </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>meta</span><span class="token space"> </span><span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>UTF-8<span class="token punctuation">"</span></span><span class="token space"> </span><span class="token punctuation">/&gt;</span></span><span class="token lf">␊
    </span><span class="token space"> </span><span class="token space"> </span><span class="token space"> </span><span class="token space"> </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>meta</span><span class="token space"> </span><span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>viewport<span class="token punctuation">"</span></span><span class="token space"> </span><span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>width=device-width,<span class="token space"> </span>initial-scale=1.0<span class="token punctuation">"</span></span><span class="token space"> </span><span class="token punctuation">/&gt;</span></span><span class="token lf">␊
    </span><span class="token space"> </span><span class="token space"> </span><span class="token space"> </span><span class="token space"> </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>title</span><span class="token punctuation">&gt;</span></span>Hello<span class="token space"> </span>World!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>title</span><span class="token punctuation">&gt;</span></span><span class="token lf">␊
    </span><span class="token space"> </span><span class="token space"> </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>head</span><span class="token punctuation">&gt;</span></span><span class="token lf">␊
    </span><span class="token space"> </span><span class="token space"> </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>body</span><span class="token punctuation">&gt;</span></span><span class="token lf">␊
    </span><span class="token space"> </span><span class="token space"> </span><span class="token space"> </span><span class="token space"> </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h1</span><span class="token punctuation">&gt;</span></span>Hello<span class="token space"> </span>World!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h1</span><span class="token punctuation">&gt;</span></span><span class="token lf">␊
    </span><span class="token space"> </span><span class="token space"> </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>body</span><span class="token punctuation">&gt;</span></span><span class="token lf">␊
    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">&gt;</span></span>␊
    </code></pre>␊
    </div>␊
    `

## treeview

> Snapshot 1

    `<link href="./theme.css" rel="stylesheet" />␊
    <div class="remark-highlight">␊
      <pre␊
        class="language-treeview"␊
      ><code><span class="token treeview-part"><span class="token entry-name ext- dotfile">.</span></span>␊
    <span class="token treeview-part"><span class="token entry-line line-h">├── </span><span class="token entry-name ext-eslintignore dotfile">.eslintignore</span></span>␊
    <span class="token treeview-part"><span class="token entry-line line-h">├── </span><span class="token entry-name ext-eslintrc dotfile">.eslintrc</span></span>␊
    <span class="token treeview-part"><span class="token entry-line line-h">├── </span><span class="token entry-name ext-gitignore dotfile">.gitignore</span></span>␊
    <span class="token treeview-part"><span class="token entry-line line-h">├── </span><span class="token entry-name ext-prettierignore dotfile">.prettierignore</span></span>␊
    <span class="token treeview-part"><span class="token entry-line line-h">├── </span><span class="token entry-name ext-prettierrc dotfile">.prettierrc</span></span>␊
    <span class="token treeview-part"><span class="token entry-line line-h">├── </span><span class="token entry-name ext-yarnrc-yml ext-yml dotfile">.yarnrc.yml</span></span>␊
    <span class="token treeview-part"><span class="token entry-line line-h">├── </span><span class="token entry-name ext-md">README.md</span></span>␊
    <span class="token treeview-part"><span class="token entry-line line-h">├── </span><span class="token entry-name ext-js">index.js</span></span>␊
    <span class="token treeview-part"><span class="token entry-line line-h">├── </span><span class="token entry-name ext-json">package.json</span></span>␊
    <span class="token treeview-part"><span class="token entry-line line-h">├── </span><span class="token entry-name dir">test</span></span>␊
    <span class="token treeview-part"><span class="token entry-line line-v">│   </span><span class="token entry-line line-h">├── </span><span class="token entry-name dir">fixtures</span></span>␊
    <span class="token treeview-part"><span class="token entry-line line-v">│   </span><span class="token entry-line line-v-last">└── </span><span class="token entry-name ext-js">index.js</span></span>␊
    <span class="token treeview-part"><span class="token entry-line line-v-last">└── </span><span class="token entry-name ext-lock">yarn.lock</span></span>␊
    ␊
    <span class="token treeview-part"><span class="token entry-name">7 directories, 41 files</span></span>␊
    </code></pre>␊
    </div>␊
    `
