forked from toland/qlmarkdown
/
sample.xhtml
227 lines (160 loc) · 12.7 KB
/
sample.xhtml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN"
"http://www.w3.org/TR/MathML2/dtd/xhtml-math11-f.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- Processed by MultiMarkdown -->
<meta name="Author" content="Fletcher T. Penney" />
<meta name="BaseHeaderLevel" content="2" />
<link type="text/css" rel="stylesheet" href="styles.css" />
<meta name="Copyright" content="2006-2007 Fletcher T. Penney.
This work is licensed under a Creative Commons License.
http://creativecommons.org/licenses/by-sa/3.0/" />
<meta name="Format" content="complete" />
<meta name="Keywords" content="MultiMarkdown, Markdown, XML, XHTML, XSLT, PDF," />
<meta name="LaTeXXSLT" content="article.xslt" />
<title>Sample MultiMarkdown Document</title>
<meta name="XMP" content="CCAttributionShareAlike" />
</head>
<body>
<h2 id="introduction">Introduction</h2>
<p>As I add increasing numbers of features to MultiMarkdown, I decided it was time to create a sample document to show them off. Many of the features are demonstrated in the <a href="http://fletcher.freeshell.org/wiki/MultiMarkdown" title="MultiMarkdown Readme">MultiMarkdown Readme</a>, but some are not.</p>
<p>Additionally, it’s easy for those features to get lost within all of the technical documentation. This document is designed to <em>demonstrate</em>, not describe, most of the features of MultiMarkdown.</p>
<h2 id="howtousethisdocument">How to Use This Document</h2>
<p>I suggest comparing the raw text source with the various final outputs (e.g. PDF, XHTML, LaTeX, RTF) in order to see what can be accomplished. There will be many similarities between output formats, but also a few differences. Tables will end up in different places. Paragraphs won’t break in the same way. But these differences are superficial and are a result of trying to optimize each format, without regard to identical output across formats (which would be virtually impossible).</p>
<p>Remember, the main goal of Markdown\MultiMarkdown is to allow you to create a document in plain text, with minimal distraction from markup, that can be transformed into a variety of high quality outputs. Or, to quote John Gruber:</p>
<blockquote>
<p>The overriding design goal for Markdown’s formatting syntax is to make it as readable as possible. The idea is that a Markdown-formatted document should be publishable as-is, as plain text, without looking like it’s been marked up with tags or formatting instructions. While Markdown’s syntax has been influenced by several existing text-to-HTML filters, the single biggest source of inspiration for Markdown’s syntax is the format of plain text email.<span class="markdowncitation"> (<a href="#Gruber">1</a>)</span></p>
</blockquote>
<h2 id="wherecanigetacopy">Where Can I Get a Copy?</h2>
<p>You can download a zipfile containing multiple formats of this document:</p>
<ul>
<li><a href="http://files.fletcherpenney.net/SampleMultiMarkdownDocument.zip">Sample MultiMarkdown Document</a></li>
</ul>
<p>This file includes:</p>
<ul>
<li>The Scrivener source file</li>
<li>A plain text file in MultiMarkdown format</li>
<li>An XHTML file</li>
<li>A PDF</li>
<li>An RTF</li>
</ul>
<p>All files were generated automatically from the MultiMarkdown source document.</p>
<h2 id="sowhatcanthisdocumentdemonstrate">So, What Can This Document Demonstrate?</h2>
<h3 id="metadata">Metadata</h3>
<p>First, take a look at the overall structure of the document. At the very beginning is metadata, including a title, author, keywords, copyright information, etc. Where possible, this metadata is put to appropriate use, otherwise it is stored in a format designed to be easily read and minimally distracting:</p>
<ul>
<li><p>In plain text and XHTML snippets<a href="#fn:snippets" id="fnref:snippets" class="footnote">1</a>, it is located at the top of the document.</p></li>
<li><p>In a full XHTML document, is located in the <code><head></code> section, and the title and CSS metadata, if present, are used appropriately. </p></li>
<li><p>In a PDF generated from my XSLT files, metadata is used to generate the appropriate fields (title, author, keywords) in the PDF itself. Some PDF readers will let you examine this data. Additionally, the title, subtitle, author, and copyright are placed at the beginning of the document.</p></li>
<li><p>In a Scrivener document, you can put the metadata in the first File in the Binder, but the preferred location is in the “MultiMarkdown Settings…” pane (in the File Menu.)</p></li>
</ul>
<p>There are a lot of standard metadata keys that can be used, or you can create your own and use them as you see fit. Definitely a powerful feature.</p>
<h3 id="structure">Structure</h3>
<p>The next thing to look at is the overall structure of the document. You can visualize a Markdown document as an outline, with different sections and different levels within those sections. Based on your output format, these can be used to generate headers, or sections, or even chapters. It’s all based on what tools you use to process the XHTML output.</p>
<p>Even within the XHTML document, however, you can make use of this structure to allow easy navigation within the document. You can link directly to the <a href="#introduction" title="Introduction">Introduction</a>, for instance. And if you are creating a PDF, it will contain a hierarchy of section names that you can use to allow easy navigation, if your PDF reader supports this function.</p>
<h3 id="footnotes">Footnotes</h3>
<p>Footnotes are very easy to implement in MultiMarkdown, as described in the MultiMarkdown Syntax Guide.<a href="#fn:somesamplefootnote" id="fnref:somesamplefootnote" class="footnote">2</a></p>
<h3 id="tables">Tables</h3>
<p>Tables can be quite useful for showing data in a meaningful way. As an example, here is a table comparing <a href="#multimarkdownvs.crayons" title="MultiMarkdown vs. Crayons">MultiMarkdown vs. Crayons</a>.</p>
<table>
<caption id="multimarkdownvs.crayons">MultiMarkdown vs. Crayons</caption>
<col />
<col align="center" />
<col align="center" />
<thead>
<tr>
<th>Features</th>
<th>MultiMarkdown</th>
<th>Crayons</th>
</tr>
</thead>
<tbody>
<tr>
<td>Melts in warm places</td>
<td align="center">No</td>
<td align="center">Yes</td>
</tr>
<tr>
<td>Mistakes can be easily fixed</td>
<td align="center">Yes</td>
<td align="center">No</td>
</tr>
<tr>
<td>Easy to copy documents for friends</td>
<td align="center">Yes</td>
<td align="center">No</td>
</tr>
<tr>
<td>Fun at parties</td>
<td align="center">No<a href="#fn:parties" id="fnref:parties" class="footnote">3</a></td>
<td align="center">Why not?</td>
</tr>
</tbody>
<tbody>
<tr>
<td>Minimum markup for maximum quality?</td>
<td align="center">Yes</td>
<td align="center">No</td>
</tr>
</tbody>
</table>
<h3 id="typographicalconventions">Typographical conventions</h3>
<p>By incorporating John Gruber’s <a href="http://daringfireball.net/projects/smartypants/">SmartyPants</a> program into your workflow, you can generate more “correct” typographic punction in your XHTML pages, and in your LaTeX source if you are generating PDF’s—this includes en and em dashes, and ellipses….</p>
<p>Very nice when you want to focus on writing, not grammar.</p>
<h3 id="imagesupport">Image Support</h3>
<p>If you choose to incorporate images in your documents, this can be easily done as well. MultiMarkdown makes it easier to link to images and include various attributes.</p>
<p>As an example, here is an image from my website—<a href="#nautilusstar">Nautilus Star</a>. If you have a local copy of the image, you can include the image in a pdf.</p>
<p><img id="nautilusstar" src="Nautilus_Star.png" alt="Nautilus Star" title="Nautilus Star" width="307px" height="250px" /></p>
<h3 id="bibliographysupport">Bibliography Support</h3>
<p>MultiMarkdown offers several mechanisms for managing bibliographies. It has built-in support for basic citation and bibliography management and formatting, or you can rely on external tools to handle this for you. There aren’t many citations in this document, but I think it gets the point across.<span class="markdowncitation"> (<a href="#fake">2</a>, <span class="locator">p. 42</span>)</span></p>
<h3 id="glossarysupport">Glossary Support</h3>
<p>MultiMarkdown has a special format for footnotes that should represent glossary terms. This doesn’t make much difference in XHTML (because there is no such thing as a glossary in XHTML), but can be used to generate a glossary within LaTeX documents.</p>
<p>For example, let’s have an entry for <code>glossary</code>.<a href="#fn:glossary" id="fnref:glossary" class="footnote">4</a> And what about ampersands?<a href="#fn:amp" id="fnref:amp" class="footnote">5</a></p>
<p>Since we want the ampersand entry to be sorted with the a’s, and not with symbols, we put in the optional sort key <code>ampersand</code> to control sorting.</p>
<pre><code>[^glossary]: glossary: Glossary
A section at the end ...
[^amp]: glossary: & (ampersand)
A punctuation mark ...</code></pre>
<h3 id="mathsupport">Math Support</h3>
<p>It’s pretty easy to include mathematical equations:</p>
<p><math xmlns="http://www.w3.org/1998/Math/MathML" id="eulersidentity" display="block"><mstyle><msup><mi>e</mi><mrow><mi>i</mi><mi>π</mi></mrow></msup><mo>+</mo><mn>1</mn><mo>=</mo><mn>0</mn></mstyle></math></p>
<p><math xmlns="http://www.w3.org/1998/Math/MathML" id="quadraticequationsolution" display="block"><mstyle><msub><mi>x</mi><mrow><mn>1</mn><mo>,</mo><mn>2</mn></mrow></msub><mo>=</mo><mfrac><mrow><mo>-</mo><mi>b</mi><mo>±</mo><msqrt><mrow><msup><mi>b</mi><mn>2</mn></msup><mo>-</mo><mn>4</mn><mi>a</mi><mi>c</mi></mrow></msqrt></mrow><mrow><mn>2</mn><mi>a</mi></mrow></mfrac></mstyle></math></p>
<p>You can also include formulas within a sentence, such as
<math xmlns="http://www.w3.org/1998/Math/MathML"><mstyle><msup><mi>x</mi><mn>2</mn></msup><mo>+</mo><msup><mi>y</mi><mn>2</mn></msup><mo>=</mo><mn>1</mn></mstyle></math>.</p>
<h2 id="nowwhat">Now What?</h2>
<p>Get out there and try it. Let me know what you think. Let me know what doesn’t work. Let me know what you think is missing.</p>
<p>In other words, help me make it better!</p>
<p>You can get more information on my web site:</p>
<ul>
<li><a href="http://fletcherpenney.net/MultiMarkdown">http://fletcherpenney.net/MultiMarkdown</a></li>
</ul>
<p>You can also:</p>
<ul>
<li><p>Email me: <br />
<a href="mailto:fletcher@fletcherpenney.net">fletcher@fletcherpenney.net</a></p></li>
<li><p>Join the MultiMarkdown discussion list: <br />
<a href="http://groups.google.com/group/multimarkdown">http://groups.google.com/group/multimarkdown</a></p></li>
<li><p>Join the Markdown discussion list: <br />
<a href="http://six.pairlist.net/mailman/listinfo/markdown-discuss">http://six.pairlist.net/mailman/listinfo/markdown-discuss</a></p></li>
</ul>
<div class="footnotes">
<hr />
<ol>
<li id="fn:snippets"><p>An XHTML snippet is my terminology for XHTML code that does not include the <code><html></code>, <code><head></code>, and <code><body></code> tags. Most browsers will display it properly, but it is not a complete XHTML document. Without a <code><head></code> section there is nowhere to put metadata(e.g. there is no <code><title></code>).<a href="#fnref:snippets" class="reversefootnote"> ↩</a></p></li>
<li id="fn:somesamplefootnote"><p>Here is the text of the footnote itself.<a href="#fnref:somesamplefootnote" class="reversefootnote"> ↩</a></p></li>
<li id="fn:parties"><p>I guess it depends on what kind of parties you go to…<a href="#fnref:parties" class="reversefootnote"> ↩</a></p></li>
<li id="fn:glossary"><p>glossary: Glossary
A section at the end …<a href="#fnref:glossary" class="reversefootnote"> ↩</a></p></li>
<li id="fn:amp"><p>glossary: & (ampersand)
A punctuation mark …<a href="#fnref:amp" class="reversefootnote"> ↩</a></p></li>
</ol>
</div>
<div class="bibliography">
<hr />
<p>Bibliography</p>
<div id="Gruber"><p>[1] <span class="item">John Gruber. Daring Fireball: Markdown. [Cited January 2006]. Available from <a href="http://daringfireball.net/projects/markdown/">http://daringfireball.net/projects/markdown/</a>.</span></p></div>
<div id="fake"><p>[2] <span class="item">John Doe. <em>A Totally Fake Book</em>. Vanity Press, 2006.</span></p></div>
</div>
</body>
</html>