I use this article as a test for all the different content types this website should support, ranging from simple paragraphs and lists to code blocks, images, and embedded components.

Paragraph and marks

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem, ut postea variari voluptas distinguique possit, augeri amplificarique non possit. At etiam Athenis, ut e patre audiebam facete.

Footnote that shows up1, and then after that, another interesting2 group3 of footnotes4.

Marks:

Headings

Heading 2

Heading 3

Heading 4
Heading 5

Duplicate heading

Duplicate heading

Rich heading with strange print("rich content")

Lists

Unordered

  • unordered list

    • that goes

      • like this
  • and also has item
  • hello

Ordered

  1. ordered list
  2. that goes

  3. like this

    1. and has

      1. nesings

Code

Inline code like print("hello world") is very beautiful.

raw text
wow raw text is so good

look at this raw text
import math
def code_block(with_syntax_highlight):
	print("hello world")
	x = {"hello": (1, 2), "goodbye": (3, 4)}
	return f"hello {1}"

Ansi

* 366a8c3 (HEAD -> main, origin/main) add toc
* 10075bd add shiki transformers
* 482914a marginally improve syntax highlighting with shiki

File display

hello-world.py
print("hello world")
for i in range(0, 10):
  print(i)
hello-world.py
print("hello world")
for i in range(0, 10):
  print(i)

Annotations

console.log("remove"); 
console.log("normal");
console.log("add"); 
console.log("normal");
console.log("highlight"); 
console.log("normal");
console.error("error"); 
console.log("normal");
console.warn("warning"); 
console.log("normal");
let x = [1, 2, 3, (4 + 5)]; 
function helloWorld() {
  console.log("not important");
  console.log("focused"); 
  console.log("not important");
}

Table

hellohihello
thistableis cool
thistableis cool

Blockquote

Blockquote that is pretty long and contains rich content.

And can be multiline.

Math

Inline math 1+3+3412𝑥𝑦𝑧 wow that was cool math.

Block math:

{1+12+2̂3+32

Embedded components

Epic and cool click counter: 67 Celebration: yay
Lorem
ipsum
dolor
sit
amet,
consectetur
adipiscing
elit,
sed
do
eiusmod
tempor
incididunt
ut
labore
et
dolore
magnam
aliquam
quaerat
voluptatem.
Ut
enim
aeque
doleamus
animo,
cum
corpore
dolemus,
fieri
tamen
permagna
accessio
potest,
si
aliquod
aeternum
et
infinitum
impendere
malum
nobis
opinemur.
Quod
idem
licet
transferre
in
voluptatem,
ut.

Images

 San Francisco road with trees in the background

Figure

Figure 1: Cool data

Ending paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem, ut postea variari voluptas distinguique possit, augeri amplificarique.

  1. wow what an interesting footnote with some formatting ↩︎
  2. wow how interesting so good and interesting https://typst.app ↩︎
  3. 6+7 wow good footnote ↩︎
  4. extremely long footnote Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem, ut postea variari voluptas distinguique possit, augeri amplificarique non possit. At etiam Athenis, ut e patre audiebam facete. ↩︎