Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
171 lines (138 sloc) 4.97 KB
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>ReMarkdown: full list of styles</title>
<link rel="stylesheet" href="http://covertprestige.info/css/remarkdown/remarkdown.css">
</head>
<body class="rmd-on">
<h1 class="rmd-underline">
Sampler page for ReMarkdown styles
</h1>
<hr>
<h1>H1 title with default style</h1>
<h2>H2 title with default style</h2>
<h1 class="rmd-underline">
Underlined H1 title | <code>rmd-h1-underline</code>
</h1>
<h1 class="rmd-uppercase">
Uppercase H1 title | <code>rmd-h1-uppercase</code>
</h1>
<h2 class="rmd-underline">
Underlined H2 title | <code>rmd-h2-underline</code>
</h2>
<p>Look, a horizontal rule!</p>
<hr>
<p>This HR uses the default asterisks and left alignment. The next one uses
the <code>rmd-hr-center</code> and <code>rmd-hr-minus</code> classes.</p>
<hr class="rmd-center rmd-minus">
<ul>
<li>Simple UL list<br>
First element</li>
<li>Second element</li>
<li>Third element</li>
</ul>
<ul class="rmd-plus">
<li><p>Simple UL list with paragraphs inside items.<br>
Also, we switched to plus signs for bullets | <code>rmd-ul-plus</code></p></li>
<li><p>More paragraphs.</p></li>
<li><p>MOAR</p></li>
</ul>
<ul class="rmd-minus">
<li>Want hyphens for bullets?</li>
<li>Use <code>rmd-ul-minus</code></li>
</ul>
<ol>
<li>Simple OL list<br>
First element</li>
<li>Second element</li>
<li>Third element</li>
</ol>
<ul>
<li>Imbricated lists!</li>
<li>Here comes a new list:
<ol>
<li>Step One</li>
<li>Step Two</li>
<li>Step Three</li>
<li>
<ul class="rmd-plus">
<li>A Brand New Level of Awesome!</li>
<li>(Switch to different bullet style is manual though.)</li>
</ul>
</ol>
</li>
</ul>
<hr class="rmd-center">
<p>Quotes are nice. And this flim is great.</p>
<blockquote>
<p>Je me permets d’interrompre ce flim parce qu’on se fout un peu de ma
gueule. C’est du vol et du plagiat. J’aime pas trop les voleurs et les
fils de pute.</p>
<p>Dans ce film le héros meurt au début et des journalistes décident
d’enquêter sur ses dernières paroles, comme dans <cite>Citizen Kane</cite>.
J’appelle ça du plagiat.</p>
<p>— Orson Welles, in <cite>La Classe américaine</cite></p>
</blockquote>
<p>Quotes in quotes in quotes?</p>
<p>Dan wrote:</p>
<blockquote>
<p>Bob wrote:</p>
<blockquote>
<p>Sandy wrote:</p>
<blockquote>
<p>What the hell is this movie?</p>
</blockquote>
<p>A lot of nonsense.</p>
</blockquote>
<p>What? It makes perfect sense. Get a grip, Bob.</p>
</blockquote>
<p>Thanks, Dan.</p>
<hr class="rmd-center">
<p>Take a look at the <em>EM</em> and <strong>STRONG</strong> elements.<br>
There are <em class="rmd-underscore">alternative styles</em> with the
<code>rmd-em-underscore</code> and <code>rmd-strong-underscore</code>
<strong class="rmd-underscore">classes</strong>.</p>
<p>CODE elements show up as <code>some code</code>. They’re used all over
this page so you’re bound to have seen them already.</p>
<hr class="rmd-center">
<p>Of course you can have <a href="http://example.org/">links</a>. They show
up as normal HTML links by default. There’s an <a href="page/does/not/exist"
class="rmd-bracket">alternative style</a> which adds square brackets, using
the <code>rmd-link-bracket</code> class. But feel free to customize.</p>
<p class="rmd-a-showurl">Thanks to the <code>rmd-a-showurl</code> class, URLs
of links in this paragraph are shown (and will be printed) next to the link
text, mimicking the classic Markdown syntax: <a href="#lol">Link A</a> and
<a href="internal/link/">link B</a> and
<a href="http://www.example.org/">link C</a>.</p>
<p class="rmd-a-printurl">This paragraph is similar, except we’re using the
<code>rmd-a-printurl</code> class, so URLs will be printed next to links but
not shown on screen. See <a href="#lol">link A</a> and
<a href="internal/link/">link B</a> and
<a href="http://www.example.org/">link C</a>.</p>
<div class="rmd-a-printref">
<p>While URLs of links in this section will be printed as references at
the end of the section: <a href="#lol">Link A</a> and
<a href="internal/link/">link B</a> and
<a href="http://www.example.org/">link C</a>.</p>
<p>Note that in-page links and obvious mailto links (such as
<a href="mailto:lol@what.com">lol@what.com</a>) will not be printed, but
non-obvious <a href="mailto:what@lol.com">email links</a> will; also,
internal links will be resolved as full URLs.</p>
</div>
<hr class="rmd-center">
<pre><code>/* A block of code
Departing a bit from Markdown syntax: the space on the left is 3
characters (in browsers which support the CSS3 `ch` unit), to align
nicely with list items and quotations.
We’re also mapping Tab characters to 3 characters (the default in
most browsers is 8) in supporting browsers.
*/
.rmd-on pre {
margin-left: 3ch;
tab-size: 3;
}</code></pre>
<p>The end.</p>
<script src="http://covertprestige.info/css/remarkdown/rmd-print.js"></script>
</body>
</html>