Paragraphs

3 minute read

Paragraphs

To create a paragraph you just need to click enter twice and separate your text:

E.g.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.
Breaks

To add enter line breaks, you can use the usual <br> tag o simply leave a blank line as in the above example.

For thematic break separators you use the usual <hr> tag or just type three dashes --- to adopt the simple kramdown syntax. Separators can be included everywhere in the text.

E.g.

Your Header

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

E.g.
###### Your Header
---
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et<br> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<hr>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. <br><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
<br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
<hr>

Note: While <br> works as an inline tag (straight after the text), <hr> must be on a separate line with no other text before or after the tag.

In the example we have a mix of kramdowm ad html, however the simple use of kramdowm is more advisable. Use html only for writing notices.

Ordered and Unordered List

Kramdown offers a very simple syntax for both ordered and unordered lists:

Eg.

  • kram
  • down
  • now
  1. kram
  2. down
  3. now
* kram
+ down
- now

1. kram
2. down
3. now

For more details (including indentations and sublists) see Kramdown documentation

Blockquotes

To add a blockquote you only need to include > right before your text:

Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.

> Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.
Notice

Adding notices to your text couldn’t be easier: include {: .include} in the line immediately after the paragraph you want to box in.

Example:

This is a notice

This is a notice
{: .notice}

If you need to include a warning notice with a redish background, you simply need to include {: .include-warning} in the line immediately after the paragraph you want to box in.

Example:

This is a warning notice

This is a warning notice
{: .notice-}

Text can be formatted as it was a plain paragraph, adding attributes, links, etc.

Example:

This is a warning notice with bold, underlined and italic text.