Permalink
Browse files

Initial commit

  • Loading branch information...
edouard committed Dec 29, 2009
0 parents commit 5b480bcdac2b576c788d6bab8dfd5120adf90595
23 LICENCE
@@ -0,0 +1,23 @@
+Copyright (c) 2008 Pete Nicholls
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.
+
@@ -0,0 +1,38 @@
+# Human Markdown Reference
+
+The Human Markdown Reference is a set of short, easy to understand HTML pages you can include in any project that uses Markdown.
+
+Consider this a fork of [Human Markdown Reference](http://github.com/Aupajo/human-Markdown-reference).
+
+*Important:* It's not designed to be a complete reference. Just a quick guide for the layman.
+
+It’s perfect for including as a pop-up help window next to your textarea.
+
+# Example
+
+You can check it live here: https://webtranslateit.com/markdown-reference/
+
+# How To Use
+
+Copy the `markdown-reference/` directory to your project.
+
+Add a help link to the reference:
+
+## HTML Snippet
+
+<pre>
+<code>
+You can format your text using
+<a href="markdown-reference/index.html"
+ onclick="window.open(this.href,'/markdown_reference','height=400,width=600,scrollbars=1'); return false;">Markdown</a>.
+</code>
+</pre>
+
+## Rails Snippet
+
+<pre>
+<code>
+ You can format your text using
+ <%= link_to 'Markdown', '/markdown-reference/index.html', :popup => ['markdown_reference', 'height=400,width=600,scrollbars=1'] %>
+</code>
+</pre>
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,164 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+ <head>
+ <title>Markdown Guide</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <link rel="stylesheet" type="text/css" media="screen" href="stylesheets/markdown-reference.css" />
+ <script type="text/javascript" src="javascripts/jquery-1.2.6.min.js"></script>
+ <script type="text/javascript" src="javascripts/guide.js"></script>
+ </head>
+ <body>
+
+ <h1 id="title">Markdown Guide</h1>
+
+ <h2 class="section-name">Text</h2>
+
+ <div class="section">
+ <table>
+ <tr>
+ <th>Markdown</th>
+ <th>Result</th>
+ </tr>
+ <tr>
+ <td>This text is **bold**.</td>
+ <td>This text is <strong>bold</strong>.</td>
+ </tr>
+ <tr class="alternate">
+ <td>This text is *italicized*.</td>
+ <td>This text is <em>italicized<em>.</td>
+ </tr>
+ <tr>
+ <td>
+ `This is some code.`
+ </td>
+ <td>
+ <code>This is some code.</code>
+ </td>
+ </tr>
+ </table>
+ </div>
+
+ <h2 class="section-name">Headings</h2>
+
+ <div class="section">
+ <table>
+ <tr>
+ <th>Markdown</th>
+ <th>Result</th>
+ </tr>
+ <tr>
+ <td># First Header</td>
+ <td><h1>First Header</h1></td>
+ </tr>
+ <tr class="alternate">
+ <td>## Second Header</td>
+ <td><h2>Second Header</h2></td>
+ </tr>
+ <tr>
+ <td>### Third Header</td>
+ <td><h3>Third Header</h3></td>
+ </tr>
+ </table>
+ </div>
+
+ <h2 class="section-name">Quotes</h2>
+
+ <div class="section">
+ <table>
+ <tr class="alternate">
+ <td>
+ > This is the first level of quoting.<br />
+ >> This is nested blockquote.<br />
+ > Back to the first level.
+ </td>
+ <td>
+ <blockquote>
+ This is the first level of quoting.
+ <blockquote>
+ This is nested blockquote.
+ </blockquote>
+ Back to the first level.
+ </blockquote>
+ </td>
+ </tr>
+ </table>
+ </div>
+
+ <h2 class="section-name">Links and Images</h2>
+
+ <div class="section">
+ <table>
+ <tr>
+ <td>Link to [Google](http://google.com).</td>
+ <td>Link to <a href="http://google.com" target="_blank">Google</a>.</td>
+ </tr>
+ <tr>
+ <td>Send me an email at &lt;address@example.com&gt;.</td>
+ <td>Send me an email at <a href="address@example.com">address@example.com</a>.</td>
+ </tr>
+ <tr>
+ <td>![37signals logo](http://www.37signals.com/images/logo-37signals.png)</td>
+ <td><img src="http://www.37signals.com/images/logo-37signals.png" alt="37signals logo" /></td>
+ </tr>
+ </table>
+ </div>
+
+ <h2 class="section-name">Lists</h2>
+
+ <div class="section">
+ <table>
+ <tr>
+ <th>Markdown</th>
+ <th>Result</th>
+ </tr>
+ <tr>
+ <td>
+ * Milk<br />
+ * Bread<br />
+ * Cheese<br />
+ &nbsp;&nbsp;* Cheddar<br />
+ &nbsp;&nbsp;* Camembert<br />
+ * Rice
+ </td>
+ <td>
+ <ul>
+ <li>Milk</li>
+ <li>Bread</li>
+ <li>Cheese
+ <ul>
+ <li>Cheddar</li>
+ <li>Camembert</li>
+ </ul>
+ </li>
+ <li>Rice</li>
+ </ul>
+ </td>
+ </tr>
+ <tr class="alternate">
+ <td>
+ # Milk<br />
+ # Bread<br />
+ # Cheese<br />
+ &nbsp;&nbsp;# Cheddar<br />
+ &nbsp;&nbsp;# Camembert<br />
+ # Rice
+ </td>
+ <td>
+ <ol>
+ <li>Milk</li>
+ <li>Bread</li>
+ <li>Cheese
+ <ol>
+ <li>Cheddar</li>
+ <li>Camembert</li>
+ </ol>
+ </li>
+ <li>Rice</li>
+ </ol>
+ </td>
+ </tr>
+ </table>
+ </div>
+
+ </body>
+</html>
@@ -0,0 +1,16 @@
+$(window).ready(function() {
+ $('.section-name').each(function(i) {
+ if(i > 0){
+ toggleSection(i);
+ }
+
+ $(this).click(function() {
+ toggleSection(i)
+ });
+ });
+});
+
+function toggleSection(i) {
+ $('.section').slice(i, i + 1).toggle();
+ $('.section-name').slice(i, i + 1).toggleClass('deselected');
+}
Oops, something went wrong.

0 comments on commit 5b480bc

Please sign in to comment.