Style Tests

I write my blog posts in a couple of different formats, so here are some style guide tests I whipped up to make sure everything looks right on my website.

Pandoc Markdown Syntax Tests

Paragraphs

Line break with backslash.
A bee sea dee e eff gee.

Line break with two spaces.
A bee sea dee e eff gee.

Headings

Heading 4

Heading 5

Heading 6

Block quotes

This is a block quote.

This is a block quote…

…with multiple paragraphs.

Internal block quote

Code Blocks

print("Hello World!")

Prettier does not like tabbed verbatim text.

Line Blocks

Line blocks preserve
       their spacing.
             Prettier doesn’t like them.

Lists

• Unordered List 1
• Unordered List 2
  1. Ordered List 2.1
  2. Ordered List 2.2
  3. Ordered List 2.3
• Unordered List 3
  • Unordered List 3.1
  • Unordered List 3.2
  • Unordered List 3.3
• Unordered List 4

1. Ordered List 1
2. Ordered List 2
3. Ordered List 3

• Unordered List 1

  Inserted Blockquote

• Unordered List 2

  Inserted Paragraph

• Unordered List 3

  print("inserted code block")

• Unordered List 4

Task Lists

• To-do: something.
• Why are these clickable?

Definition Lists

Example word

Example definition

Example Word 2

Example definition 2

print("a")

some more words.

Term 3

Definition 3

Term 4

Definition 4a

Definition 4b

Numbered Example Lists

This is a list of examples.

1. something.

2. something else.

Some more descriptions.

3. A third thing.

Horizontal Rules

---

Tables

One	Two	Three
a	b	c
d	e	f

Property		Earth
Temperature 1961-1990	min	-89.2 °C
	mean	14 °C
	max	56.7 °C

Escaping Characters

\, *, `, -, {, } are some examples.

Inline formatting

• italics
• bold
• bold and italic
• Strikeout
• _superscript
• ^subscript
• verbatim
• print("verbatim with language")
• underline
• Small caps
• Highlight

Math

inline equation: \(a + b + c + \LaTeX\)

Block equation:

\[ a + b + c + \LaTeX \]

inline equation with dollars: \(a + b + c + \LaTeX\) = $$$

Links

• https://example.com
• inline link
• Another inline link with split URL
• Internal link to a heading

Images

Hosted by Neocities

Neocities Cat

Divs

Warning

This is a warning.

Hover your mouse on this text.

Footnotes

Here’s a footnote.¹

Quarto Syntax Tests

Code Blocks

With Quarto, I can embed and show the output of code blocks.

summary(cars)

     speed           dist       
 Min.   : 4.0   Min.   :  2.00  
 1st Qu.:12.0   1st Qu.: 26.00  
 Median :15.0   Median : 36.00  
 Mean   :15.4   Mean   : 42.98  
 3rd Qu.:19.0   3rd Qu.: 56.00  
 Max.   :25.0   Max.   :120.00  

In addition, I can also show the output of code blocks without the code block itself.

Various Column Options

.column-body

.column-body-outset

.column-page

.column-page-inset

.column-screen

.column-screen-inset

.column-margin

Footnotes

1. Here’s the footnote.