Markdown Guide

Paragraphs and linebreaks

Use a blank line to separate one or more lines of text. End a line with two spaces and then start a new line to create a line break

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non nunc non dolor eleifend faucibus. Nullam ornare bibendum sapien a tempus. Fusce vehicula nec neque eu efficitur.

Integer ut neque vel nisi pharetra rutrum eget quis mauris.
Nunc eros ipsum, tincidunt vel tellus sit amet, suscipit dictum elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non nunc non dolor eleifend faucibus. Nullam ornare bibendum sapien a tempus. Fusce vehicula nec neque eu efficitur.

Integer ut neque vel nisi pharetra rutrum eget quis mauris.  
Nunc eros ipsum, tincidunt vel tellus sit amet, suscipit dictum elit.

Emphasis

Italic

Add one asterisk before and after a word or phrase

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec efficitur ex ut sem finibus pulvinar at et odio. Mauris sit amet nisi orci. Suspendisse posuere sit amet augue eu laoreet.

Lorem ipsum *dolor sit amet*, consectetur adipiscing elit. Donec efficitur ex ut sem *finibus pulvinar* at et odio. Mauris sit amet nisi orci. Suspendisse *posuere sit amet* augue eu laoreet.

Bold

Add two asterisks before and after a word or phrase

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec efficitur ex ut sem finibus pulvinar at et odio. Mauris sit amet nisi orci. Suspendisse posuere sit amet augue eu laoreet.

Lorem ipsum dolor sit amet, **consectetur adipiscing elit**. Donec efficitur ex ut sem finibus pulvinar at et odio. Mauris sit amet nisi orci. Suspendisse **posuere sit amet** augue eu laoreet.

Bold and Italic

Add three asterisks before and after a word or phrase

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec efficitur ex ut sem finibus pulvinar at et odio. Mauris sit amet nisi orci. Suspendisse posuere sit amet augue eu laoreet.

Lorem ipsum dolor sit amet, ***consectetur adipiscing*** elit. Donec efficitur ***ex ut sem finibus pulvinar*** at et odio. Mauris sit amet nisi orci. Suspendisse posuere sit ***amet augue eu*** laoreet.

Accent font

Add accent font to part of text or entire line

Example: In paragraph use:

This text has "bold accented text" and "italic accented text" and "bold-italic accented text" in it.

This text has **"bold accented text"**{:.accent} and *"italic accented text"*{:.accent} and ***"bold-italic accented text"***{:.accent} in it.
Example: Other paragraph uses:

This is example of applying accent to entire paragraph. - Est consectetur dolore esse duis veniam. Cillum Lorem id nisi Lorem laborum nulla cillum. Qui sint aliquip non adipisicing aute.

Some long paragraph with "span element w/ accent" in it. - Est consectetur dolore esse duis veniam. Cillum Lorem id nisi Lorem laborum nulla cillum. Qui sint aliquip non adipisicing aute.

This is example of applying access to entire paragraph. - Est consectetur dolore esse duis veniam. Cillum Lorem id nisi Lorem laborum nulla cillum. Qui sint aliquip non adipisicing aute.
{:.accent}

Some long paragraph with <span className="accent">"span element w/ accent"</span> in it. - Est consectetur dolore esse duis veniam. Cillum Lorem id nisi Lorem laborum nulla cillum. Qui sint aliquip non adipisicing aute.
Example: With lists:

Here is an example of ordered list w/ accent applied to one of the list item:

  1. First point
  2. Second point - w/ accent
  3. Third point

Here is an example of un-ordered list w/ accent applied to one of the list item:

  • First point
  • Second point
  • Third point - w/ accent
1. First point
2. Second point - w/ accent
{:.accent}
3. Third point

- First point
- Second point
- Third point - w/ accent
{:.accent}

Code

Add single backticks before and after a word or phrase to create inline code emphasis, or triple backticks before and after a word or phrase to create a code block

Example: In line code:

I am an inline code example. Use single back ticks to wrap text.

I am an `inline code` example. Use single back quotes to wrap text.
Example: Code block:

This is a code block example using three back ticks.


const object = {
	"firstName": "John",
	"lastName": "Smith",
	"age": 25
};

This is a code block example using three back ticks.

```js
const object = {
	"firstName": "John",
	"lastName": "Smith",
	"age": 25
};
```

Wrap the link text in brackets following it with the URL in parentheses

