Elements

List of styles that can be used in a blog post.

Refer to this source file to see how to use those styles in a markdown file.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris in sem imperdiet, semper lectus nec, pharetra nibh. Vestibulum volutpat fringilla leo, nec mollis ante gravida eu. Duis et tortor a dui tristique rhoncus. Nullam vitae commodo orci. Curabitur sed nibh quis quam condimentum volutpat. Morbi orci ex, ullamcorper et consequat vitae, volutpat nec ante. Pellentesque ultricies ligula porttitor lorem aliquet suscipit. Maecenas hendrerit metus ac suscipit viverra. Duis sed fermentum lorem, ac egestas massa. Donec quis orci placerat, blandit lacus quis, ornare dolor. Morbi et luctus velit. Proin tincidunt magna a nisi ultrices fermentum. Nam dictum iaculis orci, sed ultricies nibh aliquet in. Donec eget quam dolor. Aliquam quis metus et urna finibus ultricies.


Headings by default:

H1 Default styles for headings

H2 Default styles for headings

H3 Default styles for headings

H4 Default styles for headings

H5 Default styles for headings
H6 Default styles for headings

Lists

Ordered list example:

  1. Poutine drinking vinegar bitters.
  2. Coloring book distillery fanny pack.
  3. Venmo biodiesel gentrify enamel pin meditation.
  4. Jean shorts shaman listicle pickled portland.
  5. Salvia mumblecore brunch iPhone migas.

Unordered list example:

  • Bitters semiotics vice thundercats synth.
  • Literally cred narwhal bitters wayfarers.
  • Kale chips chartreuse paleo tbh street art marfa.
  • Mlkshk polaroid sriracha brooklyn.
  • Pug you probably haven’t heard of them air plant man bun.

Table

Header 1Header 2Header 3Header 4Header 5
Row:1 Cell:1Row:1 Cell:2Row:1 Cell:3Row:1 Cell:4Row:1 Cell:5
Row:2 Cell:1Row:2 Cell:2Row:2 Cell:3Row:2 Cell:4Row:2 Cell:5
Row:3 Cell:1Row:3 Cell:2Row:3 Cell:3Row:3 Cell:4Row:3 Cell:5
Row:4 Cell:1Row:4 Cell:2Row:4 Cell:3Row:4 Cell:4Row:4 Cell:5
Row:5 Cell:1Row:5 Cell:2Row:5 Cell:3Row:5 Cell:4Row:5 Cell:5
Row:6 Cell:1Row:6 Cell:2Row:6 Cell:3Row:6 Cell:4Row:6 Cell:5

Quotes

A quote looks like this:

The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time!

George Bernard Shaw


Syntax Highlighter

body {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
  background-color: #1c2021;
}

li {
  width: 200px;
  min-height: 250px;
  border: 1px solid #000;
  display: inline-block;
  vertical-align: top;
  margin: 5px;
}
  $('.top').click(function () {
    $('html, body').stop().animate({ scrollTop: 0 }, 'slow', 'swing');
  });
  $(window).scroll(function () {
    if ($(this).scrollTop() > $(window).height()) {
      $('.top').addClass("top-active");
    } else {
      $('.top').removeClass("top-active");
    };
  });

Images

A regular image.

A large image.


Youtube Embed


Video Embed