forked from markdowncss/air
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
51 lines (49 loc) · 2.81 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Air</title>
<link rel="stylesheet" href="css/air.css">
</head>
<body>
<p><img src="https://cloud.githubusercontent.com/assets/1424573/4785631/dc5ddcd2-5d82-11e4-88a2-06fdabbe4fb8.png" alt="A pretty dock on a lake"></p>
<h1>Air</h1>
<h3>A markdown theme that is light and airy.</h3>
<p>Air is the first of many stylesheets to make HTML generated from markdown look beautiful. A list of all available stylesheets can be found <a href="https://github.com/markdowncss">here</a>.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vehicula pharetra ultricies. Cras magna turpis, vestibulum ut arcu et, rutrum porta velit. Curabitur luctus erat a velit tincidunt, vel malesuada nibh tempor. Mauris condimentum quam lorem, in finibus eros faucibus id. Nunc erat metus, fringilla dignissim faucibus id, malesuada quis justo. Vestibulum erat augue, feugiat vitae porttitor vel, condimentum quis ipsum. Etiam sagittis eros et dolor semper congue.</p>
<h2><em>Curabitur semper rhoncus magna quis blandit.</em></h2>
<p>Curabitur ac euismod turpis. Maecenas gravida viverra augue quis scelerisque. Vivamus quis massa elementum odio pharetra efficitur at eget nibh. Donec varius purus quis nisi gravida tristique. Quisque dictum justo nec nulla hendrerit aliquet. Duis ac ultrices nunc. Proin elit augue, fringilla at varius at, interdum ut justo. Sed sed eros a leo molestie bibendum. Nullam ac justo malesuada, euismod dui at, finibus purus. Sed mi risus, porta ac sem ac, commodo semper risus.</p>
<h4>Some example code:</h4>
<pre><code class="language-js">gulp.task(<span class="hljs-string">'watch'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
gulp.watch(<span class="hljs-string">'*.md'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
gulp.start(<span class="hljs-string">'md'</span>, <span class="hljs-string">'html'</span>);
});
gulp.watch(<span class="hljs-string">'*.css'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
gulp.start(<span class="hljs-string">'css'</span>);
});
});
</code></pre>
<h4>Lists</h4>
<ul>
<li>Apples</li>
<li>Citrus
<ul>
<li>Oranges</li>
<li>Grapefruit</li>
</ul></li>
<li>Potatoes</li>
<li>Milk</li>
</ul>
<ol>
<li>Mow the lawn</li>
<li>Feed the dog</li>
<li>Dance</li>
</ol>
<h4>Blockquotes</h4>
<blockquote>
<p>Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.</p>
<p>Antoine de Saint-Exupéry</p>
</blockquote>
<p>Crafted with <3 by <a href="http://johnotander.com">John Otander</a>(<a href="https://twitter.com/4lpine">@4lpine</a>).</p>
</body>
</html>