<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Pandoc Test Suite</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="generator" content="pandoc" />
  <meta name="author" content="John MacFarlane" />
  <meta name="author" content="Anonymous" />
  <meta name="date" content="July 17, 2006" />
</head>
<body>
<h1 class="title">Pandoc Test Suite</h1>
<p
>This is a set of tests for pandoc. Most of them are adapted from John Gruber&rsquo;s markdown test suite.</p
><hr
 /><div id="headers"
><h1
  >Headers</h1
  ><div id="level-2-with-an-embedded-link"
  ><h2
    >Level 2 with an <a href="/url"
      >embedded link</a
      ></h2
    ><div id="level-3-with-emphasis"
    ><h3
      >Level 3 with <em
	>emphasis</em
	></h3
      ><div id="level-4"
      ><h4
	>Level 4</h4
	><div id="level-5"
	><h5
	  >Level 5</h5
	  ></div
	></div
      ></div
    ></div
  ></div
><div id="level-1"
><h1
  >Level 1</h1
  ><div id="level-2-with-emphasis"
  ><h2
    >Level 2 with <em
      >emphasis</em
      ></h2
    ><div id="level-3"
    ><h3
      >Level 3</h3
      ><p
      >with no blank line</p
      ></div
    ></div
  ><div id="level-2"
  ><h2
    >Level 2</h2
    ><p
    >with no blank line</p
    ><hr
     /></div
  ></div
><div id="paragraphs"
><h1
  >Paragraphs</h1
  ><p
  >Here&rsquo;s a regular paragraph.</p
  ><p
  >In Markdown 1.0.0 and earlier. Version 8. This line turns into a list item. Because a hard-wrapped line in the middle of a paragraph looked like a list item.</p
  ><p
  >Here&rsquo;s one with a bullet. * criminey.</p
  ><p
  >There should be a hard line break<br
     />here.</p
  ><hr
   /></div
><div id="block-quotes"
><h1
  >Block Quotes</h1
  ><p
  >E-mail style:</p
  ><blockquote
  ><p
    >This is a block quote. It is pretty short.</p
    ></blockquote
  ><blockquote
  ><p
    >Code in a block quote:</p
    ><pre
    ><code
      >sub status {
    print &quot;working&quot;;
}
</code
      ></pre
    ><p
    >A list:</p
    ><ol style="list-style-type: decimal;"
    ><li
      >item one</li
      ><li
      >item two</li
      ></ol
    ><p
    >Nested block quotes:</p
    ><blockquote
    ><p
      >nested</p
      ></blockquote
    ><blockquote
    ><p
      >nested</p
      ></blockquote
    ></blockquote
  ><p
  >This should not be a block quote: 2 &gt; 1.</p
  ><p
  >And a following paragraph.</p
  ><hr
   /></div
><div id="code-blocks"
><h1
  >Code Blocks</h1
  ><p
  >Code:</p
  ><pre
  ><code
    >---- (should be four hyphens)

sub status {
    print &quot;working&quot;;
}

this code block is indented by one tab
</code
    ></pre
  ><p
  >And:</p
  ><pre
  ><code
    >    this code block is indented by two tabs

