adds boxes (#227)

* update fontawesome to 4.7

* adds remarkup inspired boxes

* adds markdown example as image

* adds draft post with usage examples

* move box definitions in main.css

* Revert "update fontawesome to 4.7"

This reverts commit 9d7c96cbb2586cd93b91dd099d95c2558aca3bb7.

* moves box examples into showcase post

* fix line endings in test-markdown

* fix line endings

_posts/2015-02-20-test-markdown.md

@@ -11,14 +11,14 @@ You can write regular [markdown](http://markdowntutorial.com/) here and Jekyll w
 ## Here is a secondary heading
 
 Here's a useless table:
- 
+
 | Number | Next number | Previous number |
 | :------ |:--- | :--- |
 | Five | Six | Four |
 | Ten | Eleven | Nine |
 | Seven | Eight | Six |
 | Two | Three | One |
- 
+
 
 How about a yummy crepe?
 
@@ -50,3 +50,21 @@ var foo = function(x) {
 }
 foo(3)
 {% endhighlight %}
+
+## Boxes
+You can add notification, warning and error boxes like this:
+
+### Notification
+
+{: .box-note}
+<i class="fa fa-commenting icon-blue" aria-hidden="true"></i> **Note:** This is a notification box.
+
+### Warning
+
+{: .box-warning}
+<i class="fa fa-bolt icon-yellow" aria-hidden="true"></i> **Warning:** This is a warning box.
+
+### Error
+
+{: .box-error}
+<i class="fa fa-exclamation circle icon-red" aria-hidden="true"></i> **Error:** This is a error box.