zulip/templates/zephyr/markdown_help.html

<div class="modal hide" id="markdown-help" tabindex="-1" role="dialog"
     aria-labelledby="markdown-help-label" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="markdown-help-label">Message formatting</h3>
  </div>
  <div class="modal-body">
    <div id="markdown-instructions">
      <table class="table table-striped table-condensed table-rounded table-bordered" id="fmt_help_table">
        <thead><tr>
          <th>You type</th>
          <th>You get</th>
        </tr></thead>

        <tbody>
        <tr>
          <td>**bold**</td>
          <td><b>bold</b></td>
        </tr>
        <tr>
          <td>[Zulip](http://zulip.com)</td>
          <td><a href="http://zulip.com" target="_blank">Zulip</a></td>
        </tr>
        <tr>
          <td>* Archimedes<br/>
            * Bohr<br/>
            * Curie
          </td>
          <td>
            <ul>
              <li>Archimedes</li>
              <li>Bohr</li>
              <li>Curie</li>
            </ul>
          </td>
        </tr>
        <tr>
          <td>&gt; Quoted</td>
          <td><blockquote>Quoted</blockquote></td>

        </tr>
        <tr>
          <td>Some inline `code`</td>
          <td>Some inline <code>code</code></td>
        </tr>
        <tr>
          <td class="preserve_spaces">~~~
def zulip():
    print "Zulip"
~~~</td>
          <td><pre>def zulip():
    print "Zulip"</pre></td>
        </tr>
        <tr>
          <td class="preserve_spaces">~~~ .py
def zulip():
    print "Zulip"
~~~</td>
          <td>
            <div class="codehilite"><pre><span class="k">def</span> <span class="nf">zulip</span><span class="p">():</span>
    <span class="k">print</span> <span class="s">"Zulip"</span></pre></div>
          </td>
        </tr>
        <tr>
          <td colspan="2">You can also make a code block by indenting each line with 4 spaces.</td>
        </tr>
        <tr>
          <td>:heart: (and <a href="http://www.emoji-cheat-sheet.com/" target="_blank">many others</a>)</td>
          <td><img alt=":heart:" class="emoji" src="static/third/gemoji/images/emoji/heart.png" title=":heart:"></td>
        </tr>
        <tr>
          <td>@**Joe Smith**<br/>
            (autocompletes from @joe)</td>
          <td><span class="user-mention">@Joe Smith</span><br/>
            (notifies Joe Smith)</td>
        </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="modal-footer">
    <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">Close</button>
  </div>
</div>