These should not be escaped:  \$ \\ \&gt; \[ \{
</code
    ></pre
  ><hr
   /></div
><div id="lists"
><h1
  >Lists</h1
  ><div id="unordered"
  ><h2
    >Unordered</h2
    ><p
    >Asterisks tight:</p
    ><ul
    ><li
      >asterisk 1</li
      ><li
      >asterisk 2</li
      ><li
      >asterisk 3</li
      ></ul
    ><p
    >Asterisks loose:</p
    ><ul
    ><li
      ><p
	>asterisk 1</p
	></li
      ><li
      ><p
	>asterisk 2</p
	></li
      ><li
      ><p
	>asterisk 3</p
	></li
      ></ul
    ><p
    >Pluses tight:</p
    ><ul
    ><li
      >Plus 1</li
      ><li
      >Plus 2</li
      ><li
      >Plus 3</li
      ></ul
    ><p
    >Pluses loose:</p
    ><ul
    ><li
      ><p
	>Plus 1</p
	></li
      ><li
      ><p
	>Plus 2</p
	></li
      ><li
      ><p
	>Plus 3</p
	></li
      ></ul
    ><p
    >Minuses tight:</p
    ><ul
    ><li
      >Minus 1</li
      ><li
      >Minus 2</li
      ><li
      >Minus 3</li
      ></ul
    ><p
    >Minuses loose:</p
    ><ul
    ><li
      ><p
	>Minus 1</p
	></li
      ><li
      ><p
	>Minus 2</p
	></li
      ><li
      ><p
	>Minus 3</p
	></li
      ></ul
    ></div
  ><div id="ordered"
  ><h2
    >Ordered</h2
    ><p
    >Tight:</p
    ><ol style="list-style-type: decimal;"
    ><li
      >First</li
      ><li
      >Second</li
      ><li
      >Third</li
      ></ol
    ><p
    >and:</p
    ><ol style="list-style-type: decimal;"
    ><li
      >One</li
      ><li
      >Two</li
      ><li
      >Three</li
      ></ol
    ><p
    >Loose using tabs:</p
    ><ol style="list-style-type: decimal;"
    ><li
      ><p
	>First</p
	></li
      ><li
      ><p
	>Second</p
	></li
      ><li
      ><p
	>Third</p
	></li
      ></ol
    ><p
    >and using spaces:</p
    ><ol style="list-style-type: decimal;"
    ><li
      ><p
	>One</p
	></li
      ><li
      ><p
	>Two</p
	></li
      ><li
      ><p
	>Three</p
	></li
      ></ol
    ><p
    >Multiple paragraphs:</p
    ><ol style="list-style-type: decimal;"
    ><li
      ><p
	>Item 1, graf one.</p
	><p
	>Item 1. graf two. The quick brown fox jumped over the lazy dog&rsquo;s back.</p
	></li
      ><li
      ><p
	>Item 2.</p
	></li
      ><li
      ><p
	>Item 3.</p
	></li
      ></ol
    ></div
  ><div id="nested"
  ><h2
    >Nested</h2
    ><ul
    ><li
      >Tab<ul
	><li
	  >Tab<ul
	    ><li
	      >Tab</li
	      ></ul
	    ></li
	  ></ul
	></li
      ></ul
    ><p
    >Here&rsquo;s another:</p
    ><ol style="list-style-type: decimal;"
    ><li
      >First</li
      ><li
      >Second:<ul
	><li
	  >Fee</li
	  ><li
	  >Fie</li
	  ><li
	  >Foe</li
	  ></ul
	></li
      ><li
      >Third</li
      ></ol
    ><p
    >Same thing but with paragraphs:</p
    ><ol style="list-style-type: decimal;"
    ><li
      ><p
	>First</p
	></li
      ><li
      ><p
	>Second:</p
	><ul
	><li
	  >Fee</li
	  ><li
	  >Fie</li
	  ><li
	  >Foe</li
	  ></ul
	></li
      ><li
      ><p
	>Third</p
	></li
      ></ol
    ></div
  ><div id="tabs-and-spaces"
  ><h2
    >Tabs and spaces</h2
    ><ul
    ><li
      ><p
	>this is a list item indented with tabs</p
	></li
      ><li
      ><p
	>this is a list item indented with spaces</p
	><ul
	><li
	  ><p
	    >this is an example list item indented with tabs</p
	    ></li
	  ><li
	  ><p
	    >this is an example list item indented with spaces</p
	    ></li
	  ></ul
	></li
      ></ul
    ></div
  ><div id="fancy-list-markers"
  ><h2
    >Fancy list markers</h2
    ><ol start="2" style="list-style-type: decimal;"
    ><li
      >begins with 2</li
      ><li
      ><p
	>and now 3</p
	><p
	>with a continuation</p
	><ol start="4" style="list-style-type: lower-roman;"
	><li
	  >sublist with roman numerals, starting with 4</li
	  ><li
	  >more items<ol style="list-style-type: upper-alpha;"
	    ><li
	      >a subsublist</li
	      ><li
	      >a subsublist</li
	      ></ol
	    ></li
	  ></ol
	></li
      ></ol
    ><p
    >Nesting:</p
    ><ol style="list-style-type: upper-alpha;"
    ><li
      >Upper Alpha<ol style="list-style-type: upper-roman;"
	><li
	  >Upper Roman.<ol start="6" style="list-style-type: decimal;"
	    ><li
	      >Decimal start with 6<ol start="3" style="list-style-type: lower-alpha;"
		><li
		  >Lower alpha with paren</li
		  ></ol
		></li
	      ></ol
	    ></li
	  ></ol
	></li
      ></ol
    ><p
    >Autonumbering:</p
    ><ol
    ><li
      >Autonumber.</li
      ><li
      >More.<ol
	><li
	  >Nested.</li
	  ></ol
	></li
      ></ol
    ><p
    >Should not be a list item:</p
    ><p
    >M.A. 2007</p
    ><p
    >B. Williams</p
    ><hr
     /></div
  ></div
><div id="definition-lists"
><h1
  >Definition Lists</h1
  ><p
  >Tight using spaces:</p
  ><dl
  ><dt
    >apple</dt
    ><dd
    >red fruit</dd
    ><dt
    >orange</dt
    ><dd
    >orange fruit</dd
    ><dt
    >banana</dt
    ><dd
    >yellow fruit</dd
    ></dl
  ><p
  >Tight using tabs:</p
  ><dl
  ><dt
    >apple</dt
    ><dd
    >red fruit</dd
    ><dt
    >orange</dt
    ><dd
    >orange fruit</dd
    ><dt
    >banana</dt
    ><dd
    >yellow fruit</dd
    ></dl
  ><p
  >Loose:</p
  ><dl
  ><dt
    >apple</dt
    ><dd
    ><p
      >red fruit</p
      ></dd
    ><dt
    >orange</dt
    ><dd
    ><p
      >orange fruit</p
      ></dd
    ><dt
    >banana</dt
    ><dd
    ><p
      >yellow fruit</p
      ></dd
    ></dl
  ><p
  >Multiple blocks with italics:</p
  ><dl
  ><dt
    ><em
      >apple</em
      ></dt
    ><dd
    ><p
      >red fruit</p
      ><p
      >contains seeds, crisp, pleasant to taste</p
      ></dd
    ><dt
    ><em
      >orange</em
      ></dt
    ><dd
    ><p
      >orange fruit</p
      ><pre
      ><code
	>{ orange code block }
</code
	></pre
      ><blockquote
      ><p
	>orange block quote</p
	></blockquote
      ></dd
    ></dl
  ><p
  >Multiple definitions, tight:</p
  ><dl
  ><dt
    >apple</dt
    ><dd
    >red fruit</dd
    ><dd
    >computer</dd
    ><dt
    >orange</dt
    ><dd
    >orange fruit</dd
    ><dd
    >bank</dd
    ></dl
  ><p
  >Multiple definitions, loose:</p
  ><dl
  ><dt
    >apple</dt
    ><dd
    ><p
      >red fruit</p
      ></dd
    ><dd
    ><p
      >computer</p
      ></dd
    ><dt
    >orange</dt
    ><dd
    ><p
      >orange fruit</p
      ></dd
    ><dd
    ><p
      >bank</p
      ></dd
    ></dl
  ><p
  >Blank line after term, indented marker, alternate markers:</p
  ><dl
  ><dt
    >apple</dt
    ><dd
    ><p
      >red fruit</p
      ></dd
    ><dd
    ><p
      >computer</p
      ></dd
    ><dt
    >orange</dt
    ><dd
    ><p
      >orange fruit</p
      ><ol style="list-style-type: decimal;"
      ><li
	>sublist</li
	><li
	>sublist</li
	></ol
      ></dd
    ></dl
  ></div
><div id="html-blocks"
><h1
  >HTML Blocks</h1
  ><p
  >Simple block on one line:</p
  ><div>foo</div>
<p
  >And nested without indentation:</p
  ><div>
<div>
<div>foo</div>
</div>
<div>bar</div>
</div>
<p
  >Interpreted markdown in a table:</p
  ><table>
<tr>
<td>This is <em
  >emphasized</em
  ></td>
<td>And this is <strong
  >strong</strong
  ></td>
</tr>
</table>

<script type="text/javascript">document.write('This *should not* be interpreted as markdown');</script>
<p
  >Here&rsquo;s a simple block:</p
  ><div>
    foo</div>
<p
  >This should be a code block, though:</p
  ><pre
  ><code
    >&lt;div&gt;
    foo
&lt;/div&gt;
</code
    ></pre
  ><p
  >As should this:</p
  ><pre
  ><code
    >&lt;div&gt;foo&lt;/div&gt;
</code
    ></pre
  ><p
  >Now, nested:</p
  ><div>
    <div>
        <div>
            foo</div>
    </div>
</div>
<p
  >This should just be an HTML comment:</p
  ><!-- Comment -->
<p
  >Multiline:</p
  ><!--
Blah
Blah
-->

<!--
    This is another comment.
-->
<p
  >Code block:</p
  ><pre
  ><code
    >&lt;!-- Comment --&gt;
</code
    ></pre
  ><p
  >Just plain comment, with trailing spaces on the line:</p
  ><!-- foo -->   
<p
  >Code:</p
  ><pre
  ><code
    >&lt;hr /&gt;
</code
    ></pre
  ><p
  >Hr&rsquo;s:</p
  ><hr>

<hr />

<hr />

<hr>   

<hr />  

<hr /> 

<hr class="foo" id="bar" />

<hr class="foo" id="bar" />

<hr class="foo" id="bar">
<hr
   /></div
><div id="inline-markup"
><h1
  >Inline Markup</h1
  ><p
  >This is <em
    >emphasized</em
    >, and so <em
    >is this</em
    >.</p
  ><p
  >This is <strong
    >strong</strong
    >, and so <strong
    >is this</strong
    >.</p
  ><p
  >An <em
    ><a href="/url"
      >emphasized link</a
      ></em
    >.</p
  ><p
  ><strong
    ><em
      >This is strong and em.</em
      ></strong
    ></p
  ><p
  >So is <strong
    ><em
      >this</em
      ></strong
    > word.</p
  ><p
  ><strong
    ><em
      >This is strong and em.</em
      ></strong
    ></p
  ><p
  >So is <strong
    ><em
      >this</em
      ></strong
    > word.</p
  ><p
  >This is code: <code
    >&gt;</code
    >, <code
    >$</code
    >, <code
    >\</code
    >, <code
    >\$</code
    >, <code
    >&lt;html&gt;</code
    >.</p
  ><p
  ><span style="text-decoration: line-through;"
    >This is <em
      >strikeout</em
      >.</span
    ></p
  ><p
  >Superscripts: a<sup
    >bc</sup
    >d a<sup
    ><em
      >hello</em
      ></sup
    > a<sup
    >hello there</sup
    >.</p
  ><p
  >Subscripts: H<sub
    >2</sub
    >O, H<sub
    >23</sub
    >O, H<sub
    >many of them</sub
    >O.</p
  ><p
  >These should not be superscripts or subscripts, because of the unescaped spaces: a^b c^d, a~b c~d.</p
  ><hr
   /></div
><div id="smart-quotes-ellipses-dashes"
><h1
  >Smart quotes, ellipses, dashes</h1
  ><p
  >&ldquo;Hello,&rdquo; said the spider. &ldquo;&lsquo;Shelob&rsquo; is my name.&rdquo;</p
  ><p
  >&lsquo;A&rsquo;, &lsquo;B&rsquo;, and &lsquo;C&rsquo; are letters.</p
  ><p
  >&lsquo;Oak,&rsquo; &lsquo;elm,&rsquo; and &lsquo;beech&rsquo; are names of trees. So is &lsquo;pine.&rsquo;</p
  ><p
  >&lsquo;He said, &ldquo;I want to go.&rdquo;&rsquo; Were you alive in the 70&rsquo;s?</p
  ><p
  >Here is some quoted &lsquo;<code
    >code</code
    >&rsquo; and a &ldquo;<a href="http://example.com/?foo=1&amp;bar=2"
    >quoted link</a
    >&rdquo;.</p
  ><p
  >Some dashes: one&mdash;two &mdash; three&mdash;four &mdash; five.</p
  ><p
  >Dashes between numbers: 5&ndash;7, 255&ndash;66, 1987&ndash;1999.</p
  ><p
  >Ellipses&hellip;and&hellip;and&hellip;.</p
  ><hr
   /></div
><div id="latex"
><h1
  >LaTeX</h1
  ><ul
  ><li
    ></li
    ><li
    ><span class="math"
      >2+2=4</span
      ></li
    ><li
    ><span class="math"
      ><em
	>x</em
	> ∈ <em
	>y</em
	></span
      ></li
    ><li
    ><span class="math"
      >α ∧ ω</span
      ></li
    ><li
    ><span class="math"
      >223</span
      ></li
    ><li
    ><span class="math"
      ><em
	>p</em
	></span
      >-Tree</li
    ><li
    >Here&rsquo;s some display math: <span class="math"
      >\frac{<em
	>d</em
	>}{<em
	>dx</em
	>}<em
	>f</em
	>(<em
	>x</em
	>)=\lim<sub
	><em
	  >h</em
	  > → 0</sub
	>\frac{<em
	>f</em
	>(<em
	>x</em
	>+<em
	>h</em
	>)-<em
	>f</em
	>(<em
	>x</em
	>)}{<em
	>h</em
	>}</span
      ></li
    ><li
    >Here&rsquo;s one that has a line break in it: <span class="math"
      >α+ω × <em
	>x</em
	><sup
	>2</sup
	></span
      >.</li
    ></ul
  ><p
  >These shouldn&rsquo;t be math:</p
  ><ul
  ><li
    >To get the famous equation, write <code
      >$e = mc^2$</code
      >.</li
    ><li
    >$22,000 is a <em
      >lot</em
      > of money. So is $34,000. (It worked if &ldquo;lot&rdquo; is emphasized.)</li
    ><li
    >Shoes ($20) and socks ($5).</li
    ><li
    >Escaped <code
      >$</code
      >: $73 <em
      >this should be emphasized</em
      > 23$.</li
    ></ul
  ><p
  >Here&rsquo;s a LaTeX table:</p
  ><p
  ></p
  ><hr
   /></div
><div id="special-characters"
><h1
  >Special Characters</h1
  ><p
  >Here is some unicode:</p
  ><ul
  ><li
    >I hat: Î</li
    ><li
    >o umlaut: ö</li
    ><li
    >section: §</li
    ><li
    >set membership: ∈</li
    ><li
    >copyright: ©</li
    ></ul
  ><p
  >AT&amp;T has an ampersand in their name.</p
  ><p
  >AT&amp;T is another way to write it.</p
  ><p
  >This &amp; that.</p
  ><p
  >4 &lt; 5.</p
  ><p
  >6 &gt; 5.</p
  ><p
  >Backslash: \</p
  ><p
  >Backtick: `</p
  ><p
  >Asterisk: *</p
  ><p
  >Underscore: _</p
  ><p
  >Left brace: {</p
  ><p
  >Right brace: }</p
  ><p
  >Left bracket: [</p
  ><p
  >Right bracket: ]</p
  ><p
  >Left paren: (</p
  ><p
  >Right paren: )</p
  ><p
  >Greater-than: &gt;</p
  ><p
  >Hash: #</p
  ><p
  >Period: .</p
  ><p
  >Bang: !</p
  ><p
  >Plus: +</p
  ><p
  >Minus: -</p
  ><hr
   /></div
><div id="links"
><h1
  >Links</h1
  ><div id="explicit"
  ><h2
    >Explicit</h2
    ><p
    >Just a <a href="/url/"
      >URL</a
      >.</p
    ><p
    ><a href="/url/" title="title"
      >URL and title</a
      >.</p
    ><p
    ><a href="/url/" title="title preceded by two spaces"
      >URL and title</a
      >.</p
    ><p
    ><a href="/url/" title="title preceded by a tab"
      >URL and title</a
      >.</p
    ><p
    ><a href="/url/" title="title with &quot;quotes&quot; in it"
      >URL and title</a
      ></p
    ><p
    ><a href="/url/" title="title with single quotes"
      >URL and title</a
      ></p
    ><p
    ><a href="/url/with_underscore"
      >with_underscore</a
      ></p
    ><p
    ><script type="text/javascript"
      >
<!--
h='&#110;&#x6f;&#x77;&#104;&#x65;&#114;&#x65;&#46;&#110;&#x65;&#116;';a='&#64;';n='&#110;&#x6f;&#98;&#x6f;&#100;&#x79;';e=n+a+h;
document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'">'+'Email link'+'<\/'+'a'+'>');
// -->
</script
      ><noscript
      >&#x45;&#x6d;&#x61;&#x69;&#108;&#32;&#108;&#x69;&#110;&#x6b;&#32;&#40;&#110;&#x6f;&#98;&#x6f;&#100;&#x79;&#32;&#x61;&#116;&#32;&#110;&#x6f;&#x77;&#104;&#x65;&#114;&#x65;&#32;&#100;&#x6f;&#116;&#32;&#110;&#x65;&#116;&#x29;</noscript
      ></p
    ><p
    ><a href=""
      >Empty</a
      >.</p
    ></div
  ><div id="reference"
  ><h2
    >Reference</h2
    ><p
    >Foo <a href="/url/"
      >bar</a
      >.</p
    ><p
    >Foo <a href="/url/"
      >bar</a
      >.</p
    ><p
    >Foo <a href="/url/"
      >bar</a
      >.</p
    ><p
    >With <a href="/url/"
      >embedded [brackets]</a
      >.</p
    ><p
    ><a href="/url/"
      >b</a
      > by itself should be a link.</p
    ><p
    >Indented <a href="/url"
      >once</a
      >.</p
    ><p
    >Indented <a href="/url"
      >twice</a
      >.</p
    ><p
    >Indented <a href="/url"
      >thrice</a
      >.</p
    ><p
    >This should [not][] be a link.</p
    ><pre
    ><code
      >[not]: /url
</code
      ></pre
    ><p
    >Foo <a href="/url/" title="Title with &quot;quotes&quot; inside"
      >bar</a
      >.</p
    ><p
    >Foo <a href="/url/" title="Title with &quot;quote&quot; inside"
      >biz</a
      >.</p
    ></div
  ><div id="with-ampersands"
  ><h2
    >With ampersands</h2
    ><p
    >Here&rsquo;s a <a href="http://example.com/?foo=1&amp;bar=2"
      >link with an ampersand in the URL</a
      >.</p
    ><p
    >Here&rsquo;s a link with an amersand in the link text: <a href="http://att.com/" title="AT&amp;T"
      >AT&amp;T</a
      >.</p
    ><p
    >Here&rsquo;s an <a href="/script?foo=1&amp;bar=2"
      >inline link</a
      >.</p
    ><p
    >Here&rsquo;s an <a href="/script?foo=1&amp;bar=2"
      >inline link in pointy braces</a
      >.</p
    ></div
  ><div id="autolinks"
  ><h2
    >Autolinks</h2
    ><p
    >With an ampersand: <a href="http://example.com/?foo=1&amp;bar=2"
      ><code
	>http://example.com/?foo=1&amp;bar=2</code
	></a
      ></p
    ><ul
    ><li
      >In a list?</li
      ><li
      ><a href="http://example.com/"
	><code
	  >http://example.com/</code
	  ></a
	></li
      ><li
      >It should.</li
      ></ul
    ><p
    >An e-mail address: <script type="text/javascript"
      >
<!--
h='&#110;&#x6f;&#x77;&#104;&#x65;&#114;&#x65;&#46;&#110;&#x65;&#116;';a='&#64;';n='&#110;&#x6f;&#98;&#x6f;&#100;&#x79;';e=n+a+h;
document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'">'+'<code>'+e+'</code>'+'<\/'+'a'+'>');
// -->
</script
      ><noscript
      >&#110;&#x6f;&#98;&#x6f;&#100;&#x79;&#32;&#x61;&#116;&#32;&#110;&#x6f;&#x77;&#104;&#x65;&#114;&#x65;&#32;&#100;&#x6f;&#116;&#32;&#110;&#x65;&#116;</noscript
      ></p
    ><blockquote
    ><p
      >Blockquoted: <a href="http://example.com/"
	><code
	  >http://example.com/</code
	  ></a
	></p
      ></blockquote
    ><p
    >Auto-links should not occur here: <code
      >&lt;http://example.com/&gt;</code
      ></p
    ><pre
    ><code
      >or here: &lt;http://example.com/&gt;
</code
      ></pre
    ><hr
     /></div
  ></div
><div id="images"
><h1
  >Images</h1
  ><p
  >From &ldquo;Voyage dans la Lune&rdquo; by Georges Melies (1902):</p
  ><p
  ><img src="lalune.jpg" title="Voyage dans la Lune" alt="lalune"
     /></p
  ><p
  >Here is a movie <img src="movie.jpg" alt="movie"
     /> icon.</p
  ><hr
   /></div
><div id="footnotes"
><h1
  >Footnotes</h1
  ><p
  >Here is a footnote reference,<sup
    ><a href="#fn1" class="footnoteRef" id="fnref1"
      >1</a
      ></sup
    > and another.<sup
    ><a href="#fn2" class="footnoteRef" id="fnref2"
      >2</a
      ></sup
    > This should <em
    >not</em
    > be a footnote reference, because it contains a space.[^my note] Here is an inline note.<sup
    ><a href="#fn3" class="footnoteRef" id="fnref3"
      >3</a
      ></sup
    ></p
  ><blockquote
  ><p
    >Notes can go in quotes.<sup
      ><a href="#fn4" class="footnoteRef" id="fnref4"
	>4</a
	></sup
      ></p
    ></blockquote
  ><ol style="list-style-type: decimal;"
  ><li
    >And in list items.<sup
      ><a href="#fn5" class="footnoteRef" id="fnref5"
	>5</a
	></sup
      ></li
    ></ol
  ><p
  >This paragraph should not be part of the note, as it is not indented.</p
  ></div
><div class="footnotes"
><hr
   /><ol
  ><li id="fn1"
    ><p
      >Here is the footnote. It can go anywhere after the footnote reference. It need not be placed at the end of the document. <a href="#fnref1" class="footnoteBackLink" title="Jump back to footnote 1">&#8617;</a></p
      ></li
    ><li id="fn2"
    ><p
      >Here&rsquo;s the long note. This one contains multiple blocks.</p
      ><p
      >Subsequent blocks are indented to show that they belong to the footnote (as with list items).</p
      ><pre
      ><code
	>  { &lt;code&gt; }
</code
	></pre
      ><p
      >If you want, you can indent every line, but you can also be lazy and just indent the first line of each block. <a href="#fnref2" class="footnoteBackLink" title="Jump back to footnote 2">&#8617;</a></p
      ></li
    ><li id="fn3"
    ><p
      >This is <em
	>easier</em
	> to type. Inline notes may contain <a href="http://google.com"
	>links</a
	> and <code
	>]</code
	> verbatim characters, as well as [bracketed text]. <a href="#fnref3" class="footnoteBackLink" title="Jump back to footnote 3">&#8617;</a></p
      ></li
    ><li id="fn4"
    ><p
      >In quote. <a href="#fnref4" class="footnoteBackLink" title="Jump back to footnote 4">&#8617;</a></p
      ></li
    ><li id="fn5"
    ><p
      >In list. <a href="#fnref5" class="footnoteBackLink" title="Jump back to footnote 5">&#8617;</a></p
      ></li
    ></ol
  ></div
>
</body>
</html>