Sample post with all elements

Sample with all the elements, for future reference

January 2, 2017 - 3 minute read -
blog

I really like this theme. Big thanks to NIELSEN RAMON who created this awesome and free theme: Chalk! This post is to test all the elements for future reference.

Headings

Chalk includes 3 headings by default:

Heading first level

Heading second level

Heading third level

## Heading first level
### Heading second level
#### Heading third level

Lists

Unordered list example:

  • Unordered list item 1
  • Unordered list item 2
  • Unordered list item 3
  • Unordered list item 4

Ordered list example:

  1. Ordered list item 1
  2. Ordered list item 1
  3. Ordered list item 1
  4. Ordered list item 1
* Unordered list item 1
* Unordered list item 2

1. Order list item 1
2. Order list item 1

Emoji support :star:

Emoji’s can be used everywhere in :cat2: your markdown!

Quotes

A quote looks like this:

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.

> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna.

Media

Images can be added with a default <img> tag. If you wish that an image can be enlarged on click use the image include tag. You can pass 3 variables:

  • path: Image to show in the blog post.
  • path-detail: Image to show when enlarging.
  • alt: Alt text for image in blog post.

Sample image

<a href="/assets/documentation/sample-image@2x.jpg" class="fluidbox-trigger">
  <img src="/assets/documentation/sample-image.jpg" alt="Sample image" />
</a>

Videos can be added and are responsive by default (4x3 by default, 16x9 with extra class).

Code

Use the highlight tag to use the following code highlighting your preferred language:

// C++ Comments
#include <iostream>
int main()
{
  std::cout << "Hello World!";
}
'''python comment 1'''
# python comment 2
def func():
  print 'hello'
<!-- This is a comment -->
<div class="grid">
  <h1>This is a heading</h1>
  <p>
    This is a paragraph text.
  </p>
</div>
% @author Yiren Lu
% @email luyiren [at] seas [dot] upenn [dot] edu
% @date 12/20/2016
% 
% @input    src_face_feats      mx[dim feat] source faces features
%           dist_face_feats     nx[dim feat] distination faces features
%           episode_length      unit length of matching
% @ouptut   match               nx1  matched indices from src to dist faces
function [match] = match_faces_ransac(src_face_feats, dist_face_feats, episode_length)

end
# shell comment
$ cd ~
$ echo hello

MathJax

I integrated MathJax

Github gist