May 19, 2018

Text can be bold, italic, strikethrough or keyword.

This is what a link looks like

Paragraphs are separated by whitespace automatically.

Tingling of the spine, Tunguska event are creatures of the cosmos, Drake Equation, white dwarf descended from astronomers, rogue white dwarf light years radio telescope a billion trillion?

Header 1

This is a normal paragraph following a header. Health goth readymade plaid put a bird on it bicycle rights tote bag biodiesel leggings enim sustainable hexagon succulents locavore listicle. Cliche organic pork belly literally tattooed, paleo fashion axe. Mollit occaecat crucifix venmo bitters vegan fashion axe celiac brunch letterpress plaid scenester. Banjo tumeric celiac veniam pour-over.

Header 2

This is a blockquote following a header.

Header 3

This is a blockquote with inline HTML using Bootstrap footer and cite classes

Just because you are a character doesn't mean that you have character.

The Wolf in Pulp Fiction

This is a blockquote generated from this post’s front matter

These violent delights have violent ends.

William Shakespeare, Romeo and Juliet

Header 4

  • Unordered list after a header
  • Unordered list after a header
  • Unordered list after a header
Header 5
  1. Ordered list after a header
  2. Ordered list after a header
  3. Ordered list after a header
Header 6 - Table with zebra stripes (using Bootstrap classes)
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

There’s a horizontal rule below this

Here is an unordered list

  • Item foo
  • Item bar
  • Item baz
  • Item zip

And an ordered list

  1. Item one
  2. Item two
  3. Item three
  4. Item four

And a nested list

  • level 1 item
    • level 2 item
    • level 2 item
      • level 3 item
      • level 3 item
  • level 1 item
    • level 2 item
    • level 2 item
    • level 2 item
  • level 1 item
    • level 2 item
    • level 2 item
  • level 1 item

An unordered list using Bootstrap list-group classes (HTML)

  • Item 1
  • Item 2
  • Item 3


Using Markdown

Using markdown to insert images is quick and easy, but you may notice some slow load times, esp. when compared to responsive images.

Images can be inserted using normal markdown syntax like this:

Small Image Using Markdown


Large Image Using Markdown


Here’s a GIF Using Markdown


Responsive Image Using HTML 5 Figure Tag

The below image was insterted using this Liquid tag:

{% include figure.html %}
A Sampling
Photo by Andre Benz on Unsplash

More on how this works here.