Implements a blog

_drafts/how-to-write-a-blog.html

@@ -0,0 +1,73 @@
+---
+
+layout: post
+title: How to write a blog on osem.io
+author: Henne Vogelsang
+image: cookies.jpg
+
+---
+
+<p>
+  This is just a regular paragraph. With one or more lines of text.
+  The path of the righteous man is beset on all sides by the iniquities of the selfish and the tyranny of evil men.
+  Blessed is he who, in the name of charity and good will, shepherds the weak through the valley of darkness, for he
+  is truly his brother's keeper and the finder of lost children. And I will strike down upon thee with great vengeance
+  and furious anger those who would attempt to poison and destroy My brothers. And you will know My name is the Lord
+  when I lay My vengeance upon thee.
+</p>
+<!-- more -->
+
+<img src="http://www.nicenicejpg.com/980/200"  style="position: relative; left: -220px;">
+
+<h1>A First Level Header</h1>
+<p>
+  Now that we know who you are, <em>I know who I am</em>. <strong>I'm not a mistake!</strong> It all makes sense! In a comic, you know how you can tell
+  who the arch-villain's going to be? He's the exact opposite of the hero. And most times they're friends, like you and me!
+  I should've known way back when... You know why, David? Because of the kids. They called me Mr Glass.
+</p>
+<h2>A Second Level Header</h2>
+<p>
+  Normally, both your asses would be dead as fucking fried chicken, but you happen to pull this shit while I'm in a transitional
+  period so I don't wanna kill you, I wanna help you. But I can't give you this case, it don't belong to me. Besides, I've already
+  been through too much shit this morning over this case to hand it over to your dumb ass.
+</p>
+
+<h3>Header 3</h3>
+<p>
+  Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine.
+  You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it
+  too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I.
+  We're on the same curve, just on opposite ends.
+</p>
+
+<h2>Features</h2>
+
+<h5>Bootstrap</h5>
+You can use bootstraps <a href="http://getbootstrap.com/css">css</a> like
+<button type="button" class="btn btn-default">Buttons</button>. It's
+<a href="http://getbootstrap.com/components/">components</a> like icons
+<span class="glyphicon glyphicon-heart"></span> and it's
+<a href="http://getbootstrap.com/javascript/">javascript</a> like
+<button type="button" class="btn btn-default btn-xs" data-toggle="tooltip" data-placement="top" title="Tooltip on top">tooltips</button>
+
+<h5>Syntax Higlighting</h5>
+
+{% highlight ruby linenos %}
+def create
+  @article = Article.new(article_params)
+ 
+  @article.save
+  redirect_to @article
+end
+{% endhighlight %}
+
+<h5>Including Gists</h5>
+{% gist hennevogel/2e2b50e7f7f15016ed2d %}
+
+<h5>Emojis</h5>
+<a href="http://www.emoji-cheat-sheet.com/">:smile: are the :shit:</a>
+
+<!-- https://github.com/jch/html-pipeline/issues/163
+<h5>Mentions</h5>
+You can mention awesome people like @hennevogel on github
+-->