Feature showcase

Table of Contents

#Inline text elements

Examples:

markdown	output
`bold text`	bold text
`italic text`	italic text
`code` text	`code` text
`[links](#inline-text-elements)`	links
`~~deleted~~ content`	~~deleted~~ content

html	output
`<u>underline</u> emphasis`	underline emphasis
`<ins>inserted</ins> content`	inserted content
`normal <s>strikethrough</s>`	normal ~~strikethrough~~
`<mark>highlight</mark> element`	highlight element
`Keyboard <kbd>Ctrl + S</kbd>`	Keyboard `Ctrl + S`
`superscript<sup>TM</sup>`	superscript^TM
`subscript<sub>2</sub>`	subscript₂
`<abbr title="Abbreviation" data-tooltip="Abbreviation">Abbr.</abbr>`	Abbr.

#Block elements

Blockquotes

If you tell the truth you don’t have to remember anything.
– Mark Twain, Source

> If you tell the truth you don't have to remember anything.
>
> -- <cite>Mark Twain, [Source](https://en.wikiquote.org/wiki/Mark_Twain)</cite>

Lists

Always
Look
on the
- Bright Side
- of
- Life

- Always
- Look
- on the
    - Bright Side
    - of
    - Life

Now Entering by Marc Russo
Neighborhood by Marc Russo
1. Under Construction by Jerry Martin
2. Buying Lumber by Jerry Martin
3. Mall Rat by Jerry Martin
  1. Groceries by Marc Russo

1. Now Entering by Marc Russo
2. Neighborhood by Marc Russo
    1. Under Construction by Jerry Martin
    2. Buying Lumber by Jerry Martin
    3. Mall Rat by Jerry Martin
        1. Groceries by Marc Russo

CSS pixel: The term CSS pixel is synonymous with the CSS unit of absolute length px - which is normatively defined as being exactly 1/96th of 1 CSS inch (in).; Source

CSS pixel
: The term CSS pixel is synonymous with the CSS unit of absolute length px - which is normatively defined as being exactly 1/96th of 1 CSS inch (in).
: [Source](https://developer.mozilla.org/en-US/docs/Glossary/CSS_pixel)

zola init
zola serve
zola check
zola build

- [x] zola init
- [x] zola serve
- [ ] zola check
- [ ] zola build

Footnotes

There are three kinds of lies: lies, damned lies, and statistics. ¹

> There are three kinds of lies: lies, damned lies, and statistics. [^1]

[^1]: This is often misattributed to Mark Twain, [source](https://en.wikiquote.org/wiki/Mark_Twain#Misattributed).

Horizontal Rules

---

#Tables

Name	Action	TCP
Alice	Send	SYN
Bob	Receive & Send	SYN-ACK
Alice	Receive & Send	ACK

| Name  | Action | TCP |
| ----- | :----: | -----: |
| Alice | Send | SYN |
| Bob   | Receive & Send | SYN-ACK |
| Alice | Receive & Send | ACK |

#Images

photo of an mountain view at Sunset, with greenery under golden sunlight.

![photo of an mountain view at Sunset, with greenery under golden sunlight.](/fields.jpg)

Note: the forward / is needed because this image isn’t co-located, see a better example here.

#Videos

<video controls src="/fields3.mp4">
    fly-by video of a green fields
</video>

#Audios

<audio controls src="/jingles.mp3">
    jingles sound effect from kenney.nl
</audio>

#Notes

Note: this is probably easier to add video and audio via shortcodes

This is often misattributed to Mark Twain, source. ↩