2015-07-14 08:05:58 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
|
|
<title>Markdown Guide</title>
|
|
|
|
<meta name="description" content="A simple guide to writing Markdown.">
|
|
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
|
2015-08-07 23:23:07 +02:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
2015-07-14 08:05:58 +02:00
|
|
|
|
|
|
|
<style>
|
|
|
|
h4{
|
|
|
|
margin-top:20px;
|
|
|
|
margin-bottom:5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
h4 small{
|
|
|
|
font-style:italic;
|
|
|
|
}
|
|
|
|
|
|
|
|
pre {
|
|
|
|
overflow:auto;
|
|
|
|
word-wrap:normal;
|
|
|
|
white-space:pre;
|
|
|
|
}
|
|
|
|
|
|
|
|
footer{
|
|
|
|
margin:20px 0 30px;
|
|
|
|
font-size:80%;
|
|
|
|
color:#999;
|
|
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
|
|
|
|
<body>
|
|
|
|
<div class="container-fluid">
|
|
|
|
<div class="row" style="max-width:500px; margin:auto;">
|
|
|
|
<div class="col-xs-12">
|
|
|
|
<h1 style="text-align:center;">Markdown Guide</h1>
|
|
|
|
|
|
|
|
<h4>Emphasis</h4>
|
|
|
|
<pre>**<strong>bold</strong>**
|
|
|
|
*<em>italics</em>*
|
|
|
|
~~<strike>strikethrough</strike>~~</pre>
|
|
|
|
|
|
|
|
<h4>Headers</h4>
|
|
|
|
<pre># Big header
|
|
|
|
## Medium header
|
|
|
|
### Small header
|
|
|
|
#### Tiny header</pre>
|
|
|
|
|
|
|
|
<h4>Lists</h4>
|
|
|
|
<pre>* Generic list item
|
|
|
|
* Generic list item
|
|
|
|
* Generic list item
|
|
|
|
|
|
|
|
1. Numbered list item
|
|
|
|
2. Numbered list item
|
|
|
|
3. Numbered list item</pre>
|
|
|
|
|
|
|
|
<h4>Links</h4>
|
|
|
|
<pre>[Text to display](http://www.example.com)</pre>
|
|
|
|
|
|
|
|
<h4>Quotes</h4>
|
|
|
|
<pre>> This is a quote.
|
|
|
|
> It can span multiple lines!</pre>
|
|
|
|
|
|
|
|
<h4>Images <small>Need to upload an image? <a href="http://imgur.com/" target="_blank">Imgur</a> has a great interface.</small></h4>
|
|
|
|
<pre>![](http://www.example.com/image.jpg)</pre>
|
|
|
|
|
|
|
|
<h4>Tables</h4>
|
|
|
|
<pre>| Column 1 | Column 2 | Column 3 |
|
|
|
|
| -------- | -------- | -------- |
|
|
|
|
| John | Doe | Male |
|
|
|
|
| Mary | Smith | Female |
|
|
|
|
|
|
|
|
<em>Or without aligning the columns...</em>
|
|
|
|
|
|
|
|
| Column 1 | Column 2 | Column 3 |
|
|
|
|
| -------- | -------- | -------- |
|
|
|
|
| John | Doe | Male |
|
|
|
|
| Mary | Smith | Female |
|
|
|
|
</pre>
|
|
|
|
|
|
|
|
<h4>Displaying code</h4>
|
|
|
|
<pre>`var example = "hello!";`
|
|
|
|
|
|
|
|
<em>Or spanning multiple lines...</em>
|
|
|
|
|
|
|
|
```
|
|
|
|
var example = "hello!";
|
|
|
|
alert(example);
|
|
|
|
```</pre>
|
|
|
|
|
2017-05-16 21:07:58 +02:00
|
|
|
<footer>Provided for use with <a href="http://sparksuite.github.io/simplemde-markdown-editor" target="_blank">SimpleMDE</a></footer>
|
2015-07-14 08:05:58 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2015-08-14 21:28:13 +02:00
|
|
|
|
|
|
|
<script>
|
|
|
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
|
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
|
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
|
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
|
|
|
|
|
|
|
ga('create', 'UA-5808021-18', 'auto');
|
|
|
|
ga('send', 'pageview');
|
|
|
|
|
|
|
|
</script>
|
2015-07-14 08:05:58 +02:00
|
|
|
</body>
|
2015-08-14 21:28:13 +02:00
|
|
|
</html>
|