Lorem ipsum dolor sit amet, [consectetur adipiscing elit](https://steersman.works/). Donec efficitur ex ut sem finibus pulvinar at et odio.

Wrap the text in square brackets ([ ]) with the one of the emphasis formattings listed above

Lorem ipsum dolor sit amet, [**consectetur adipiscing elit**](https://steersman.works/). Duis sit amet hendrerit ipsum, [*nec iaculis risus*](https://steersman.works/). Interdum et malesuada [***fames ac ante ipsum***](https://steersman.works/) primis in faucibus.

To force links to match color of text they are within:


Lorem ipsum dolor sit amet, [consectetur adipiscing elit](https://steersman.works/){.text-decoration-color-match}.
{.error}


Lorem ipsum dolor sit amet, [consectetur adipiscing elit](https://steersman.works/){.text-decoration-color-match}.
{.success}


Lorem ipsum dolor sit amet, [consectetur adipiscing elit](https://steersman.works/){.text-decoration-color-match}.
{.warning}


Lorem ipsum dolor sit amet, [consectetur adipiscing elit](https://steersman.works/){.text-decoration-color-match}.
{.notice}

Headings

Add number signs (#) in front of a word or phrase. The amount of number signs you use corresponds to the heading level

Header 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non nunc non dolor eleifend faucibus.

Header 2

Nullam ornare bibendum sapien a tempus. Fusce vehicula nec neque eu efficitur.

Header 3

Aliquam tempor ex nec turpis efficitur luctus. Sed nibh augue, auctor sit amet gravida luctus, lacinia sed urna.

Header 4

Vivamus massa leo, scelerisque et pellentesque facilisis, efficitur rhoncus nisi.

Header 5

Phasellus lacinia enim quis metus egestas, nec lacinia lacus facilisis.

Header 6

Suspendisse maximus nisi non vulputate blandit. Maecenas dapibus ex sed venenatis venenatis.

# Header 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non nunc non dolor eleifend faucibus.

## Header 2

Nullam ornare bibendum sapien a tempus. Fusce vehicula nec neque eu efficitur.

### Header 3

Aliquam tempor ex nec turpis efficitur luctus. Sed nibh augue, auctor sit amet gravida luctus, lacinia sed urna.

#### Header 4

Vivamus massa leo, scelerisque et pellentesque facilisis, efficitur rhoncus nisi.

##### Header 5

Phasellus lacinia enim quis metus egestas, nec lacinia lacus facilisis.

###### Header 6

Suspendisse maximus nisi non vulputate blandit. Maecenas dapibus ex sed venenatis venenatis.

Table of Contents

Place [TOC] where you would like the Table of Contents to appear on the page.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas pellentesque, lorem eu rutrum tincidunt, odio tortor laoreet nibh, vitae finibus eros ex eu quam. Nunc nulla justo, accumsan lacinia consequat quis, vestibulum sed risus. Sed convallis dignissim tempus. Nulla quis sem gravida, eleifend nibh id, pellentesque purus. Aenean a pretium urna, in ullamcorper odio. Integer magna magna, scelerisque non ipsum eu, accumsan finibus lorem. Aliquam et ultricies urna, a tincidunt lectus. Sed eu congue ante.

Spacecraft

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non nunc non dolor eleifend faucibus.

Spacecraft types

Nullam ornare bibendum sapien a tempus. Fusce vehicula nec neque eu efficitur.

Crewed spacecraft

Aliquam tempor ex nec turpis efficitur luctus. Sed nibh augue, auctor sit amet gravida luctus, lacinia sed urna.

Uncrewed spacecraft

Vivamus massa leo, scelerisque et pellentesque facilisis, efficitur rhoncus nisi.

Unfunded and canceled programs

Phasellus lacinia enim quis metus egestas, nec lacinia lacus facilisis.

Spacecraft under development

Suspendisse maximus nisi non vulputate blandit. Maecenas dapibus ex sed venenatis venenatis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas pellentesque, lorem eu rutrum tincidunt, odio tortor laoreet nibh, vitae finibus eros ex eu quam. Nunc nulla justo, accumsan lacinia consequat quis, vestibulum sed risus. Sed convallis dignissim tempus. Nulla quis sem gravida, eleifend nibh id, pellentesque purus. Aenean a pretium urna, in ullamcorper odio. Integer magna magna, scelerisque non ipsum eu, accumsan finibus lorem. Aliquam et ultricies urna, a tincidunt lectus. Sed eu congue ante.

[TOC]

# Spacecraft

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non nunc non dolor eleifend faucibus.

## Spacecraft types

Nullam ornare bibendum sapien a tempus. Fusce vehicula nec neque eu efficitur.

### Crewed spacecraft

Aliquam tempor ex nec turpis efficitur luctus. Sed nibh augue, auctor sit amet gravida luctus, lacinia sed urna.

### Uncrewed spacecraft

Vivamus massa leo, scelerisque et pellentesque facilisis, efficitur rhoncus nisi.

### Unfunded and canceled programs

Phasellus lacinia enim quis metus egestas, nec lacinia lacus facilisis.

## Spacecraft under development

Suspendisse maximus nisi non vulputate blandit. Maecenas dapibus ex sed venenatis venenatis.

Blockquotes

Add a > in front of a paragraph.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non nunc non dolor eleifend faucibus. Nullam ornare bibendum sapien a tempus. Fusce vehicula nec neque eu efficitur. Aliquam tempor ex nec turpis efficitur luctus.

> Lorem ipsum dolor sit amet, **consectetur adipiscing elit**. Ut non nunc non dolor eleifend faucibus. Nullam ornare bibendum sapien a tempus. Fusce vehicula nec neque eu efficitur. Aliquam tempor ex nec turpis efficitur luctus.

Add a > on the blank lines between the paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec efficitur ex ut sem finibus pulvinar at et odio. Mauris sit amet nisi orci. Suspendisse posuere sit amet augue eu laoreet. Mauris fermentum turpis quis consequat euismod.

Vestibulum metus lorem, ullamcorper at luctus sit amet, porttitor vel sem. Phasellus auctor porttitor nisi id molestie. Suspendisse sodales nisl in lectus molestie pharetra.

> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec efficitur ex ut sem finibus pulvinar at et odio. Mauris sit amet nisi orci. Suspendisse posuere sit amet augue eu laoreet. Mauris fermentum turpis quis consequat euismod.
>
> Vestibulum metus lorem, ullamcorper at luctus sit amet, porttitor vel sem. Phasellus auctor porttitor nisi id molestie. Suspendisse sodales nisl in lectus molestie pharetra.

Lists

Ordered Lists

Add line items with numbers followed by periods to create an numbered list

  1. First item
  2. Second item
  3. Third item
  4. Fourth item
1. First item
2. Second item
3. Third item
4. Fourth item

Nested Ordered Lists

Indent one or more items using 2 spaces before the line item to create a nested list

  1. First item
  2. Second item
  3. Third item
    1. Indented item
    2. Indented item
  4. Fourth item
1. First item
2. Second item
3. Third item
  1. Indented item
  2. Indented item
4. Fourth item

Unordered Lists

Add dashes (-) in front of line items to create a list

  • First item
  • Second item
  • Third item
  • Fourth item
- First item
- Second item
- Third item
- Fourth item

Nested Unordered Lists

Indent one or more items using 2 spaces before the line item to create a nested list

  • First item
  • Second item
  • Third item
    • Indented item
    • Indented item
  • Fourth item
- First item
- Second item
- Third item
  - Indented item
  - Indented item
- Fourth item

Combined Nested Lists

Create different nested combinations using the list markdown rules above

  • First item
  • Second item
  • Third item
    1. Indented item
    2. Indented item
  • Fourth item
- First item
- Second item
- Third item
  1. Indented item
  2. Indented item
- Fourth item
  1. First item
  2. Second item
  3. Third item
    • Indented item
    • Indented item
  4. Fourth item
1. First item
2. Second item
3. Third item
  - Indented item
  - Indented item
4. Fourth item

Paragraphs in Lists

End the first paragraph with two spaces and then start a new line to create a line break. Add the "break-spaces" class after each paragraph within the list item.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras in euismod leo. Donec fringilla porttitor est accumsan tempus. Morbi mattis ac massa tincidunt suscipit.
    Morbi vel consectetur erat, id pretium felis. Nullam tristique velit ut magna sodales cursus.
  • Suspendisse et tempus purus, et dictum dolor. Aliquam ac malesuada lorem. Nunc nunc odio, tempus ac pulvinar condimentum, consequat eu libero. Maecenas fringilla ante vel tempor aliquam.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras in euismod leo. Donec fringilla porttitor est accumsan tempus. Morbi mattis ac massa tincidunt suscipit.  
Morbi vel consectetur erat, id pretium felis. Nullam tristique velit ut magna sodales cursus. 
{:.break-spaces}
- Suspendisse et tempus purus, et dictum dolor. Aliquam ac malesuada lorem. Nunc nunc odio, tempus ac pulvinar condimentum, consequat eu libero. Maecenas fringilla ante vel tempor aliquam.

Tables

With Headers

First HeaderSecond HeaderThird HeaderFourth Header
Content CellContent CellContent CellContent Cell
Content CellContent CellContent CellContent Cell
| First Header  | Second Header | Third Header  | Fourth Header |
|---------------|---------------|---------------|---------------|
| Content Cell  | Content Cell  | Content Cell  | Content Cell  |
| Content Cell  | Content Cell  | Content Cell  | Content Cell  |

Without Headers

Content CellContent CellContent CellContent Cell
Content CellContent CellContent CellContent Cell
|--------------|--------------|--------------|--------------|
| Content Cell | Content Cell | Content Cell | Content Cell |
| Content Cell | Content Cell | Content Cell | Content Cell |

Alignments

LeftAlso LeftCenterRight
Content CellContent CellContent Cell9.99
Content CellContent CellContent Cell99.99
| Left            | Also Left        | Center       | Right |
|-----------------|:-----------------|:------------:|------:|
| Content Cell    | Content Cell     | Content Cell |  9.99 |
| Content Cell    | Content Cell     | Content Cell | 99.99 |

Tabs

Start with === followed by a quoted title then a new line prefixed with 4 spaces for contents. Consecutive tabs are grouped into a tab set.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia enim enim, eget tempor enim bibendum eu. Vivamus porta erat quam, ac varius elit dignissim non.

Nam sed fringilla mauris. Integer sed quam blandit, blandit est nec, lobortis augue. Nam auctor mi ut velit lobortis lobortis. Ut varius justo ac efficitur tristique. Vestibulum sollicitudin odio dolor, eget sodales lectus finibus tristique. Proin eu efficitur tellus, ac mattis libero.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel tincidunt sapien. Mauris ut nunc nec sem hendrerit imperdiet. Nullam quam velit, scelerisque ac neque id, maximus auctor nisi. Nam a lectus eleifend, sodales dolor at, feugiat libero. Proin eleifend tincidunt arcu, non semper felis tristique nec. Donec nec nibh augue.

  • First item
  • Second item
=== "Tab 1"
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. **Aenean lacinia enim enim**, eget tempor enim bibendum eu. Vivamus porta erat quam, ac varius elit dignissim non.

    Nam sed fringilla mauris. Integer sed quam blandit, blandit est nec, lobortis augue. Nam auctor mi ut velit lobortis lobortis. Ut varius justo ac *efficitur tristique*. Vestibulum sollicitudin odio dolor, eget sodales lectus finibus tristique. Proin eu efficitur tellus, ac mattis libero.

=== "Tab 2"
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel tincidunt sapien. Mauris ut nunc nec sem hendrerit imperdiet. Nullam quam velit, scelerisque ac neque id, maximus auctor nisi. Nam a lectus eleifend, sodales dolor at, feugiat libero. Proin eleifend tincidunt arcu, non semper felis tristique nec. Donec nec nibh augue.

    - First item
    - Second item

Alerts

Start with !!! follow by one of these classes: error, success, warning, notice. Wrap title in quotes or leave empty quotes for no title. Add a new line prefixed with 4 spaces for the contents.

Optional title within double quotes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia enim enim, eget tempor enim bibendum eu. Vivamus porta erat quam, ac varius elit dignissim non.

!!! error "Optional title within double quotes"
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. *Aenean lacinia enim enim*, eget tempor enim bibendum eu. Vivamus porta erat quam, [ac varius elit](https://steersman.works) dignissim non.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia enim enim, eget tempor enim bibendum eu. Vivamus porta erat quam, ac varius elit dignissim non.

!!! success ""
    Lorem ipsum dolor sit amet, ***consectetur adipiscing elit***. Aenean lacinia enim enim, eget tempor enim bibendum eu. Vivamus porta erat quam, [ac varius elit](https://steersman.works) dignissim non.

Optional title within double quotes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia enim enim, eget tempor enim bibendum eu. Vivamus porta erat quam, ac varius elit dignissim non.

!!! warning "Optional title within double quotes"
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. **Aenean lacinia enim enim**, eget tempor enim bibendum eu. Vivamus porta erat quam, [ac varius elit](https://steersman.works) dignissim non.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia enim enim, eget tempor enim bibendum eu. Vivamus porta erat quam, ac varius elit dignissim non.

!!! notice ""
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. **Aenean lacinia enim enim**, eget tempor enim bibendum eu. Vivamus porta erat quam, [ac varius elit](https://steersman.works) dignissim non.

Text Colors

In paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras in euismod leo. Donec fringilla porttitor est accumsan tempus. Morbi mattis ac massa tincidunt suscipit. Morbi vel consectetur erat, id pretium felis. Nullam tristique velit ut magna sodales cursus. Suspendisse et tempus purus, et dictum dolor. Aliquam ac malesuada lorem. Nunc nunc odio, tempus ac pulvinar condimentum, consequat eu libero. Maecenas fringilla ante vel tempor aliquam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras in *euismod leo*{:.error}. Donec fringilla porttitor est accumsan tempus. Morbi mattis ac massa tincidunt suscipit. Morbi vel consectetur erat, id pretium felis. ***Nullam tristique velit***{:.warning} ut magna sodales cursus. Suspendisse **et tempus purus**{:.success}, et dictum dolor. Aliquam ac malesuada lorem. Nunc nunc odio, tempus ac pulvinar condimentum, consequat eu libero. Maecenas fringilla ante vel tempor aliquam.

In Tables

First HeaderSecond HeaderThird HeaderFourth Header
Content Cell Content CellContent CellContent Cell
Content CellContent CellContent CellContent Cell
| First Header  | Second Header | Third Header  | Fourth Header |
|---------------|---------------|---------------|---------------|
| Content Cell {:.success}| Content Cell {:.error}| Content Cell {:.warning}| Content Cell  |
| Content Cell  | Content Cell  | Content Cell  | Content Cell  |

Collapsible Details

Start with three question marks ???, followed by a quoted title and a new line prefixed with four spaces for content.

This is a title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia enim enim, eget tempor enim bibendum eu. Vivamus porta erat quam, ac varius elit dignissim non.

Nam sed fringilla mauris. Integer sed quam blandit, blandit est nec, lobortis augue. Nam auctor mi ut velit lobortis lobortis. Ut varius justo ac efficitur tristique.

This is another title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec sem vestibulum dolor lobortis ornare. Donec pulvinar ex quis dignissim rutrum.

??? "This is a title"

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. **Aenean lacinia enim enim**, eget tempor enim bibendum eu. Vivamus porta erat quam, ac varius elit dignissim non.

    Nam sed fringilla mauris. Integer sed quam blandit, blandit est nec, lobortis augue. Nam
auctor mi ut velit lobortis lobortis. Ut varius justo ac *efficitur tristique*.

??? "This is another title"

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec sem vestibulum dolor lobortis ornare. Donec pulvinar ex quis dignissim rutrum.

Open Styled Details

Create a Collapsible Details block whose default state is 'open.'

Add a plus + after the three question marks, followed by the quoted title.

Open Styled Details

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec sem vestibulum dolor lobortis ornare. Donec pulvinar ex quis dignissim rutrum.

???+ "Open Styled Details"

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec sem vestibulum dolor lobortis ornare. Donec pulvinar ex quis dignissim rutrum.

Nested Details

Beneath a Collapsible Detail, start with four spaces followed by a quoted title. Add a new line prefixed with eight spaces for content.

This is a title
Nested details

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec sem vestibulum dolor lobortis ornare. Donec pulvinar ex quis dignissim rutrum.

Nested details

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec sem vestibulum dolor lobortis ornare. Donec pulvinar ex quis dignissim rutrum.

???+ "This is a title"

    ??? "Nested details"

        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec sem vestibulum dolor lobortis ornare. Donec pulvinar ex quis dignissim rutrum.

    ??? "Nested details"

        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec sem vestibulum dolor lobortis ornare. Donec pulvinar ex quis dignissim rutrum.

Symbols

Use the following markdown to turn them into their respective symbols

MarkdownResult
<< >>« »
...…
--–
---—
(tm)™
(c)©
(r)®
c/o℅
+/-±
-->→
<--←
<-->↔
=/=≠
1/4, 1/2, etc.¼, ½, etc.
1st 2nd etc.1st 2nd etc.