presentations/markdown/slides/01-markdown.md

Markdown

• Created in 2004
• Markup language
  • Create formatted text from plaintext
• Easy to read and write
• Converts directly to HTML
• Originally designed for USENET and email
• Not very standardized

Notes: Ambuguity in the original Markdown spec

[comment]: # (|||)

# Header 1

## Header 2

###### Header 6

Header 1

Header 2

Header 6

[comment]: # (|||)

*Italics text*

**Bold text**

***Bold and italics***
***
_Other italics text_

__Underlined__

___Underlined and italics___
***
[Example link](https://lug.mines.edu/attend)

Italics text

Bold text

Bold and italics

---

Other italics text

Underlined

Underlined and italics

---

Example link

[comment]: # (|||)

Unordered/Bullet list:
- Thing 1
- Thing 2
- Thing 3

Ordered list:
1. Thing
2. Thing
3. Thing

Unordered/Bullet list:

• Thing 1
• Thing 2
• Thing 3

Ordered list:

1. Thing
2. Thing
3. Thing

[comment]: # (|||)

`printf("Hello world!\n");`

***

```c
#include "stdio.h"

int main(void) {
    printf("Hello world!\n");
    return 0;
}
```

printf("Hello world!\n");

---

#include "stdio.h"

int main(void) {
    printf("Hello world!\n");
    return 0;
}

[comment]: # (|||)

> Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Aliquam hendrerit mi posuere lectus.
Vestibulum enim wisi, viverra nec,
fringilla in, laoreet vitae, risus.

> Quote **with** Markdown

> Nested quote
> > Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Aliquam hendrerit mi posuere lectus.
Vestibulum enim wisi, viverra nec,
fringilla in, laoreet vitae, risus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

Quote with Markdown

Nested quote

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

[comment]: # (|||)

![Alt Text](media/example-image.webp)

[comment]: # (|||)

This is **Markdown** formatted text!

- Thing1

<div
style="font-size: 16pt;
color: #ff0000">

- Thing*2*

</div>

- Thing3

This is Markdown formatted text!

• Thing1

• Thing2

• Thing3

[comment]: # (!!!)