Test page

This is just a test page so I can check if anything breaks when I update the code / CSS.

Mainly based on the djot syntax reference.

TOC Macro

Table of contents

1 Test page
- 1.1 TOC Macro
- 1.2 Block Syntax
- 1.3 Paragraph
- 1.4 Block Quote
- 1.5 Lists
- 1.6 Code Block
- 1.7 Thematic Break
- 1.8 Raw Block
- 1.9 Special Divs
- 1.10 Tables
- 1.11 Link
- 1.12 Reference link
- 1.13 Footnote
- 1.14 Heading links
- 1.15 Image
- 1.16 Autolink
- 1.17 Verbatim
- 1.18 Bold / Italic
- 1.19 Highlighting
- 1.20 Super/subscript
- 1.21 Insert/delete
- 1.22 Smart punctuation
- 1.23 Math
- 1.24 Line break
- 1.25 Comment
- 1.26 Symbols
- 1.27 Raw Inline
- 1.28 Span
- 1.29 Custom
- 1.30 Index List
- 1.31 Mermaid
- 1.32 Tabs
  - 1.32.1 One Thing
  - 1.32.2 Context
- 1.33 Side by Side Content

Block Syntax

Paragraph

This is a paragraph of text

Block Quote

This is a block quote.

with a

list in it.

Lists

Bullet item 1
Bullet item 2
- Indented bullet item 1
- Indented bullet item 2
Bullet item 3

Decimal item 1
Decimal item 2
1. Indented decimal item 1
2. Indented decimal item 2
Decimal item 3

Alpha item 1
Alpha item 2
1. Indented alpha item 1
2. Indented alpha item 2
Alpha item 3

Roman lower item 1
Roman lower item 2
1. Indented roman lower item 1
2. Indented roman lower item 2
Roman lower item 3

Roman upper item 1
Roman upper item 2
1. Indented roman upper item 1
2. Indented roman upper item 2
Roman upper item 3

☐ Task item 1
☒ ~~Task item 2~~
- ☐ Indented task item 1
- ☒ ~~Indented task item 2~~
☐ Task item 3

orange

A citrus fruit.

Hip

part of the human anatomy

to be cool

an angled obstacle skateboarders use to perform tricks

Code Block

This should be raw text with no title or line numbers.

  | Name  | Type     | Params
-----------------------------------
0 | model | Fontogen | 73.7 M
-----------------------------------
73.7 M    Trainable params
0         Non-trainable params
73.7 M    Total params
294.728   Total estimated model params size (MB)

# Starts at line 122, no title, highlights lines 122 and 124.
def generate_html(self):
    result = []
    current_node = self.html_tree_root
    result = self.generate_html_helper(result, current_node, -1)
    return '\n'.join(result)

Not Python
# No line numbers, has the title "Not Python"
def generate_html(self):
    result = []
    current_node = self.html_tree_root
    result = self.generate_html_helper(result, current_node, -1)
    return '\n'.join(result)

    result = self.generate_html_helper(result, current_node, -1)result = self.generate_html_helper(result, current_node, -1)result = self.generate_html_helper(result, current_node, -1)result = self.generate_html_helper(result, current_node, -1)result = self.generate_html_helper(result, current_node, -1)

Not Python
0 1 2 3 4 5 6 7	# No line numbers, has the title "Not Python" def generate_html(self): result = [] current_node = self.html_tree_root result = self.generate_html_helper(result, current_node, -1) return '\n'.join(result) result = self.generate_html_helper(result, current_node, -1)result = self.generate_html_helper(result, current_node, -1)result = self.generate_html_helper(result, current_node, -1)result = self.generate_html_helper(result, current_node, -1)result = self.generate_html_helper(result, current_node, -1)

</> Lua
-- Has line numbers and an automatic title
----------------------------------------------------
-- 1. Variables and flow control.
----------------------------------------------------

num = 42  -- Numbers can be integer or floating point.

s = 'walternate'  -- Immutable strings like Python.
t = "double-quotes are also fine"
u = [[ Double brackets
       start and end
       multi-line strings.]]
t = nil  -- Undefines t; Lua has garbage collection.

-- Blocks are denoted with keywords like do/end:
while num < 50 do
  num = num + 1  -- No ++ or += type operators.
