annotate gpp/templates/core/markdown_help.html @ 449:cb33b90d5596

Template touch-up for #219.
author Brian Neal <bgneal@gmail.com>
date Sat, 25 Jun 2011 23:32:52 +0000
parents 1688873085e0
children
rev   line source
bgneal@158 1 <p>Hit <code>ESC</code> or click the <code>X</code> to close this window.</p>
bgneal@158 2 <table class="grid">
bgneal@127 3 <tr><th>&nbsp;</th><th>Type This</th><th>To See This</th></tr>
bgneal@127 4 <tr>
bgneal@127 5 <th>Paragrahs</th>
bgneal@127 6 <td>
bgneal@127 7 <pre>Paragraphs must be separated by a blank line.
bgneal@127 8
bgneal@127 9 Here is another paragraph.
bgneal@127 10 </pre></td>
bgneal@127 11 <td>
bgneal@127 12 <p>Paragraphs must be separated by a blank line.</p>
bgneal@127 13 <p>Here is another paragraph.</p>
bgneal@127 14 </td>
bgneal@127 15 </tr>
bgneal@127 16 <tr>
bgneal@127 17 <th>Manual Line Breaks</th>
bgneal@127 18 <td>
bgneal@127 19 <pre>To insert a line break
bgneal@369 20 just type return.
bgneal@127 21 </pre></td>
bgneal@127 22 <td>
bgneal@127 23 <p>To insert a line break <br />
bgneal@369 24 just type return.</p>
bgneal@127 25 </td>
bgneal@127 26 </tr>
bgneal@127 27 <tr>
bgneal@127 28 <th>Emphasis</th>
bgneal@127 29 <td>
bgneal@127 30 <pre>*italic*
bgneal@127 31 _italic_
bgneal@127 32 **bold**
bgneal@369 33 __bold__
bgneal@369 34 ***bold and italic***
bgneal@369 35 ___bold and italic___
bgneal@369 36 </pre></td>
bgneal@127 37 <td><i>italic</i><br />
bgneal@127 38 <i>italic</i><br />
bgneal@127 39 <b>bold</b><br />
bgneal@369 40 <b>bold</b><br />
bgneal@369 41 <b><i>bold and italic</i></b><br />
bgneal@369 42 <b><i>bold and italic</i></b>
bgneal@369 43 </td>
bgneal@127 44 </tr>
bgneal@127 45 <tr>
bgneal@127 46 <th>Inline links</th>
bgneal@127 47 <td>A link to [Google](http://google.com).</td>
bgneal@127 48 <td>A link to <a href="http://google.com">Google</a>.</td>
bgneal@127 49 </tr>
bgneal@127 50 <tr>
bgneal@127 51 <th>Reference links</th>
bgneal@127 52 <td>A link to [Google][id]. Then anywhere else in the
bgneal@127 53 text, define the link on its own line.<br/>
bgneal@127 54 [id]: http://google.com </td>
bgneal@127 55 <td>A link to <a href="http://google.com">Google</a>. Then
bgneal@127 56 anywhere else in the text, define the link on its own line.</td>
bgneal@127 57 </tr>
bgneal@127 58 <tr>
bgneal@127 59 <th>Inline Images</th>
bgneal@256 60 <td>![alt text](http://example.com/smile.jpg "Smile").</td>
bgneal@351 61 <td><img src="/static/icons/emoticon_smile.png" alt="alt text" title="Smile" /></td>
bgneal@127 62 </tr>
bgneal@127 63 <tr>
bgneal@127 64 <th>Reference Images</th>
bgneal@127 65 <td>![alt text][id]<br />
bgneal@256 66 [id]: http://example.com/smile.jpg "Smile"</td>
bgneal@127 67 </td>
bgneal@351 68 <td><img src="/static/icons/emoticon_smile.png" alt="alt text" title="Smile" /></td>
bgneal@127 69 </tr>
bgneal@127 70 <tr>
bgneal@127 71 <th>Bullet List</th>
bgneal@127 72 <td>
bgneal@127 73 <pre>* One
bgneal@127 74 * Two
bgneal@127 75 * Three</pre></td>
bgneal@127 76 <td>
bgneal@127 77 <ul>
bgneal@127 78 <li>One</li>
bgneal@127 79 <li>Two</li>
bgneal@127 80 <li>Three</li>
bgneal@127 81 </ul>
bgneal@127 82 </td>
bgneal@127 83 </tr>
bgneal@127 84 <tr>
bgneal@127 85 <th>Numbered List</th>
bgneal@127 86 <td>
bgneal@127 87 <pre>1. One
bgneal@127 88 1. Two
bgneal@127 89 1. Three</pre></td>
bgneal@127 90 <td>
bgneal@127 91 <ol>
bgneal@127 92 <li>One</li>
bgneal@127 93 <li>Two</li>
bgneal@127 94 <li>Three</li>
bgneal@127 95 </ol>
bgneal@127 96 </td>
bgneal@127 97 </tr>
bgneal@127 98 <tr>
bgneal@127 99 <th>Blockquotes</th>
bgneal@127 100 <td><pre>John said:
bgneal@127 101 &gt; Email style angle brackets
bgneal@127 102 &gt; are used for quotes.</pre></td>
bgneal@127 103 <td><p>John said:</p>
bgneal@127 104 <blockquote><p>Email-style angle brackets are used for blockquotes.</p></blockquote></td>
bgneal@127 105 </tr>
bgneal@127 106 <tr>
bgneal@127 107 <th>Code Spans</th>
bgneal@127 108 <td><pre>`&lt;code&gt;` spans are delimited by backticks.</pre></td>
bgneal@127 109 <td><p><code>&lt;code&gt;</code> spans are delimited by backticks.</p></td>
bgneal@127 110 </tr>
bgneal@127 111 <tr>
bgneal@127 112 <th>Code Blocks</th>
bgneal@127 113 <td><pre>First insert a blank line.
bgneal@127 114
bgneal@127 115 Then indent every line
bgneal@127 116 of a code block by at least
bgneal@127 117 4 spaces. This is useful to
bgneal@127 118 display tablature.
bgneal@127 119 </pre></td>
bgneal@127 120 <td>
bgneal@127 121 <p>First insert a blank line.</p>
bgneal@127 122
bgneal@127 123 <pre><code>Then indent every line
bgneal@127 124 of a code block by at least
bgneal@127 125 4 spaces. This is useful to
bgneal@127 126 display tablature.
bgneal@127 127 </code></pre>
bgneal@127 128 </td>
bgneal@127 129 </tr>
bgneal@127 130 <tr>
bgneal@127 131 <th>Header 1</th>
bgneal@127 132 <td>
bgneal@127 133 <pre>Header 1
bgneal@127 134 ========
bgneal@127 135 </pre></td>
bgneal@127 136 <td><h1>Header 1</h1></td>
bgneal@127 137 </tr>
bgneal@127 138 <tr>
bgneal@127 139 <th>Header 2</th>
bgneal@127 140 <td>
bgneal@127 141 <pre>Header 2
bgneal@127 142 --------
bgneal@127 143 </pre></td>
bgneal@127 144 <td><h2>Header 2</h2></td>
bgneal@127 145 </tr>
bgneal@127 146 <tr>
bgneal@127 147 <th>Header 1</th>
bgneal@127 148 <td><pre># Header 1</pre></td>
bgneal@127 149 <td><h1>Header 1</h1></td>
bgneal@127 150 </tr>
bgneal@127 151 <tr>
bgneal@127 152 <th>Header 2</th>
bgneal@127 153 <td><pre>## Header 2</pre></td>
bgneal@127 154 <td><h2>Header 2</h2></td>
bgneal@127 155 </tr>
bgneal@127 156 <tr>
bgneal@127 157 <th>Header 3</th>
bgneal@127 158 <td><pre>### Header 3</pre></td>
bgneal@127 159 <td><h3>Header 3</h3></td>
bgneal@127 160 </tr>
bgneal@127 161 <tr>
bgneal@127 162 <th>Header 6</th>
bgneal@127 163 <td><pre>###### Header 6</pre></td>
bgneal@127 164 <td><h6>Header 6</h6></td>
bgneal@127 165 </tr>
bgneal@356 166 <tr>
bgneal@356 167 <th>Strikethrough</th>
bgneal@369 168 <td><pre>---This text is deleted---</pre></td>
bgneal@356 169 <td><del>This text is deleted</del></td>
bgneal@356 170 </tr>
bgneal@127 171 </table>
bgneal@127 172 <p>
bgneal@127 173 More help:
bgneal@127 174 </p>
bgneal@127 175 <ul>
bgneal@127 176 <li><a href="http://daringfireball.net/projects/markdown/basics" target="_blank">Markdown Basics</a></li>
bgneal@127 177 <li><a href="http://daringfireball.net/projects/markdown/syntax" target="_blank">Markdown Reference</a></li>
bgneal@127 178 </ul>
bgneal@127 179 <p>Hit <code>ESC</code> or click the <code>X</code> to close this window.</p>