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