end

-- If clauses:
if num > 40 then
  print('over 40')
elseif s ~= 'walternate' then  -- ~= is not equals.
  -- Equality check is == like Python; ok for strs.
  io.write('not over 40\n')  -- Defaults to stdout.
else
  -- Variables are global by default.
  thisIsGlobal = 5  -- Camel case is common.

  -- How to make a variable local:
  local line = io.read()  -- Reads next stdin line.

  -- String concatenation uses the .. operator:
  print('Winter is coming, ' .. line)
end

</> Lua
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35	-- Has line numbers and an automatic title ---------------------------------------------------- -- 1. Variables and flow control. ---------------------------------------------------- num = 42 -- Numbers can be integer or floating point. s = 'walternate' -- Immutable strings like Python. t = "double-quotes are also fine" u = [[ Double brackets start and end multi-line strings.]] t = nil -- Undefines t; Lua has garbage collection. -- Blocks are denoted with keywords like do/end: while num < 50 do num = num + 1 -- No ++ or += type operators. end -- If clauses: if num > 40 then print('over 40') elseif s ~= 'walternate' then -- ~= is not equals. -- Equality check is == like Python; ok for strs. io.write('not over 40\n') -- Defaults to stdout. else -- Variables are global by default. thisIsGlobal = 5 -- Camel case is common. -- How to make a variable local: local line = io.read() -- Reads next stdin line. -- String concatenation uses the .. operator: print('Winter is coming, ' .. line) end

Thematic Break

Raw Block

emphasized text

strong emphasis

Special Divs

Highlights information that users should take into account, even when skimming.

Optional information to help a user be more successful.

Crucial information necessary for users to succeed.

Critical content demanding immediate user attention due to potential risks.

Negative potential consequences of an action.

Crazy? I was crazy once. They locked me in a room. A rubber room filled with rats. And rats make me crazy. Crazy? I was crazy once. They locked me in a room. A rubber room filled with rats. And rats make me crazy. Crazy? I was crazy once. They locked me in a room. A rubber room filled with rats. And rats make me crazy. Crazy? I was crazy once. They locked me in a room. A rubber room filled with rats. And rats make me crazy. Crazy? I was crazy once. They locked me in a room. A rubber room filled with rats. And rats make me crazy. Crazy? I was crazy once. They locked me in a room. A rubber room filled with rats. And rats make me crazy.

Tables

This is the caption. It can contain *inline formatting* and can extend over multiple lines, provided they are indented relative to the `^`.
	Software / Hardware
OS	TrueNAS Scale
Chassis	TerraMaster D5-300 5-Bay DAS<br />MeLE Mini PC Quieter2Q
Motherboard	ASRock J3455B-ITX
CPU	Intel Celeron Quad-Core Processor J4125
RAM	8GB
Networking	Gigabit Ethernet
Storage	OS: 256GB internal flash<br />==4x 8TB CMR HDD==

Link

My link text

Reference link

I am a reference link

Footnote

Here’s the reference.¹

Heading links

See the Heading links.

Image

Autolink

https://pandoc.org/lua-filters

Verbatim

This text contains verbatim text.

Bold / Italic

I am italic and I am bold.

Highlighting

This is highlighted text.

Super/subscript

H₂O and djot^TM

Insert/delete

My boss is meannice.

Smart punctuation

“Hello,” said the spider. “‘Shelob’ is my name.”

57–33 oxen—and no sheep…

Math

Einstein derived $e=mc^2$ . Pythagoras proved $x^n + y^n = z^n$

Line break

This is a soft break and this is a hard
break.

Comment

Foo bar baz.

Symbols

My reaction is 👍 😃.

Raw Inline

This is .

Span

It can be helpful to read the manual.

Custom

Most of the above are supported by djot, but the below are only supported by this SSG.

Index List

Highlighted text First item
No highlights Second item

Mermaid

---
config:
  theme: dark
---
  graph TD
  A[Client] --> B[Load Balancer]
  B --> C[Server01]
  B --> D[Server02]

Tabs

One Thing

Sentences.

Context

Other sentences.

Side by Side Content

This paragraph is on the left.

This paragraph is on the right.

This is a note with two paragraphs.

Second paragraph.

a block quote in the note.

↩︎