git.iko.soy/typeable/pandoc
on rc/test4 help sign in
typeable/pandoc/test/writer.html5
659 lines 18 kB history raw
1<!DOCTYPE html>
2<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
3<head>
4 <meta charset="utf-8" />
5 <meta name="generator" content="pandoc" />
6 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
7 <meta name="author" content="John MacFarlane" />
8 <meta name="author" content="Anonymous" />
9 <meta name="dcterms.date" content="2006-07-17" />
10 <title>Pandoc Test Suite</title>
11 <style>
12 html {
13 line-height: 1.7;
14 font-family: Georgia, serif;
15 font-size: 20px;
16 color: #1a1a1a;
17 background-color: #fdfdfd;
18 }
19 body {
20 margin: 0 auto;
21 max-width: 40em;
22 padding-left: 50px;
23 padding-right: 50px;
24 padding-top: 50px;
25 padding-bottom: 50px;
26 hyphens: auto;
27 word-wrap: break-word;
28 text-rendering: optimizeLegibility;
29 font-kerning: normal;
30 }
31 @media (max-width: 600px) {
32 body {
33 font-size: 0.9em;
34 padding: 1em;
35 }
36 }
37 @media print {
38 body {
39 background-color: transparent;
40 color: black;
41 }
42 p, h2, h3 {
43 orphans: 3;
44 widows: 3;
45 }
46 h2, h3, h4 {
47 page-break-after: avoid;
48 }
49 }
50 p {
51 margin-top: 1.7em;
52 }
53 a {
54 color: #1a1a1a;
55 }
56 a:visited {
57 color: #1a1a1a;
58 }
59 img {
60 max-width: 100%;
61 }
62 h1, h2, h3, h4, h5, h6 {
63 margin-top: 1.7em;
64 }
65 ol, ul {
66 padding-left: 1.7em;
67 margin-top: 1.7em;
68 }
69 li > ol, li > ul {
70 margin-top: 0;
71 }
72 blockquote {
73 margin: 1.7em 0 1.7em 1.7em;
74 padding-left: 1em;
75 border-left: 2px solid #e6e6e6;
76 font-style: italic;
77 }
78 code {
79 font-family: Menlo, Monaco, 'Lucida Console', Consolas, monospace;
80 background-color: #f0f0f0;
81 font-size: 85%;
82 margin: 0;
83 padding: .2em .4em;
84 }
85 pre {
86 line-height: 1.5em;
87 padding: 1em;
88 background-color: #f0f0f0;
89 overflow: auto;
90 }
91 pre code {
92 padding: 0;
93 overflow: visible;
94 }
95 hr {
96 background-color: #1a1a1a;
97 border: none;
98 height: 1px;
99 margin-top: 1.7em;
100 }
101 table {
102 border-collapse: collapse;
103 width: 100%;
104 overflow-x: auto;
105 display: block;
106 }
107 th, td {
108 border-bottom: 1px solid lightgray;
109 padding: 1em 3em 1em 0;
110 }
111 header {
112 margin-bottom: 6em;
113 text-align: center;
114 }
115 nav a:not(:hover) {
116 text-decoration: none;
117 }
118 code{white-space: pre-wrap;}
119 span.smallcaps{font-variant: small-caps;}
120 span.underline{text-decoration: underline;}
121 div.column{display: inline-block; vertical-align: top; width: 50%;}
122 div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
123 ul.task-list{list-style: none;}
124 .display.math{display: block; text-align: center; margin: 0.5rem auto;}
125 </style>
126 <!--[if lt IE 9]>
127 <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
128 <![endif]-->
129</head>
130<body>
131<header id="title-block-header">
132<h1 class="title">Pandoc Test Suite</h1>
133<p class="author">John MacFarlane</p>
134<p class="author">Anonymous</p>
135<p class="date">July 17, 2006</p>
136</header>
137<p>This is a set of tests for pandoc. Most of them are adapted from John Gruber’s markdown test suite.</p>
138<hr />
139<h1 id="headers">Headers</h1>
140<h2 id="level-2-with-an-embedded-link">Level 2 with an <a href="/url">embedded link</a></h2>
141<h3 id="level-3-with-emphasis">Level 3 with <em>emphasis</em></h3>
142<h4 id="level-4">Level 4</h4>
143<h5 id="level-5">Level 5</h5>
144<h1 id="level-1">Level 1</h1>
145<h2 id="level-2-with-emphasis">Level 2 with <em>emphasis</em></h2>
146<h3 id="level-3">Level 3</h3>
147<p>with no blank line</p>
148<h2 id="level-2">Level 2</h2>
149<p>with no blank line</p>
150<hr />
151<h1 id="paragraphs">Paragraphs</h1>
152<p>Here’s a regular paragraph.</p>
153<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>
154<p>Here’s one with a bullet. * criminey.</p>
155<p>There should be a hard line break<br />
156here.</p>
157<hr />
158<h1 id="block-quotes">Block Quotes</h1>
159<p>E-mail style:</p>
160<blockquote>
161<p>This is a block quote. It is pretty short.</p>
162</blockquote>
163<blockquote>
164<p>Code in a block quote:</p>
165<pre><code>sub status {
166 print &quot;working&quot;;
167}</code></pre>
168<p>A list:</p>
169<ol type="1">
170<li>item one</li>
171<li>item two</li>
172</ol>
173<p>Nested block quotes:</p>
174<blockquote>
175<p>nested</p>
176</blockquote>
177<blockquote>
178<p>nested</p>
179</blockquote>
180</blockquote>
181<p>This should not be a block quote: 2 &gt; 1.</p>
182<p>And a following paragraph.</p>
183<hr />
184<h1 id="code-blocks">Code Blocks</h1>
185<p>Code:</p>
186<pre><code>---- (should be four hyphens)
188sub status {
189 print &quot;working&quot;;
192this code block is indented by one tab</code></pre>
193<p>And:</p>
194<pre><code> this code block is indented by two tabs
196These should not be escaped: \$ \\ \&gt; \[ \{</code></pre>
197<hr />
198<h1 id="lists">Lists</h1>
199<h2 id="unordered">Unordered</h2>
200<p>Asterisks tight:</p>
201<ul>
202<li>asterisk 1</li>
203<li>asterisk 2</li>
204<li>asterisk 3</li>
205</ul>
206<p>Asterisks loose:</p>
207<ul>
208<li><p>asterisk 1</p></li>
209<li><p>asterisk 2</p></li>
210<li><p>asterisk 3</p></li>
211</ul>
212<p>Pluses tight:</p>
213<ul>
214<li>Plus 1</li>
215<li>Plus 2</li>
216<li>Plus 3</li>
217</ul>
218<p>Pluses loose:</p>
219<ul>
220<li><p>Plus 1</p></li>
221<li><p>Plus 2</p></li>
222<li><p>Plus 3</p></li>
223</ul>
224<p>Minuses tight:</p>
225<ul>
226<li>Minus 1</li>
227<li>Minus 2</li>
228<li>Minus 3</li>
229</ul>
230<p>Minuses loose:</p>
231<ul>
232<li><p>Minus 1</p></li>
233<li><p>Minus 2</p></li>
234<li><p>Minus 3</p></li>
235</ul>
236<h2 id="ordered">Ordered</h2>
237<p>Tight:</p>
238<ol type="1">
239<li>First</li>
240<li>Second</li>
241<li>Third</li>
242</ol>
243<p>and:</p>
244<ol type="1">
245<li>One</li>
246<li>Two</li>
247<li>Three</li>
248</ol>
249<p>Loose using tabs:</p>
250<ol type="1">
251<li><p>First</p></li>
252<li><p>Second</p></li>
253<li><p>Third</p></li>
254</ol>
255<p>and using spaces:</p>
256<ol type="1">
257<li><p>One</p></li>
258<li><p>Two</p></li>
259<li><p>Three</p></li>
260</ol>
261<p>Multiple paragraphs:</p>
262<ol type="1">
263<li><p>Item 1, graf one.</p>
264<p>Item 1. graf two. The quick brown fox jumped over the lazy dog’s back.</p></li>
265<li><p>Item 2.</p></li>
266<li><p>Item 3.</p></li>
267</ol>
268<h2 id="nested">Nested</h2>
269<ul>
270<li>Tab
271<ul>
272<li>Tab
273<ul>
274<li>Tab</li>
275</ul></li>
276</ul></li>
277</ul>
278<p>Here’s another:</p>
279<ol type="1">
280<li>First</li>
281<li>Second:
282<ul>
283<li>Fee</li>
284<li>Fie</li>
285<li>Foe</li>
286</ul></li>
287<li>Third</li>
288</ol>
289<p>Same thing but with paragraphs:</p>
290<ol type="1">
291<li><p>First</p></li>
292<li><p>Second:</p>
293<ul>
294<li>Fee</li>
295<li>Fie</li>
296<li>Foe</li>
297</ul></li>
298<li><p>Third</p></li>
299</ol>
300<h2 id="tabs-and-spaces">Tabs and spaces</h2>
301<ul>
302<li><p>this is a list item indented with tabs</p></li>
303<li><p>this is a list item indented with spaces</p>
304<ul>
305<li><p>this is an example list item indented with tabs</p></li>
306<li><p>this is an example list item indented with spaces</p></li>
307</ul></li>
308</ul>
309<h2 id="fancy-list-markers">Fancy list markers</h2>
310<ol start="2" type="1">
311<li><p>begins with 2</p></li>
312<li><p>and now 3</p>
313<p>with a continuation</p>
314<ol start="4" type="i">
315<li>sublist with roman numerals, starting with 4</li>
316<li>more items
317<ol type="A">
318<li>a subsublist</li>
319<li>a subsublist</li>
320</ol></li>
321</ol></li>
322</ol>
323<p>Nesting:</p>
324<ol type="A">
325<li>Upper Alpha
326<ol type="I">
327<li>Upper Roman.
328<ol start="6" type="1">
329<li>Decimal start with 6
330<ol start="3" type="a">
331<li>Lower alpha with paren</li>
332</ol></li>
333</ol></li>
334</ol></li>
335</ol>
336<p>Autonumbering:</p>
337<ol>
338<li>Autonumber.</li>
339<li>More.
340<ol>
341<li>Nested.</li>
342</ol></li>
343</ol>
344<p>Should not be a list item:</p>
345<p>M.A. 2007</p>
346<p>B. Williams</p>
347<hr />
348<h1 id="definition-lists">Definition Lists</h1>
349<p>Tight using spaces:</p>
350<dl>
351<dt>apple</dt>
352<dd>red fruit
353</dd>
354<dt>orange</dt>
355<dd>orange fruit
356</dd>
357<dt>banana</dt>
358<dd>yellow fruit
359</dd>
360</dl>
361<p>Tight using tabs:</p>
362<dl>
363<dt>apple</dt>
364<dd>red fruit
365</dd>
366<dt>orange</dt>
367<dd>orange fruit
368</dd>
369<dt>banana</dt>
370<dd>yellow fruit
371</dd>
372</dl>
373<p>Loose:</p>
374<dl>
375<dt>apple</dt>
376<dd><p>red fruit</p>
377</dd>
378<dt>orange</dt>
379<dd><p>orange fruit</p>
380</dd>
381<dt>banana</dt>
382<dd><p>yellow fruit</p>
383</dd>
384</dl>
385<p>Multiple blocks with italics:</p>
386<dl>
387<dt><em>apple</em></dt>
388<dd><p>red fruit</p>
389<p>contains seeds, crisp, pleasant to taste</p>
390</dd>
391<dt><em>orange</em></dt>
392<dd><p>orange fruit</p>
393<pre><code>{ orange code block }</code></pre>
394<blockquote>
395<p>orange block quote</p>
396</blockquote>
397</dd>
398</dl>
399<p>Multiple definitions, tight:</p>
400<dl>
401<dt>apple</dt>
402<dd>red fruit
403</dd>
404<dd>computer
405</dd>
406<dt>orange</dt>
407<dd>orange fruit
408</dd>
409<dd>bank
410</dd>
411</dl>
412<p>Multiple definitions, loose:</p>
413<dl>
414<dt>apple</dt>
415<dd><p>red fruit</p>
416</dd>
417<dd><p>computer</p>
418</dd>
419<dt>orange</dt>
420<dd><p>orange fruit</p>
421</dd>
422<dd><p>bank</p>
423</dd>
424</dl>
425<p>Blank line after term, indented marker, alternate markers:</p>
426<dl>
427<dt>apple</dt>
428<dd><p>red fruit</p>
429</dd>
430<dd><p>computer</p>
431</dd>
432<dt>orange</dt>
433<dd><p>orange fruit</p>
434<ol type="1">
435<li>sublist</li>
436<li>sublist</li>
437</ol>
438</dd>
439</dl>
440<h1 id="html-blocks">HTML Blocks</h1>
441<p>Simple block on one line:</p>
442<div>
443foo
444</div>
445<p>And nested without indentation:</p>
446<div>
447<div>
448<div>
449<p>foo</p>
450</div>
451</div>
452<div>
453bar
454</div>
455</div>
456<p>Interpreted markdown in a table:</p>
457<table>
458<tr>
459<td>
460This is <em>emphasized</em>
461</td>
462<td>
463And this is <strong>strong</strong>
464</td>
465</tr>
466</table>
467<script type="text/javascript">document.write('This *should not* be interpreted as markdown');</script>
468<p>Here’s a simple block:</p>
469<div>
470<p>foo</p>
471</div>
472<p>This should be a code block, though:</p>
473<pre><code>&lt;div&gt;
474 foo
475&lt;/div&gt;</code></pre>
476<p>As should this:</p>
477<pre><code>&lt;div&gt;foo&lt;/div&gt;</code></pre>
478<p>Now, nested:</p>
479<div>
480<div>
481<div>
482foo
483</div>
484</div>
485</div>
486<p>This should just be an HTML comment:</p>
487<!-- Comment -->
488<p>Multiline:</p>
489<!--
490Blah
491Blah
492-->
493<!--
494 This is another comment.
495-->
496<p>Code block:</p>
497<pre><code>&lt;!-- Comment --&gt;</code></pre>
498<p>Just plain comment, with trailing spaces on the line:</p>
499<!-- foo -->
500<p>Code:</p>
501<pre><code>&lt;hr /&gt;</code></pre>
502<p>Hr’s:</p>
503<hr>
504<hr />
505<hr />
506<hr>
507<hr />
508<hr />
509<hr class="foo" id="bar" />
510<hr class="foo" id="bar" />
511<hr class="foo" id="bar">
512<hr />
513<h1 id="inline-markup">Inline Markup</h1>
514<p>This is <em>emphasized</em>, and so <em>is this</em>.</p>
515<p>This is <strong>strong</strong>, and so <strong>is this</strong>.</p>
516<p>An <em><a href="/url">emphasized link</a></em>.</p>
517<p><strong><em>This is strong and em.</em></strong></p>
518<p>So is <strong><em>this</em></strong> word.</p>
519<p><strong><em>This is strong and em.</em></strong></p>
520<p>So is <strong><em>this</em></strong> word.</p>
521<p>This is code: <code>&gt;</code>, <code>$</code>, <code>\</code>, <code>\$</code>, <code>&lt;html&gt;</code>.</p>
522<p><del>This is <em>strikeout</em>.</del></p>
523<p>Superscripts: a<sup>bc</sup>d a<sup><em>hello</em></sup> a<sup>hello there</sup>.</p>
524<p>Subscripts: H<sub>2</sub>O, H<sub>23</sub>O, H<sub>many of them</sub>O.</p>
525<p>These should not be superscripts or subscripts, because of the unescaped spaces: a^b c^d, a~b c~d.</p>
526<hr />
527<h1 id="smart-quotes-ellipses-dashes">Smart quotes, ellipses, dashes</h1>
528<p>“Hello,” said the spider. “‘Shelob’ is my name.”</p>
529<p>‘A’, ‘B’, and ‘C’ are letters.</p>
530<p>‘Oak,’ ‘elm,’ and ‘beech’ are names of trees. So is ‘pine.’</p>
531<p>‘He said, “I want to go.”’ Were you alive in the 70’s?</p>
532<p>Here is some quoted ‘<code>code</code>’ and a “<a href="http://example.com/?foo=1&amp;bar=2">quoted link</a>”.</p>
533<p>Some dashes: one—two — three—four — five.</p>
534<p>Dashes between numbers: 5–7, 255–66, 1987–1999.</p>
535<p>Ellipses…and…and….</p>
536<hr />
537<h1 id="latex">LaTeX</h1>
538<ul>
539<li></li>
540<li><span class="math inline">2 + 2 = 4</span></li>
541<li><span class="math inline"><em>x</em> ∈ <em>y</em></span></li>
542<li><span class="math inline"><em>α</em> ∧ <em>ω</em></span></li>
543<li><span class="math inline">223</span></li>
544<li><span class="math inline"><em>p</em></span>-Tree</li>
545<li>Here’s some display math: <span class="math display">$$\frac{d}{dx}f(x)=\lim_{h\to 0}\frac{f(x+h)-f(x)}{h}$$</span></li>
546<li>Here’s one that has a line break in it: <span class="math inline"><em>α</em> + <em>ω</em> × <em>x</em><sup>2</sup></span>.</li>
547</ul>
548<p>These shouldn’t be math:</p>
549<ul>
550<li>To get the famous equation, write <code>$e = mc^2$</code>.</li>
551<li>$22,000 is a <em>lot</em> of money. So is $34,000. (It worked if “lot” is emphasized.)</li>
552<li>Shoes ($20) and socks ($5).</li>
553<li>Escaped <code>$</code>: $73 <em>this should be emphasized</em> 23$.</li>
554</ul>
555<p>Here’s a LaTeX table:</p>
556<hr />
557<h1 id="special-characters">Special Characters</h1>
558<p>Here is some unicode:</p>
559<ul>
560<li>I hat: Î</li>
561<li>o umlaut: ö</li>
562<li>section: §</li>
563<li>set membership: ∈</li>
564<li>copyright: ©</li>
565</ul>
566<p>AT&amp;T has an ampersand in their name.</p>
567<p>AT&amp;T is another way to write it.</p>
568<p>This &amp; that.</p>
569<p>4 &lt; 5.</p>
570<p>6 &gt; 5.</p>
571<p>Backslash: \</p>
572<p>Backtick: `</p>
573<p>Asterisk: *</p>
574<p>Underscore: _</p>
575<p>Left brace: {</p>
576<p>Right brace: }</p>
577<p>Left bracket: [</p>
578<p>Right bracket: ]</p>
579<p>Left paren: (</p>
580<p>Right paren: )</p>
581<p>Greater-than: &gt;</p>
582<p>Hash: #</p>
583<p>Period: .</p>
584<p>Bang: !</p>
585<p>Plus: +</p>
586<p>Minus: -</p>
587<hr />
588<h1 id="links">Links</h1>
589<h2 id="explicit">Explicit</h2>
590<p>Just a <a href="/url/">URL</a>.</p>
591<p><a href="/url/" title="title">URL and title</a>.</p>
592<p><a href="/url/" title="title preceded by two spaces">URL and title</a>.</p>
593<p><a href="/url/" title="title preceded by a tab">URL and title</a>.</p>
594<p><a href="/url/" title="title with &quot;quotes&quot; in it">URL and title</a></p>
595<p><a href="/url/" title="title with single quotes">URL and title</a></p>
596<p><a href="/url/with_underscore">with_underscore</a></p>
597<p><a href="mailto:nobody@nowhere.net">Email link</a></p>
598<p><a href="">Empty</a>.</p>
599<h2 id="reference">Reference</h2>
600<p>Foo <a href="/url/">bar</a>.</p>
601<p>With <a href="/url/">embedded [brackets]</a>.</p>
602<p><a href="/url/">b</a> by itself should be a link.</p>
603<p>Indented <a href="/url">once</a>.</p>
604<p>Indented <a href="/url">twice</a>.</p>
605<p>Indented <a href="/url">thrice</a>.</p>
606<p>This should [not][] be a link.</p>
607<pre><code>[not]: /url</code></pre>
608<p>Foo <a href="/url/" title="Title with &quot;quotes&quot; inside">bar</a>.</p>
609<p>Foo <a href="/url/" title="Title with &quot;quote&quot; inside">biz</a>.</p>
610<h2 id="with-ampersands">With ampersands</h2>
611<p>Here’s a <a href="http://example.com/?foo=1&amp;bar=2">link with an ampersand in the URL</a>.</p>
612<p>Here’s a link with an amersand in the link text: <a href="http://att.com/" title="AT&amp;T">AT&amp;T</a>.</p>
613<p>Here’s an <a href="/script?foo=1&amp;bar=2">inline link</a>.</p>
614<p>Here’s an <a href="/script?foo=1&amp;bar=2">inline link in pointy braces</a>.</p>
615<h2 id="autolinks">Autolinks</h2>
616<p>With an ampersand: <a href="http://example.com/?foo=1&amp;bar=2" class="uri">http://example.com/?foo=1&amp;bar=2</a></p>
617<ul>
618<li>In a list?</li>
619<li><a href="http://example.com/" class="uri">http://example.com/</a></li>
620<li>It should.</li>
621</ul>
622<p>An e-mail address: <a href="mailto:nobody@nowhere.net" class="email">nobody@nowhere.net</a></p>
623<blockquote>
624<p>Blockquoted: <a href="http://example.com/" class="uri">http://example.com/</a></p>
625</blockquote>
626<p>Auto-links should not occur here: <code>&lt;http://example.com/&gt;</code></p>
627<pre><code>or here: &lt;http://example.com/&gt;</code></pre>
628<hr />
629<h1 id="images">Images</h1>
630<p>From “Voyage dans la Lune” by Georges Melies (1902):</p>
631<figure>
632<img src="lalune.jpg" title="Voyage dans la Lune" alt="lalune" /><figcaption aria-hidden="true">lalune</figcaption>
633</figure>
634<p>Here is a movie <img src="movie.jpg" alt="movie" /> icon.</p>
635<hr />
636<h1 id="footnotes">Footnotes</h1>
637<p>Here is a footnote reference,<a href="#fn1" class="footnote-ref" id="fnref1" role="doc-noteref"><sup>1</sup></a> and another.<a href="#fn2" class="footnote-ref" id="fnref2" role="doc-noteref"><sup>2</sup></a> This should <em>not</em> be a footnote reference, because it contains a space.[^my note] Here is an inline note.<a href="#fn3" class="footnote-ref" id="fnref3" role="doc-noteref"><sup>3</sup></a></p>
638<blockquote>
639<p>Notes can go in quotes.<a href="#fn4" class="footnote-ref" id="fnref4" role="doc-noteref"><sup>4</sup></a></p>
640</blockquote>
641<ol type="1">
642<li>And in list items.<a href="#fn5" class="footnote-ref" id="fnref5" role="doc-noteref"><sup>5</sup></a></li>
643</ol>
644<p>This paragraph should not be part of the note, as it is not indented.</p>
645<section class="footnotes" role="doc-endnotes">
646<hr />
647<ol>
648<li id="fn1" role="doc-endnote"><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="footnote-back" role="doc-backlink">↩︎</a></p></li>
649<li id="fn2" role="doc-endnote"><p>Here’s the long note. This one contains multiple blocks.</p>
650<p>Subsequent blocks are indented to show that they belong to the footnote (as with list items).</p>
651<pre><code> { &lt;code&gt; }</code></pre>
652<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="footnote-back" role="doc-backlink">↩︎</a></p></li>
653<li id="fn3" role="doc-endnote"><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="footnote-back" role="doc-backlink">↩︎</a></p></li>
654<li id="fn4" role="doc-endnote"><p>In quote.<a href="#fnref4" class="footnote-back" role="doc-backlink">↩︎</a></p></li>
655<li id="fn5" role="doc-endnote"><p>In list.<a href="#fnref5" class="footnote-back" role="doc-backlink">↩︎</a></p></li>
656</ol>
657</section>
658</body>
659</html>