Marco Blessing
7292e04267
* 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
70 lines
1.5 KiB
Markdown
70 lines
1.5 KiB
Markdown
---
|
|
layout: post
|
|
title: Test markdown
|
|
subtitle: Each post also has a subtitle
|
|
---
|
|
|
|
You can write regular [markdown](http://markdowntutorial.com/) here and Jekyll will automatically convert it to a nice webpage. I strongly encourage you to [take 5 minutes to learn how to write in markdown](http://markdowntutorial.com/) - it'll teach you how to transform regular text into bold/italics/headings/tables/etc.
|
|
|
|
**Here is some bold text**
|
|
|
|
## 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?
|
|
|
|
|
|
|
|
Here's a code chunk:
|
|
|
|
~~~
|
|
var foo = function(x) {
|
|
return(x + 5);
|
|
}
|
|
foo(3)
|
|
~~~
|
|
|
|
And here is the same code with syntax highlighting:
|
|
|
|
```javascript
|
|
var foo = function(x) {
|
|
return(x + 5);
|
|
}
|
|
foo(3)
|
|
```
|
|
|
|
And here is the same code yet again but with line numbers:
|
|
|
|
{% highlight javascript linenos %}
|
|
var foo = function(x) {
|
|
return(x + 5);
|
|
}
|
|
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. |