annotate gpp/templates/core/markdown_help.html @ 162:6a5bdcf93ad3

Fix #48; shoutbox was no longer escaping user input on display.
author Brian Neal <bgneal@gmail.com>
date Tue, 22 Dec 2009 03:55:37 +0000
parents ca7d619ee27b
children 9c82c7984884
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@127 20 end a line with two or more spaces.
bgneal@127 21 </pre></td>
bgneal@127 22 <td>
bgneal@127 23 <p>To insert a line break <br />
bgneal@127 24 end a line with two or more spaces.</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@127 33 __bold__</pre></td>
bgneal@127 34 <td><i>italic</i><br />
bgneal@127 35 <i>italic</i><br />
bgneal@127 36 <b>bold</b><br />
bgneal@127 37 <b>bold</b></td>
bgneal@127 38 </tr>
bgneal@127 39 <tr>
bgneal@127 40 <th>Inline links</th>
bgneal@127 41 <td>A link to [Google](http://google.com).</td>
bgneal@127 42 <td>A link to <a href="http://google.com">Google</a>.</td>
bgneal@127 43 </tr>
bgneal@127 44 <tr>
bgneal@127 45 <th>Reference links</th>
bgneal@127 46 <td>A link to [Google][id]. Then anywhere else in the
bgneal@127 47 text, define the link on its own line.<br/>
bgneal@127 48 [id]: http://google.com </td>
bgneal@127 49 <td>A link to <a href="http://google.com">Google</a>. Then
bgneal@127 50 anywhere else in the text, define the link on its own line.</td>
bgneal@127 51 </tr>
bgneal@127 52 <tr>
bgneal@127 53 <th>Inline Images</th>
bgneal@127 54 <td>![alt text](/static/icons/emoticon_smile.png "Smile").</td>
bgneal@127 55 <td><img src="/static/icons/emoticon_smile.png" alt="alt text" title="Smile" /></td>
bgneal@127 56 </tr>
bgneal@127 57 <tr>
bgneal@127 58 <th>Reference Images</th>
bgneal@127 59 <td>![alt text][id]<br />
bgneal@127 60 [id]: /static/icons/emoticon_smile.png "Smile"</td>
bgneal@127 61 </td>
bgneal@127 62 <td><img src="/static/icons/emoticon_smile.png" alt="alt text" title="Smile" /></td>
bgneal@127 63 </tr>
bgneal@127 64 <tr>
bgneal@127 65 <th>Bullet List</th>
bgneal@127 66 <td>
bgneal@127 67 <pre>* One
bgneal@127 68 * Two
bgneal@127 69 * Three</pre></td>
bgneal@127 70 <td>
bgneal@127 71 <ul>
bgneal@127 72 <li>One</li>
bgneal@127 73 <li>Two</li>
bgneal@127 74 <li>Three</li>
bgneal@127 75 </ul>
bgneal@127 76 </td>
bgneal@127 77 </tr>
bgneal@127 78 <tr>
bgneal@127 79 <th>Numbered List</th>
bgneal@127 80 <td>
bgneal@127 81 <pre>1. One
bgneal@127 82 1. Two
bgneal@127 83 1. Three</pre></td>
bgneal@127 84 <td>
bgneal@127 85 <ol>
bgneal@127 86 <li>One</li>
bgneal@127 87 <li>Two</li>
bgneal@127 88 <li>Three</li>
bgneal@127 89 </ol>
bgneal@127 90 </td>
bgneal@127 91 </tr>
bgneal@127 92 <tr>
bgneal@127 93 <th>Blockquotes</th>
bgneal@127 94 <td><pre>John said:
bgneal@127 95 &gt; Email style angle brackets
bgneal@127 96 &gt; are used for quotes.</pre></td>
bgneal@127 97 <td><p>John said:</p>
bgneal@127 98 <blockquote><p>Email-style angle brackets are used for blockquotes.</p></blockquote></td>
bgneal@127 99 </tr>
bgneal@127 100 <tr>
bgneal@127 101 <th>Code Spans</th>
bgneal@127 102 <td><pre>`&lt;code&gt;` spans are delimited by backticks.</pre></td>
bgneal@127 103 <td><p><code>&lt;code&gt;</code> spans are delimited by backticks.</p></td>
bgneal@127 104 </tr>
bgneal@127 105 <tr>
bgneal@127 106 <th>Code Blocks</th>
bgneal@127 107 <td><pre>First insert a blank line.
bgneal@127 108
bgneal@127 109 Then indent every line
bgneal@127 110 of a code block by at least
bgneal@127 111 4 spaces. This is useful to
bgneal@127 112 display tablature.
bgneal@127 113 </pre></td>
bgneal@127 114 <td>
bgneal@127 115 <p>First insert a blank line.</p>
bgneal@127 116
bgneal@127 117 <pre><code>Then indent every line
bgneal@127 118 of a code block by at least
bgneal@127 119 4 spaces. This is useful to
bgneal@127 120 display tablature.
bgneal@127 121 </code></pre>
bgneal@127 122 </td>
bgneal@127 123 </tr>
bgneal@127 124 <tr>
bgneal@127 125 <th>Header 1</th>
bgneal@127 126 <td>
bgneal@127 127 <pre>Header 1
bgneal@127 128 ========
bgneal@127 129 </pre></td>
bgneal@127 130 <td><h1>Header 1</h1></td>
bgneal@127 131 </tr>
bgneal@127 132 <tr>
bgneal@127 133 <th>Header 2</th>
bgneal@127 134 <td>
bgneal@127 135 <pre>Header 2
bgneal@127 136 --------
bgneal@127 137 </pre></td>
bgneal@127 138 <td><h2>Header 2</h2></td>
bgneal@127 139 </tr>
bgneal@127 140 <tr>
bgneal@127 141 <th>Header 1</th>
bgneal@127 142 <td><pre># Header 1</pre></td>
bgneal@127 143 <td><h1>Header 1</h1></td>
bgneal@127 144 </tr>
bgneal@127 145 <tr>
bgneal@127 146 <th>Header 2</th>
bgneal@127 147 <td><pre>## Header 2</pre></td>
bgneal@127 148 <td><h2>Header 2</h2></td>
bgneal@127 149 </tr>
bgneal@127 150 <tr>
bgneal@127 151 <th>Header 3</th>
bgneal@127 152 <td><pre>### Header 3</pre></td>
bgneal@127 153 <td><h3>Header 3</h3></td>
bgneal@127 154 </tr>
bgneal@127 155 <tr>
bgneal@127 156 <th>Header 6</th>
bgneal@127 157 <td><pre>###### Header 6</pre></td>
bgneal@127 158 <td><h6>Header 6</h6></td>
bgneal@127 159 </tr>
bgneal@127 160 </table>
bgneal@127 161 <p>
bgneal@127 162 More help:
bgneal@127 163 </p>
bgneal@127 164 <ul>
bgneal@127 165 <li><a href="http://daringfireball.net/projects/markdown/basics" target="_blank">Markdown Basics</a></li>
bgneal@127 166 <li><a href="http://daringfireball.net/projects/markdown/syntax" target="_blank">Markdown Reference</a></li>
bgneal@127 167 </ul>
bgneal@127 168 <p>Hit <code>ESC</code> or click the <code>X</code> to close this window.</p>